Как сделать выпадающую вкладку на Weebly

click fraud protection
Молодая женщина, используя ноутбук на кровати, держа в руках органайзер

Используйте подстраницы, чтобы лучше организовать свой веб-сайт Weebly.

Кредит изображения: AID / amana images / Getty Images

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

Шаг 1

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

Видео дня

Шаг 2

Нажмите кнопку «Страницы», чтобы просмотреть список существующих страниц вашего веб-сайта. Если вы еще не создали никаких новых страниц для сайта, в списке указаны только страницы по умолчанию: «Домашняя страница», «О нас» и «Контакты».

Шаг 3

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

Шаг 4

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

Шаг 5

Введите имя страницы в том виде, в котором оно должно отображаться в раскрывающемся списке в поле ввода «Имя страницы». Например, введите «Apple Crumble», если в пункте меню есть ссылка на страницу с рецептом яблочной крошки.

ШАГ 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

Нажмите «Опубликовать», чтобы обновить свой сайт Weebly с новым раскрывающимся меню.

Подсказка

Каждая подстраница может иметь свою собственную подстраницу, которая отображается в виде всплывающего окна на панели навигации.

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