Як зробити меню, що випадає для вашого сайту
Меню, що випадає, як правило, роблять на основі списку.
Отже, як зробити, що випадає?
Перш за все, потрібно цей список скласти:
Меню сторінок, так:
Тепер стилі, для додання краси нашого меню:
Файл стилів ви можете завантажити за посиланням в кінці поста і закинути його в папку з темою.
Підключити файл стилів потрібно в header.php наступним чином:
Нам будуть потрібні, також, зображення:
для самого меню і для створення hover-ефекту.
Їх, теж, можна знайти в архіві за посиланням нижче і покласти в папку images вашої теми.
Щоб меню випадало плавно, додамо трохи js:
Спочатку підключаємо jquery бібліотеку в файл header.php:
Перш, ніж підключити бібліотеку, подивіться файли header.php і footer.php вашої wordpress теми - можливо jquery бібліотека в ній вже підключена.
І функцію для плавного випадання меню в той же файл:
JS в цьому меню використовується по мінімуму, тільки для того, щоб надати нашому меню ефект плавного випадання, так що посилання в ньому будуть відмінно індексуватися пошуковими системами.
От і все. Як бачите, нічого складного немає :).
↓ Скачайте архів з прикладом меню, що випадає за посиланням нижче
Вже завантажили 286 раз (а)
відкрити ↓
Я Ксана
(В миру Людмила) - веб дизайнер і розробник сайтів.
На цьому блозі я пишу про Wordpress - про створення, підтримки і просування сайтів на цьому движку, про плагіни і темах для нього, про дизайн та верстку.
Розповідаю, також, про свій досвід з видобутку грошей в мережі.
Сподіваюся, це все вам буде цікаво.
- Жіноча тема Sabrina Premium
Тема City News Тема призначена для блогу, новинного сайту або міського порталу. Виконана в «журнальному» стилі. Головна: Сторінка окремої.
Розробка кулінарного сайту Рецепти для мультиварки. Особливості: - Адаптивна верстка. - Сторінка для друку. - Різні типи контенту.
Приєднуйтесь до мене!
2 047 учасників