№ 88: Строительство бара Gallery - CSS-хитрости

Anonim

Мы приступили к созданию панели под заголовком галереи. У этого бара неплохая работа. Он сообщает людям, где они находятся и что смотрят (простые панировочные сухари). Он также будет содержать разбивку на страницы, кнопку, и все это должно быть отзывчивым.

Это начало того, что мы называем «черной полосой» навигации, которая действительно становится неотъемлемой частью дизайна остальных сайтов.

Мы пишем разметку для панели, в том числе используя наш иконочный шрифт, когда это необходимо для стрелки вниз в раскрывающемся меню. Чтобы узнать, какое значение может иметь значок HTML, легко быстро обратиться к таблице символов в Font Explorer X.

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

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