Создайте свои собственные Wicked WordPress Themes , последний выпуск SitePoint, содержит все, что вам нужно знать, чтобы создавать потрясающие темы для самой популярной в мире платформы онлайн-публикации. Чтобы дать вам представление о том, что находится внутри, мы сделали главы 1, 4 и 5 доступными в виде бесплатного образца PDF . Эта статья, посвященная все более популярному варианту использования каркаса темы для ускорения разработки темы, взята из первой части главы 4. Если вы хотите больше, вы можете купить всю книгу прямо из SitePoint, либо в печатном виде. книга или цифровой пакет (содержащий форматы PDF, MOBI и EPUB).
Опытные разработчики знают, что заново изобретать колесо для лохов, и когда вы хотите начать с правой ноги, его часто быстрее и проще построить поверх фреймворка. PHP-разработчики имеют такие фреймворки, как CakePHP или CodeIgniter; У фанатов Ruby есть Ruby on Rails; Разработчики .NET имеют ASP.NET. Тематическое сообщество WordPress не является исключением — фреймворки для разработки тем созданы для того, чтобы вам было проще создавать собственные темы.
Среды разработки тем WordPress выглядят так же, как обычные темы — позвольте сказать, даже немного скучно — но под их скромными фасадами скрывается мощная функциональность, которая выступает в качестве основы для разработки вашей собственной темы. В этой главе мы рассмотрим, почему фреймворки — это отличная идея, как выбрать лучший фреймворк для вас и как дополнить этот фреймворк нашими собственными сексуальными стилями и пользовательскими функциями.
Могу поспорить, ты занят, верно? Вы, вероятно, также рады начать разработку своей темы, как только сможете. По мере развития вашей тематической карьеры вы по достоинству оцените все, что поможет вам сэкономить время. Основы разработки тем здесь, чтобы сделать вашу жизнь намного проще.
Фреймворки предоставляют разметку, функциональные элементы и часто некоторые базовые CSS, которые вы можете использовать в качестве основы для своей собственной темы. Для начинающих, использование фреймворка означает, что вы можете тратить меньше времени на сборку кода и больше внимания уделять дизайну. Это также отличный способ узнать, как соединяются темы WordPress, особенно если вы новичок в PHP.
Позже, как только вы зарекомендовали себя как всемирно известная рок-звезда тем WordPress, вы обнаружите, что использование фреймворка экономит ваше время: вы будете тратить меньше времени на выполнение повторяющейся работы, необходимой для каждой темы, и больше на мельчайшие детали вашего новейшего шедевра.
В прежние времена, если вы хотите изменить вывод темы WordPress, вам придется редактировать тему напрямую. Было очень мало возможностей изменить разметку или функциональность темы без изменения файлов шаблонов. Если тема, с которой вы начали, была обновлена, вам пришлось бы потратить время на тщательную интеграцию изменений в недавно обновленный оригинал — едва ли не самое продуктивное использование вашего времени.
WordPress 2.7 изменил все это, когда представил концепцию дочерней темы. — тема, которая расширяет возможности другой темы. Как минимум, дочерней теме требуется только таблица стилей ( style.css Когда WordPress создает страницу, он берет таблицу стилей из дочерней темы и шаблоны из родительской темы.
Но для более предприимчивых дочерние темы могут помочь вам пойти еще дальше, используя два способа переопределить поведение родителей. Есть дополнительный файл functions.php Более того, файлы шаблонов, хранящиеся в каталоге дочерней темы, будут иметь приоритет над файлами родительской темы. Это означает, что если вы хотите внести изменения в разметку или функциональность родительской темы, все, что вам нужно сделать, это написать пользовательскую функцию или создать собственную версию соответствующего шаблона — и, наконец, полный контроль.
Вот лучший момент: хотя сообщество WordPress разработало ряд многофункциональных фреймворков специально для этой цели, любая тема может выступать в роли родителя. Если ваша любимая тема позволяет изменять ее лицензию, вы можете пойти дальше и использовать ее в качестве основы для вашей прекрасной новой темы, без какого-либо редактирования оригинала.
Ничто не мешает вам напрямую изменять структуру темы, если это то, что плавает в вашей лодке, но разумные деньги заключаются в использовании дочерней темы так часто, как вы можете. Всякий раз, когда разработчик родительской темы вносит обновление в свою тему, обновлять свою так же просто, как устанавливать свежую версию родительской темы. Ваша дочерняя тема будет сразу же обновлена, а это означает, что вы будете тратить меньше времени на беспокойство по поводу внесения изменений.
В этой главе мы будем помнить очень важный принцип: руки от родительской темы! Это самый простой и простой способ построить тему и избежать опрокидывания своих пальцев.
Как я упоминал ранее в этой главе, вы можете использовать любую тему в качестве основы — при условии, конечно, что ее лицензия позволяет вам делать это. Это часто означает, что платная или платная тема — плохой выбор для тех, кто хочет распространять свои темы бесплатно. Вот несколько важных моментов для изучения.
- Чистый, семантический HTML
-
Тема с корректным, семантическим HTML-кодом означает, что вам будет проще оформить вашу тему с помощью собственного CSS. Если у вашей предполагаемой темы есть демонстрационная страница, запустите ее через валидатор W3C и посмотрите, что получится. Вы также должны следить за множеством хуков классов, на которых вы можете повесить свой CSS, так как это значительно облегчит вашу работу, когда придет время создавать дочернюю тему.
- Примеры CSS
-
Хороший фреймворк в идеале поставляется с небольшим количеством CSS, который вы можете использовать в качестве стартового для вашего собственного стиля. Отличный фреймворк будет иметь ряд доступных вам макетов; в идеале у него также будут различные стилистические проблемы, такие как типография, цвет и макет, размещенные в отдельных файлах, что упрощает выбор по умолчанию.
- SEO преимущества
-
Если вы мечтали увидеть свою тему в тысячах популярных блогов, можете поспорить, что SEO будет главным в умах этих блоггеров; это должно быть прямо у тебя тоже. Разметка вашего фреймворка должна соответствовать хорошим практикам SEO, таким как разумное использование заголовков и семантических элементов, элементов описательного
titlemeta - Виджет-готов
-
Ваша структура должна включать множество мест для виджетов WordPress. Ваши пользователи будут менее впечатлены, если ваша тема разрешает только виджеты на боковых панелях. Избранные блоггеры ищут темы, которые поддерживают виджеты выше и ниже постов, в верхних и нижних колонтитулах, и действительно везде, где они могут втиснуться в свои любимые гаджеты и вкусности.
- Хорошо играет с плагинами
-
Ваш выбор фреймворка в идеале должен хорошо сочетаться с популярными плагинами. Некоторые фреймворки уже включают CSS для самых популярных плагинов, и, по крайней мере, разработчик фреймворка должен был протестировать тему в блоге с большим количеством установленных плагинов.
- Документация и поддержка
-
Хороший каркас темы будет иметь документацию и канал поддержки, будь то форум, вики, список рассылки или даже система поддержки. Посмотрите вокруг и посмотрите, на что похоже сообщество — они полезные ангелы или капризные тролли? Это особенно верно, если вы покупаете платную тему; зачем отбрасывать все эти деньги за потрепанную или несуществующую поддержку?
Хотя любая тема может быть использована в качестве основы, некоторые примечательные примеры были разработаны специально для этой цели. Сейчас мы рассмотрим их, а также некоторые дочерние темы, созданные на их основе.
Вот лишь некоторые из замечательных бесплатных платформ в продаже.
Ян Стюарт Тематик, как показано на рисунке 1, «Простая тематическая демонстрация с использованием стилей по умолчанию» , является одной из самых известных каркасов тем по понятной причине: она насчитывает тысячи пользователей, она была протестирована с десятками популярных плагинов, и есть много полезной, бесплатной поддержки сообщества. Вы можете получить Thematic от ThemeShaper, в котором также находится огромная коллекция учебных пособий по созданию дочерних тем, а также по созданию собственных фреймворков.
Тематические дочерние темы многочисленны: Рисунок 2, «ThemeShaper использует Тематическую дочернюю тему» , Рисунок 3, «Коммуна, от Кристиана Антоэ» , и Рисунок 4, «Детская тема Neutica +, соавтор Аллан Коул» показывают, насколько гибко эта структура может быть.
Гибрид Джастина Тэдлока, показанный на рисунке 5, «Гибрид в действии» , может похвастаться большим количеством документации и поддержки, а также бесплатным и открытым исходным кодом. Вы также найдете коллекцию языковых переводов, множество дочерних тем, которые можно загрузить и попробовать, а также специальные гибридные плагины для более эффективного использования этой превосходной бесплатной темы. Доступ к обширной коллекции подробных учебных пособий и форумов стоит разумных 25 долларов США.
Вы можете скачать Hybrid с Theme Hybrid. Пока вы там, взгляните на некоторые из прекрасных примеров детской темы Джастина; скриншоты из двух из них можно увидеть на рис. 6: «Поделитесь своими мыслями с миром с помощью Life Collage» и на рис. 7: «Это весело, это модно, это старая школа» .
Каррингтонский каркас CrowdFavorite является открытым исходным кодом и поставляется в четырех вариантах: один с некоторым графическим дизайном ( Рисунок 8, «Блог Carrington для блоггеров и разработчиков» ), другой без разметки, другой, разработанный специально для мобильных устройств, и простой старая ваниль Доступна официальная и общественная поддержка, а также множество документации для любопытного программиста.
Эти платные фреймворки поставляются со стопками наворотов, сильным корпоративным и SEO-ориентированием и премиальной поддержкой.
Thesis Framework из DIY Темы обещает положить конец всем вашим заботам SEO , с большим количеством опций для конечных пользователей и профессиональных разработчиков тем. В Thesis вы вносите изменения в пользовательский файл CSS и функций внутри самой темы, а не используете метод дочерней темы, упомянутый выше, но, тем не менее, он по-прежнему является надежной средой. На момент написания статьи Thesis составляла 87 долларов США для личного пользования и 164 доллара США для разработчиков, а на рынке скинов Thesis процветает рынок. Скин Thesis по умолчанию показано на рисунке 9, «Тезисная основа» .
Тезис ведет множество популярных блогов; проверьте некоторых из своих высокопоставленных пользователей на Рисунке 10 «Симпатичная перегрузка — для лучшего в симпатичных образах» и на Рисунке 11 «Интересное содержание CopyBlogger» ниже.
Genesis Studio от StudioPress предоставляет простую и удобную тему с многочисленными включенными макетами и требует лишь немного любви к CSS, чтобы действительно сиять. Некоторые виджеты Genesis помогают расширить эту тему далеко за пределы альтернативных предложений. Это 59,95 долларов США для вашего собственного использования, и есть официальная торговая площадка Genesis для продажи ваших детских тем. Рисунок 12, «Просмотр демонстрации темы Genesis» и Рисунок 13, «Эта дочерняя тема Genesis действительно предприимчива» демонстрируют некоторые классные вариации, которых вы можете достичь с помощью среды Genesis.
Да ладно, SitePoint, просто скажи нам, какой из них лучший!
Что ж, лучший фреймворк для вас, конечно, полностью зависит от вас и ваших потребностей. На самом деле, вы можете решить, что ни один из них не подходит вам, и что вы предпочитаете бросать свои собственные. Все, что работает для вас!
Чтобы узнать больше о том, как создавать потрясающие темы с помощью Thematic Framework, загрузите бесплатный образец PDF « Создайте свои собственные Wicked темы WordPress» . Образец содержит главу 4 во всей ее полноте, из которой была взята эта статья, а также главу 5, в которой более подробно рассматривается использование возможностей тематической структуры. Вы можете купить всю книгу непосредственно из SitePoint, либо в виде печатной книги, либо в виде цифрового пакета (содержащего форматы PDF, Mobi и EPUB).