WebDesignMagazine.ru – Журнал о веб-дизайне

14 ключевых функций WordPress, которые ускоряют разработку шаблонов

0

Спустя несколько лет (или даже месяцев) разработки WordPress шаблонов, особенно для клиентов, вы начинаете понимать, что многий функционал можно было бы просто стандартизировать или дистиллировать в “Стартовый набор”. Это помогло бы начать процесс разработки и продвижение вперед быстрыми темпами.
Лучшим первым шагом на этом пути, является включение большинства общих функций в functions.php. Файл functions.php нужно будет продлевать в соответствии с потребностями конкретной темы, которая может возникнуть при новом проекте, но это обеспечит более чем потрясающию отправную точку для разработки. Итак, приступим!

1. Поддержка пользовательских меню

Функция навигации по меню, введенная в WordPress 3.0, позволяет интуитивное создание и поддержание навигационных меню в темах.
По крайней мере, стандартной теме понадобится главное меню навигации, возможно, в заголовке и дополнительное меню навигации в футере. Чтобы это сделать, мы зарегистрируем эти два меню “Главное меню” и “Вспомогательное меню”.
Хотя это не особенно новая функция, но все же хорошо обернуть  if function_exists () в случае, если пользователь застрял в предварительной установке 3.0:
В файле functions.php, включите следующее:

Теперь, когда меню зарегистрированы, мы должны “сказать” теме, куда их выводить. Мы хотим, чтоб наше Главное меню (Main Menu) появлялось в нашем заголовке. Для этого, в header.php файле, мы включаем следующий код:

Во-первых, мы проверяем, если меню под названием “main_menu” было определено, если да, то тогда мы вставляем его содержимое здесь; в противном случае мы возвращаемся к по умолчанию wp_list_pages (), который мы можем более детально настроить для отображения ссылок. Если вы хотите еще ​​больше настроить меню, тогда смотрите WordPress Codex page on wp_nav_menu () функции.

Мы хотим, чтобы вспомогательное меню (secondary menu) появлялось в футере, для этого мы открываем footer.php и включаем следующий код:

2. Стилизация визуального редактора

Эта функция позволяет использовать пользовательский CSS для стилизации WordPress TinyMCE визуального редактора.
Создайте CSS файл с именем editor-style.css и вставьте туда ваши стили. В качестве заполнителя (контейнера), мы хотели бы начать со стилей в файле editor-style.css “Двадцать Двенадцать” темы.
В functions.php нужно добавить следующее:

Если вы не хотите использовать название “editor-style” для вашего CSS файла,  и также хотите переместить файл в другое месте, например, в пределах каталога CSS, а затем изменить функцию.
Например, мы хотим назвать файл “tiny-MCE-styles.css”, и хотим, чтоб он был в директории CSS, поэтому наша функция будет выглядеть следующим образом:

Мы также можем стилизовать редактор для поддержки языков, правописание в которых осуществляется справо налево (к примеру, арабский). В каталоге темы, создайте CSS файл под названием editor-style-rtl.css и включите следующее:

3. Поддержка пользовательских аватаров

У большинства людей, комментирующих на блогах в Интернете есть свой личный аватар. Однако, если у них нет аватара или вам не нравятся варианты WordPress аватаров по умолчанию, вы можете определить свои собственные.
Чтобы сделать это, включите следующий код в ваш functions.php:

Первое, что мы здесь делаем, это проверяем если функция существует. Если да, то тогда мы добавляем фильтр, который говорит WordPress использовать наш определенный пользовательский аватар по умолчанию.
Мы говорим WordPress найти этот аватар в наших “images” внутри директории темы. Следующим шагом, очевидно будет создание самого изображения и загрузка его папку “images”.

4. Форматы постов

Функция “формат постов” позволяет настроить стиль и презентацию поста. На момент написания этой статьи, существует 9 стандартизированных форматов, из которых пользователи могут выбрать: aside, галерея, ссылки, изображения, цитаты, статус, видео, аудио, и чат. В дополнение к этому, формат по умолчанию “Стандарт” означает, что не был задан не один формат для конкретного поста.
Чтобы добавить эту функцию к теме, включите следующий код в ваш functions.php, указав форматы постов, которые вы будете использовать в своих интересах. Например, если вы хотите только aside, изображения, ссылки, цитаты и статус форматы, тогда ваш код должен выглядеть следующим образом:

5. Функция “Миниатюра записи”

Как объясняет the codex, функция “миниатюра записи”, позволяет автору выбрать представительные изображение для сообщений, страниц или пользовательских постов.
Чтобы задать эту функцию, включите следующий код в ваш functions.php:

Мы могли бы там остановиться и дать возможность WordPress определить размер эскизов или мы могли бы взять все под контроль и определить их сами. Мы сделаем последний вариант!
Допустим, у нас веб-журнал, где выбранное изображение будет появляться, по крайней мере, в  3 различных размерах . Может быть, одно большое изображение если пост спонсорский или новый, среднего размера изображения, если это просто пост среди остальных и, возможно, обычный размер, который появляется в другом месте.
Воспользуемся add_image_size (), который инструктирует WordPress сделать копию  выбранного изображения, в определенных размерах.
Чтобы это сделать, мы добавим следующее к functions.php:

6. Настройки дисплея вложений

После того как мы определили размеры изображения (обычный, средний и большой), и так как по умолчанию WordPress этого для нас не сделает,  мы добавим возможность выбора размера из Attachment Display Setting интерфейса.
Было бы неплохо, если бы мы могли, при написании поста, вставить изображения необходимого размера, выбрав его из выпадающего меню, как это обычно бывает для WordPress размеров по умолчанию.
Для этого нужно добавить в наш functions.php:

7. Добавление фид ссылок (вместо старого кода RSS в хэдере)

Если вы давно уже строите WordPress темы, то тогда вы помните те времена, когда приходилось вручную включать код для вывода RSS фидов в header.php. Такой подход становится чище и опирается на wp_head () действия для вывода необходимого кода.
В файле functions.php, нужно включить следующее:

Убедитесь, что у вас это находится в header.php, прямо перед концом

8. Загрузка языков домена

С помощью этой функции, вы делаете первый шаг на пути к доступности вашей темы для перевода.
Лучше всего вызвать эту функцию изнутри after_setup_theme () action hook т.е. после установки, регистрации и инициализации действия вашей темы.

Теперь добавьте директорию под именем “languages” в директорию вашей темы.

9. Определение ширины контента

Ширина контента это функция в темах, которая позволяет установить максимально допустимую ширину для видео, изображения и других oEmbed контентов в теме.
Это означает, что при вставке YouTube URL в редакторе, WordPress автоматически отображает фактическое видео и оно не будет превышать ширину заданую вами с помощью переменной $ content_width.

10. Динамическая боковая панель

У вашей типичной темы, будет как минимум одна боковая панель. Код для определения боковой панели очень прост.
Добавьте следующие строки в ваш functions.php:

Это определяет и регистрирует боковую панель под названием “Main Sidebar” и её HTML разметку. Иногда вам может понадобится больше чем одна боковая панель, поэтому вы можете просто копировать-вставить этот код, и изменить имя.

Существует также register_sidebars () функция, которая позволит вам зарегистрироваться и определить несколько боковых панелей сразу, но это не дает вам гибкости присвоения каждой новой боковой панели уникального имени.

11. Формат пользовательской ссылки “дополнительно” (more)

Если вы показываете выдержки из ваших статьей на индекс странице блога, то по умолчанию WordPress покажет […], чтобы указать, что это ещё не все.
Скорее всего, вы захотите добавить “читать далее” и определить, как оно будет выглядеть.
Для этого нам нужно добавить следующий код в functions.php:

12. Основная нумерация страниц

У каждой темы могут быть различные потребности по нумерации страниц, но всегда безопаснее начинать с хороших функций по умолчанию:  previous_posts_link() and  next_posts_link().

13. Перенаправление после активации темы

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

Обратите особое внимание на wp_redirect () функцию. Не забудьте заменить ‘ themes.php?page=themeoptions‘ на URL вашей страницы.

14. Скрыть админ-панель(в процессе разработки)

Во время разработки, WordPress Admin (инструменты) панель, может быть весьма отвлекающей. Она находится в фиксированном положении в верхней части окна и в зависимости от макета может закрывать некоторые элементы заголовка. Пока идет дизайн и разработка, можно скрыть панель администратора с помощью этой удобной функции:

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

Поделиться:

Об Авторе

Редакция портала WebDesignMagazine.ru -онлайн журнал о веб-дизайне.