Что нужно знать, чтобы создать WordPress шаблон

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Сегодня решил начать рубрику Шаблоны для WordPress. В этой рубрике мы с вами создадим шаблон для WordPress своими руками. Разберемся с особенностями создания шаблонов и тем WordPress. Сразу скажу, что ничего сложно в разработке шаблонов для WordPress нет. Главное, я считаю, в любом деле желание и трудолюбие плюс немного усидчивости. Эта статья будет вводной, и здесь мы с вами поговорим о том, какие знания необходимы, чтобы создать свой шаблон для сайта WordPress.

Что нужно знать, чтобы создать WordPress шаблон

Что нужно знать, чтобы создать WordPress шаблон

Честно говоря, CMS WordPress – это одна из самых простых систем управления содержимым. С одной стороны это хорошо, с другой – плохо. Почему хорошо? Потому что темы и шаблоны для сайта WordPress может создавать каждый, техническую документацию в руки и вперед, даже языков программирования знать особо не нужно, чтобы создать простенькую тему. Почему плохо? Да потому, что WordPress, это система с узкой специализаций. Обычно сайты на WordPress бывают двух типов: простенькие интернет-магазины и блоги, редко встретишь сайт с большим функционалом и рассчитанным на большую нагрузку, это в первую очередь связано с особенностями архитектуры базы данных WordPress. Итак, давайте обсудим, что нужно знать для того, чтобы создать WordPress шаблон.


Знакомство с WordPress

Начнем с того, что система управления сайтами WordPress написана на языке PHP, в качестве хранилища использует сервер MySQL. Следовательно, приступая к знакомству с данной системой, необходимо, как минимум, уметь устанавливать PHP, ставить и настраивать MySQL сервер, а также HTTP сервер Apache. Если вам лень устанавливать все три сервера по-отдельности, можно установить и сконфигурировать Денвер – русскую WAMP сборку.

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

Знакомство с системой для создания блогов WordPress (для себя я ее позиционирую именно так) лучше всего начинать с официального сайта, где можно найти море полезной информации. Разработчикам будет интересен кодекс WordPress, это то место в сети, где можно найти полную техническую документацию и самостоятельно разобраться с тем, как создавать виджеты, плагины и шаблоны WordPress. К сожалению, кодекс WordPress русифицирован не полностью. Но есть хорошая, на взгляд автора, альтернатива на русском языке, поверьте, это не реклама, а именно источник полезной информации о WordPress, русская техническая документация WordPress, сайт wp-cama.ru. Проект поддерживается, как я понял, одним человеком, которого зовут Тимур. Сам я на этом сайте вопросов не задавал, ибо нужды в этом не было, но, судя по комментариям, без ответа вы не останетесь, также можете задавать вопросы, связанные с WordPress, на моем блоге.

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

Что нужно знать для оформления WordPress шаблона

Начнем с самого простой, но самой объемной работы – с оформления WordPress шаблонов. Как минимум, для оформления и создания WordPress шаблона вы должны знать стандарты (знать стандарты, это не значит все выучить, нужно уметь искать информацию и правильно ею пользоваться) и понимать назначение HTML и таблицы стилей.

Чтобы создать каркас для WordPress шаблона вы должны понимать правила позиционирования HTML элементов, знать, чем отличаются блочные HTML элементы от строчных, уметь работать с формами HTML. Знать, чем отличается метод GET от POST, собственно, знать о том, что такое HTML атрибуты, какие можно использовать, а какие не стоит, так как они устарели. Уметь подключать код JavaScript к HTML документу и таблицы стилей. В общем, наверное, и все, что нужно знать про HTML, чтобы сделать каркас WordPress шаблона. Мы же не собираемся говорить про каждый тэг в отдельности в этом посте.

Теперь перейдем к оформлению, здесь я не буду говорить про работу с графическими редакторами, такими как Corel, Photoshop или GIMP в Linux. Здесь мы будем говорить про таблицы CSS и некоторые особенности. Первое, что нужно уметь делать – работать с CSS селекторами, уметь их составлять, это не сложно. Второе, что необходимо знать для оформления WordPress шаблона: отличие CSS идентификатора от класса. Третье, необходимо понимать структуру CSS правила. CSS свойства и их значения заучивать необязательно, они запомнятся при постоянном использовании, к тому же, их описание всегда можно найти на сайте W3C. Здесь я не говорю о кроссбраузерной верстке макетов HTML, это отдельная тема.

Если вы хотите внести динамики в оформление шаблона, вам не обойтись без JavaScript. В качестве библиотеки JavaScript WordPress из коробки использует JQuery, на данный момент версии 1.10. Собственно, для работы с JQuery, как и с любой программой, необходимо уметь пользоваться технической документацией. По самому JavaScript нужно: иметь представление о типизации языка, знать об области видимости и типизации переменных, уметь отличать переменную от массива, иметь представление о DOM, изучить документацию клиентского JavaScript, пожалуй, все.

Что нужно знать для создания шаблона WordPress

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

В принципе, на этом можно было бы и закончить, но я считаю, что нужно понимать еще несколько вещей. Во-первых, для создания WordPress шаблона нужно уметь работать с базой данных MySQL, как минимум, требуется умение написания простого SQL запроса SELECT. Конечно, если вы хотите захламлять свой блог кучей ненужных плагинов, функционал, которых не будет использоваться и на 60%, то для создания темы WordPress знать SQL не нужно.  Втрое, понимать назначение PHP и разбираться в основах ООП. Начнем с языка PHP. Уметь написать PHP функцию – обязательно, иметь представление о типизации и области видимости, уметь работать со строками и массивами, знать, как работать с сервером MySQL при помощи PHP. И немного об ООП, ООП – объектно-ориентированное программирование, целая парадигма. Но для создания WordPress тем достаточно отличать метод от класса.

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

4 комментария к записи Что нужно знать, чтобы создать WordPress шаблон

Spl1nt

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

Кирилл

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

Андрей

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

Julia

Кто знает как сделать такой сайт, такой контент, что он будет оказываться на первых страницах поисковиков?

Текст комментария: