№ 88: Будівництво галерейного бару - CSS-хитрощі

Anonim

Ми взялися за побудову бару під заголовком галереї. У цьому барі є досить робота. Це розповідає людям, де вони перебувають і що вони переглядають (панірувальні крихти, простим способом). Він також буде містити пагінацію, кнопку і весь час повинен бути чуйним.

Це початок того, що ми називаємо "чорною смугою" навігації, що справді стає предметом для решти дизайну сайтів.

Ми пишемо розмітку для рядка, включаючи шрифт значка, коли це потрібно для стрілки вниз у спадному меню. Легко швидко переглянути посилання на діаграму символів у Провіднику шрифтів X, щоб зрозуміти, яке значення може мати піктограма HTML.

Ми використовуємо wp_tag_cloud()функцію, щоб виплюнути на сторінку список тегів з нашої власної таксономії для галереї. Ми просто стилізуємо розмітку, щоб поводитись як випадаюче меню. Ми пишемо лише трохи JavaScript, щоб показати / приховати це спадне меню. Як ми робили раніше з основною навігацією на сайті, все, що ми робимо, це змінити назву класу за допомогою JavaScript і дозволити CSS виконувати роботу.

Наприкінці у нас є робоче випадаюче меню для Галереї, що приємно. Це справді робочий коник навігації галереєю.