Советы и хитрости шаблонов Wordpress

Опубликовано: 06.10.2017

видео Советы и хитрости шаблонов Wordpress

Ошибки верстальщиков | Изображения #1

Перевод статьи Nick La « WordPress Theme Hacks «.

WordPress изначально был создан в качестве платформы для блогов, однако теперь его возможности настолько возросли, что вы легко можете использовать его для создания любого типа сайтов в качестве полноценной CMS.


Верстка wordpress шаблона Видео примеры и советы ч.1

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

Условные теги WordPress

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

Динамическая подсветка меню

Вот что я использовал для динамической подсветки меню на сайте Best Web Gallery . В первую очередь, если это страницы Home, Category, Archive, Search или Single, я добавлял класс «current» к тегу <li>, который все время будет подсвечивать кнопку «Gallery». Затем если активная страница содержит слаг «about», также добавляется класс «current».

<ul id="nav"> <li<?php if ( is_home() || is_category() || is_archive() || is_search() || is_single() || is_date() ) { echo ' class="current"'; } ?>><a href="#">Gallery</a></li> <li<?php if ( is_page('about') ) { echo ' class="current"'; } ?>><a href="#">About</a></li> <li<?php if ( is_page('submit') ) { echo ' class="current"'; } ?>><a href="#">Submit</a></li> </ul>

Динамический заголовок страницы

Снова я использую условные теги для организации динамического заголовка у страниц: