Как выбрать макеты страниц и разделов в Weebly? –

Weebly предлагает на выбор множество макетов страниц, и интересная часть заключается в том, что вы можете выбирать разные макеты страниц для разных страниц на вашем сайте. Кроме того, вы также можете выбрать готовые шаблоны разделов и заголовков для своей команды или страницы контактов вместо того, чтобы создавать их с нуля. Доступные параметры совершенно разные для старых неадаптивных тем и последних адаптивных тем. В этой статье мы обсудим, как выбирать макеты страниц в Weebly и настраивать макеты заголовков и разделов.

Варианты макета в Weebly

Поскольку все зависит от используемой темы, мы рекомендуем вам прочитать статью об использовании адаптивных тем в Weebly для лучшего понимания. Вы можете перейти в раздел «Темы > Изменить тему» ​​и выбрать одну из адаптивных тем. Прокрутите вниз на той же странице и нажмите кнопку «Показать старые темы», чтобы просмотреть и выбрать неадаптивную тему.

Адаптивные темы

Просмотреть неадаптивные темы

Тип страниц в Weebly

Вы можете создать новую страницу в Weebly, перейдя на вкладку «Страницы» в редакторе. Просто нажмите на значок + и выберите один из следующих типов страниц для вашего сайта.

• Стандартная страница
• Страница блога
• Страница категории
• Страница продукта
• Внешняя страница
• Некликабельное меню

Тип страниц Weebly

Как выбрать макет страницы в Weebly?

Weebly выбирает макет вашей страницы на основе раздела заголовка. После выбора типа страницы у вас есть следующие две опции, чтобы выбрать один из макетов страниц по умолчанию, доступных для вашей темы.

• Выберите «Тип заголовка» на вкладке «Страницы».
• Нажмите кнопку «Добавить раздел» в области содержимого страницы на вкладке «Создать» или используйте элемент «Раздел».

Предложение: Получите скидку 10% на все планы Weebly.

Какие макеты страниц доступны?

В зависимости от используемой темы, вы можете найти различные макеты, доступные на вкладке «Страницы», чтобы удовлетворить ваши требования. Большинство адаптивных тем предлагают макеты заголовков, без заголовков и заставки, в то время как неадаптивные темы предлагают множество различных макетов.

1. Целевая страница (неадаптивные темы)

Целевая страница состоит из трех основных элементов — текста, изображения и кнопки. Текстовая область — это место для добавления контента, по сути, цели вашего веб-сайта, а также привлекательного заголовка или подписи вашего сайта. Добавление изображения или слайд-шоу о вашем сайте предлагает посетителям быстрый извлечения вашего сайта, который вы можете сделать в области изображения, просто перетаскивая элементы. Последний элемент — это кнопка, которая предназначена для добавления призыва к действию, например, нажмите, чтобы позвонить в службу, или просто вы можете использовать ее для подключения к вашему блогу или форуму. Макет целевой страницы больше подходит для домашней страницы вашего веб-сайта.

Макет целевой страницы Weebly

Примечание: В неадаптивных темах вы можете добавить слайдер в заголовок как часть плана Weebly Pro. Бесплатные пользователи, однако, могут добавить слайд-шоу заголовка, изменив исходный HTML/CSS, узнайте больше о том, как добавить слайд-шоу заголовка на бесплатном сайте Weebly.

2. Высокая страница заголовка в неадаптивных темах (страница заголовка в адаптивных темах)

Этот макет страницы состоит из изображения, которое распространяется на всю ширину вашего сайта, а область контента будет отображаться под изображением заголовка. Хотя в области заголовка в неадаптивных темах нет места для добавления текста, вы можете перетаскивать элементы из боковой панели в адаптивных темах.

Макет страницы с высоким заголовком Weebly 3. Страница с коротким заголовком (неадаптивные темы)

Это то же самое, что и Tall Header Page, с той разницей, что высота изображения меньше. В этом случае вы также не можете добавлять текст в область заголовка в неадаптивных темах, в то время как можно перетаскивать элементы в раздел заголовка адаптивной темы.

Макет короткой страницы заголовка Weebly 4. Страница без заголовка (доступно как в адаптивных, так и в неадаптивных темах)

В этом макете страницы нет ни изображений, ни текста, и он предоставляет больше места для вашего контента.

Макет страницы Weebly No Header 5. Всплывающая страница (доступно только в некоторых темах)

Splash page — идеальный вариант для привлечения внимания посетителя. Содержание Splash page сосредоточено в центре страницы, которую можно использовать для подписки на рассылку, страницы приветствия, страницы благодарности или вводной страницы.

Макет страницы Weebly Splash 6. Титульный лист (доступен для некоторых неадаптивных тем)

На титульном листе имеется элемент заголовка под панелью навигации, где вы можете ввести свой заголовок и краткое описание страницы.

Макет титульного листа Weebly

Как выбрать или изменить макет страницы или тип заголовка?

Когда вы создаете новую страницу на вкладке «Страницы», у вас есть возможность выбрать желаемый макет (тип заголовка) для этой конкретной страницы. Ранее Weebly предлагал визуальную возможность выбора макета, как показано ниже.

Выбор макета страницы Weebly – вкладка «Страницы»

Однако он был изменен, и теперь вам нужно выбрать свою страницу и щелкнуть раскрывающийся список «Тип заголовка», чтобы выбрать желаемый макет заголовка страницы. В любое время позже вы можете вернуться и изменить макет страницы здесь. Как вы можете видеть на снимке экрана ниже, тема предлагает только два типа заголовков страниц — заголовок и без заголовка.

Тип заголовка для вашей страницы Weebly

Если вы используете неадаптивную тему, у вас также есть возможность мгновенно изменить макет страницы, нажав кнопку настроек на изображении заголовка, как показано ниже. Если вы выбрали отсутствие страницы заголовка или используете адаптивные темы, то нет других вариантов, кроме изменения макета страницы на вкладке «Страницы», как описано выше.

Изменить макет страницы в Weebly

Все становится намного проще, если использовать макет заголовка с одной из адаптивных тем Weebly. Вы можете нажать на заголовок и выбрать кнопку «Заменить макет заголовка». Это предложит вам удалить текущий макет и нажать кнопку «Удалить», чтобы продолжить. Вы увидите список всех доступных макетов заголовков и выберите тот, который вам нравится. Редактор Weebly мгновенно покажет предварительный просмотр, после проверки вы можете сохранить макет для применения на всех страницах с типом заголовка «Заголовок». Вы также можете редактировать фон, чтобы настроить внешний вид заголовка и добавить новые элементы.

Изменить макеты заголовков

Как добавить свой собственный макет страницы?

Можно добавить свой собственный макет страницы на ваш сайт Weebly. Это можно сделать, отредактировав исходный HTML/CSS-файл на вкладке «Дизайн». Щелкните значок «+» рядом с «Типом заголовка» и выберите из раскрывающегося списка опцию «Новый тип заголовка». Если у вас уже есть разработанный файл макета, просто загрузите его, выбрав опцию «Загрузить тип(ы) заголовка…».

Добавление нового типа заголовка в Weebly

Новый тип заголовка будет создан с именем «untitled.html» и с минимальным количеством HTML-кодов для тела, заголовка и нижнего колонтитула, как пустой шаблон. Вы можете переименовать тип заголовка, добавить нужный код и просмотреть макет ниже редактора кода. Лучший вариант — скопировать содержимое из шаблонов header или no-header.html и вставить в ваш недавно созданный шаблон. Теперь вы можете изменить параметры, которые хотите создать, чтобы легко создать свой собственный шаблон вместо того, чтобы создавать его с нуля.

Сохраните изменения, и вновь созданный макет страницы будет отображаться во время выбора макета страницы на вкладке «Страницы». Например, новый макет, добавленный с именем «Целевая страница без кнопок», будет отображаться во время создания новой страницы, как на рисунке ниже в старом редакторе Weebly.

Выбор макета страницы Weebly

В настоящее время редактор Weebly отображает пользовательские шаблоны, как показано ниже (боковая панель — это пользовательский шаблон, который мы создали для добавления пользовательской боковой панели на страницы Weebly).

Пользовательский макет боковой панели

Обратите внимание, что если вы внесли какие-либо изменения в исходный код существующего макета страницы, вам нужно будет снова внести те же изменения во все макеты страниц. Например, предположим, что вы выбрали страницу заголовка и отредактировали ее исходный HTML-код, чтобы скрыть сообщение о бесплатном нижнем колонтитуле. Позднее изменение макета страницы на страницу без заголовка снова отобразит сообщение о бесплатном нижнем колонтитуле, и вам также нужно будет отредактировать HTML страницы без заголовка, чтобы отключить сообщение о нижнем колонтитуле.

Предупреждение: Все типы заголовков и шаблоны страниц можно выбрать для стандартных и блоговых страниц. Отдельные записи блога не имеют возможности выбора ни типов заголовков, ни шаблонов разделов. Премиум-планы Weebly имеют дополнительный раздел нижнего колонтитула для вставки макетов разделов.

Использование шаблонов разделов в адаптивных темах Weebly

В дополнение к макетам страниц на вкладке «Страницы», Weebly также предлагает следующие шаблоны страниц. Вы можете выбрать эти макеты прямо из области содержимого страницы, нажав кнопку «Добавить раздел» или добавив элемент «Раздел».

• Галерея
• Контакт
• Меню
• Избранное
• Команда

Ранее Weebly предлагал полностраничные секционные макеты, доступные в разных категориях, и вы могли выбрать тот, который вам нравится.

Выберите шаблоны страниц в Weebly

Однако теперь это полностью изменено, чтобы выбрать макет из элемента «Раздел». Перетащите элемент «Раздел» в область содержимого и нажмите кнопку «Добавить раздел». Это покажет список доступных шаблонов, из которых вы можете выбрать тот, который хотите вставить. После выбора шаблона вам будет показан предварительный просмотр и будет возможность сохранить шаблон или отменить его и выбрать другой макет.

Добавить новый макет раздела в Weebly

Шаблоны разделов экономят значительное время без необходимости создания собственных шаблонов. Шаблоны по умолчанию можно легко повторно использовать на многих страницах, тем самым улучшая возможность повторного использования.

Примечание: Элемент Section доступен только в адаптивных темах. При переключении темы с разделами на неадаптивную тему Weebly покажет предупреждение и объединит элементы раздела.

(тегиToTranslate)Макет