Чему могут научиться разработчики WordPress-тем из двадцати двенадцати - Константин Ковшенин

1. 1. Гибкий заголовок
2. 2. Слишком много спасения не бывает
3. 3. Где мои параметры темы?
4. 4. Шаблоны страниц в подкаталоге
5. 5. Адаптивный макет и навигация
6. 6. Мягкий урожай для миниатюр постов
7. 7. Google Web Fonts
8. 8. Асинхронные настройки настройщика
9. 9. А как насчет других функций?

Мы все ждали новую тему по умолчанию для WordPress, и она имеет наконец, прибыл , Без сомнения, Две тысячи двенадчать это одна из лучших тем, с которыми я когда-либо играл. Это так просто, чисто, красиво и наполнено огромным количеством изнутри.

Я уверен, что вы уже скачали тему или, по крайней мере, проверили демо , В этом коротком обзоре я хотел бы указать на вещи, которые делают «Двадцать двенадцать» такими замечательными, и что вы можете извлечь из этого. Если вы найдете другие драгоценные камни, достойные упоминания, не забудьте поделиться ими, оставив комментарий.

1. Гибкий заголовок

Вместо создания «дружественного для SEO» заголовка непосредственно в шаблоне header.php, Twenty Twelve делает это с фильтром для wp_title в functions.php, оставляя единственный аккуратный вызов wp_title () в заголовочном файле. Это позволяет дочерним темам и плагинам полностью перезаписывать тег заголовка, не прибегая к буферизации вывода и другим хакерским методам. См. Header.php и fiftytwelve_wp_title в functions.php.

Это, однако, не означает, что Twenty Twelve не является SEO дружественным или чем-то еще. Это так же хорошо, как Twenty Ten или Twenty Eleven, я бы сказал, даже лучше со всей этой сексуальной разметкой, и вам определенно не нужно использовать какие-либо плагины SEO с Twenty Twelve. На самом деле, я призываю вас не делать этого;)

2. Слишком много спасения не бывает

Безопасность имеет важное значение для всех вещей WordPress. Ядро, плагины и особенно темы, потому что безопасность в темах часто упускается из виду. Отличная тема WordPress не может быть отличной, не будучи в безопасности.

Экранирование ценностей играет важную роль в безопасности, и WordPress получил довольно много функций чтобы помочь вам избежать строк, чисел, URL-адресов и даже операторов SQL. Рекомендуется избегать как можно позже, что обычно означает непосредственно перед выходом. И если ваше значение было экранировано ранее, не беспокойтесь - экранирование уже экранированного значения не повредит!

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

3. Где мои параметры темы?

Множество вариантов тем, тысячи макетов страниц, шестьдесят четыре слайдера и генератор коротких кодов? Нет, спасибо. Двадцать Двенадцать даже не имеет панели параметров темы! Он работает прямо из коробки и выглядит идеально, как есть. Для настройки Twenty Twelve реализует большинство основных функций, таких как настраиваемые заголовки и фоны, и вы можете легко пойти дальше с Пользовательские CSS ,

Несколько шаблонов страниц помогут настроить макет определенных страниц. Шаблон домашней страницы - действительно хороший выбор, когда WordPress используется как CMS против блога.

4. Шаблоны страниц в подкаталоге

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

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

5. Адаптивный макет и навигация

Twenty Twelve имеет адаптивный макет, что означает, что он отлично смотрится и отлично работает в настольных и мобильных средах, что довольно важно в современном мире мобильных устройств. Для устройств с небольшим размером экрана Twenty Twelve заменит все меню кнопкой «Menu», которая открывает меню при нажатии или касании.

Это полезно, особенно для больших навигационных меню, где вам придется постоянно прокручивать содержимое вниз при каждой загрузке страницы. Смотрите header.php и js / navigation.js.

6. Мягкий урожай для миниатюр постов

Двадцать двенадцать устанавливает размер миниатюры поста в 624 x 9999 с мягким кадрированием, что поначалу звучит довольно странно. Это позволяет пользователям выбирать портретные изображения и фотографии в соотношении 1:16, чтобы они выглядели хорошо и хорошо реагировали, как если бы они были в альбомной ориентации. Я думаю, что это довольно интересная техника для адаптивных тем. Смотрите двадцать двенадцать_установок в functions.php.

7. Google Web Fonts

Open Sans это один из моих любимых шрифтов, и его очень легко использовать с Google Web Fonts. Для языков с символами, которые не поддерживаются в Open Sans, Twenty Twelve позволяет переводчикам отключать Google Font или загружать дополнительные наборы шрифтов, такие как кириллица, вьетнамский или греческий. Переключение параметров с помощью функций локализации - довольно интересный (и, возможно, слегка запутанный) подход, который я люблю называть «вариантами тем для переводчиков».

Twenty Twelve использует wp_enqueue_style для загрузки Google Web Font. Важно использовать wp_enqueue_style, а не @import шрифта прямо из таблицы стилей или, что еще хуже, жестко закодировать его в шаблоне header.php. Подход wp_enqueue_style позволяет дочерним темам (или плагинам) исключать таблицу стилей из очереди и использовать вместо этого другой шрифт. Гибкость для победы!

Также стоит упомянуть, что даже основная таблица стилей в Twenty Twelve выполнена с вызовом wp_enqueue_style по той же самой причине. См. Двадцать двадцать двенадцать скриптов в файле functions.php.

8. Асинхронные настройки настройщика

Theme Customizer был представлен в WordPress 3.4, и хотя Twenty Twelve не создает свой собственный пользовательские настройки в настройщике , он очень хорошо адаптируется к существующим, устанавливая их транспорт в postMessage и обрабатывая события в javascript. Это позволяет Twenty Twelve реагировать на изменение этих настроек без перезагрузки страницы, создавая лучший пользовательский опыт.

Связанный код можно найти в theme-customizer.js и в файле functions.php во время customize_register.

9. А как насчет других функций?

Даже несмотря на то, что Twenty Twelve - это тема WordPress по умолчанию, она не реализует все возможные основные функции. Twenty Twelve поддерживает только пять форматов записей, имеет только одно навигационное меню, не имеет пользовательских виджетов боковой панели и не поставляется с любым пользовательским заголовком или фоновыми изображениями по умолчанию.

Однако, если вам нужно что-то подобное, вы можете легко расширить Twenty Twelve, используя дочернюю тему, что делает ее отличной родительской темой для использования.

Тем не менее, есть двадцать многого, что вы можете узнать из Двадцать Двенадцати, просто прочитав его исходный код. Так что, если вы занимаетесь разработкой тем WordPress и хотите создать свою первую (или сотую) тему, не стесняйтесь копаться в файлах шаблонов Twenty Twelve, для каждого найдется много скрытых жемчужин!

Вот и все, ребята. Что вы узнали из Двадцать Двенадцати? Как Двадцать Двенадцать повлияли на вашу текущую или будущую разработку тем WordPress? Пожалуйста, поделитесь своими мыслями в разделе комментариев!

Похожие

Комментарии