Статьи

Злая тема WordPress

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

Опытные разработчики знают, что заново изобретать колесо для лохов, и когда вы хотите начать с правой ноги, его часто быстрее и проще построить поверх фреймворка. PHP-разработчики имеют такие фреймворки, как CakePHP или CodeIgniter; У фанатов Ruby есть Ruby on Rails; Разработчики .NET имеют ASP.NET. Тематическое сообщество WordPress не является исключением — фреймворки для разработки тем созданы для того, чтобы вам было проще создавать собственные темы.

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

Зачем использовать фреймворк?

Могу поспорить, ты занят, верно? Вы, вероятно, также рады начать разработку своей темы, как только сможете. По мере развития вашей тематической карьеры вы по достоинству оцените все, что поможет вам сэкономить время. Основы разработки тем здесь, чтобы сделать вашу жизнь намного проще.

Фреймворки предоставляют разметку, функциональные элементы и часто некоторые базовые CSS, которые вы можете использовать в качестве основы для своей собственной темы. Для начинающих, использование фреймворка означает, что вы можете тратить меньше времени на сборку кода и больше внимания уделять дизайну. Это также отличный способ узнать, как соединяются темы WordPress, особенно если вы новичок в PHP.

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

Дочерние темы: умный способ построить на платформе

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

WordPress 2.7 (теперь у нас до 3.1) все изменилось, когда он представил концепцию дочерней темы — темы, которая расширяет возможности другой темы. Как минимум, дочерней теме требуется только таблица стилей ( style.css Когда WordPress создает страницу, он берет таблицу стилей из дочерней темы и шаблоны из родительской темы.

Но для более предприимчивых дочерние темы могут помочь вам пойти еще дальше, используя два способа переопределить поведение родителей. Есть дополнительный файл functions.php, который доступен для добавления вашего собственного кода в тему. Более того, файлы шаблонов, хранящиеся в каталоге дочерней темы, будут иметь приоритет над файлами родительской темы. Это означает, что если вы хотите внести изменения в разметку или функциональность родительской темы, все, что вам нужно сделать, это написать пользовательскую функцию или создать собственную версию соответствующего шаблона — и, наконец, полный контроль.

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

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

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

Как выбрать отличные рамки?

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

Чистый, семантический HTML
Тема с корректным, семантическим HTML-кодом означает, что вам будет проще оформить вашу тему с помощью собственного CSS. Если у вашей предполагаемой темы есть демонстрационная страница, запустите ее через валидатор W3C и посмотрите, что получится. Вы также должны следить за множеством хуков классов, на которых вы можете повесить свой CSS, так как это значительно облегчит вашу работу, когда придет время создавать дочернюю тему.

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

SEO преимущества
Если вы мечтали увидеть свою тему в тысячах популярных блогов, можете поспорить, что SEO будет главным в умах этих блоггеров; это должно быть прямо у тебя тоже. Разметка вашего фреймворка должна соответствовать хорошим практикам SEO, таким как разумное использование заголовков и семантических элементов, элементов описательного titlemeta

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

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

Документация и поддержка
Хороший каркас темы будет иметь документацию и канал поддержки, будь то форум, вики, список рассылки или даже система поддержки. Посмотрите вокруг и посмотрите, на что похоже сообщество — они полезные ангелы или капризные тролли? Это особенно верно, если вы покупаете платную тему; зачем отбрасывать все эти деньги за потрепанную или несуществующую поддержку?

Фреймворки стоит проверить

Хотя любая тема может быть использована в качестве основы, некоторые примечательные примеры были разработаны специально для этой цели. Сейчас мы рассмотрим их, а также некоторые дочерние темы, созданные на их основе.

Халявы

Вот лишь некоторые из замечательных бесплатных платформ в продаже.

тематическая

The Ian Stewart Thematic, показанный на рисунке 1, является одной из самых известных фреймворков тем по понятной причине: она насчитывает тысячи пользователей, она была протестирована с десятками популярных плагинов, и есть много полезного, бесплатного сообщества служба поддержки. Вы можете получить Thematic от ThemeShaper , в котором также находится огромная коллекция учебных пособий по созданию дочерних тем, а также по созданию собственных фреймворков.

Рисунок 1. Простая тематическая демонстрация с использованием стилей по умолчанию

тематическая

Тематические дочерние темы многочисленны: Рисунок 2, Рисунок 3 и Рисунок 4 показывают, насколько гибкой может быть эта структура.

Рисунок 2. ThemeShaper использует дочернюю тему Thematic

Themeshaper

Рисунок 3. Коммуна , Кристиан Антохе

коммуна

Рисунок 4. Детская тема Neutica , автор Аллан Коул

Neutica

Гибридный

Гибрид Джастина Тэдлока, показанный на рисунке 5, может похвастаться большим количеством документации и поддержки, а также бесплатным и открытым исходным кодом. Вы также найдете коллекцию языковых переводов, множество дочерних тем, которые можно загрузить и попробовать, а также специальные гибридные плагины для более эффективного использования этой превосходной бесплатной темы. Доступ к обширной коллекции подробных руководств и форумов стоит разумных 25 долларов США (обратите внимание, что все цены, указанные в этой статье, должны быть проверены перед покупкой — они могли измениться).

Рисунок 5. Гибрид в действии

Гибридный

Вы можете скачать Hybrid с Theme Hybrid . Пока вы там, взгляните на некоторые из прекрасных примеров детской темы Джастина; скриншоты из двух из них можно увидеть на рисунке 6 и рисунке 7.

Рисунок 6. Поделитесь своими мыслями с миром, с Life Collage

Жизнь Коллаж

Рисунок 7. Это весело, это модно, это старая школа

Старая школа

Carrington

Каррингтонская структура CrowdFavorite имеет открытый исходный код и поставляется в четырех вариантах: одна с некоторым графическим дизайном (Рисунок 8), другая без разметки, другая, разработанная специально для мобильных устройств, и старая ваниль. Доступна официальная и общественная поддержка, а также множество документации для любопытного программиста.

Рисунок 8. Блог Carrington для блоггеров и разработчиков

Carrington

Платные рамки

Эти платные фреймворки поставляются со стопками наворотов, сильным корпоративным и SEO-ориентированием и премиальной поддержкой.

Тезис

Фреймворк Thesis от DIY Themes обещает положить конец всем вашим заботам о SEO, предлагая множество вариантов как для конечных пользователей, так и для профессиональных разработчиков тем. В Thesis вы вносите изменения в пользовательский файл CSS и функций внутри самой темы, а не используете метод дочерней темы, упомянутый выше, но, тем не менее, он по-прежнему является надежной средой. На момент написания статьи Thesis составляла 87 долларов США для личного пользования и 164 доллара США для разработчиков, а на рынке скинов Thesis процветает рынок. Обложка Thesis по умолчанию показана на рисунке 9.

Рисунок 9. Прочная основа тезиса

Тезис

Тезис ведет множество популярных блогов; проверьте некоторых из своих высокопоставленных пользователей на рисунке 10 и рисунке 11 ниже.

Рисунок 10. Симпатичная перегрузка — для лучшего в симпатичных образах

Симпатичная перегрузка

Рисунок 11. Интересное содержание CopyBlogger

Copyblogger

генезис

Инфраструктура Genesis от StudioPress предоставляет простую и удобную тему с множеством включенных макетов и требует всего лишь небольшого количества CSS-любви, чтобы по-настоящему сиять. Некоторые виджеты Genesis помогают расширить эту тему далеко за пределы альтернативных предложений. Это 59,95 долларов США для вашего собственного использования, и есть официальная торговая площадка Genesis для продажи ваших детских тем. На рисунках 4.12 и 4.13 показаны некоторые классные варианты, которых вы можете достичь с помощью среды Genesis.

Рисунок 12. Просмотр демонстрации темы Genesis

генезис

Рисунок 13. Эта дочерняя тема Genesis действительно предприимчива

генезис

Итак, какие рамки являются лучшими?

Да ладно, SitePoint, просто скажи нам, какой из них лучший!

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

На самом деле, вы можете решить, что ни один из них не подходит вам, и что вы предпочитаете бросать свои собственные.

Вы говорите нам, что работает для вас!