Создание темы для WordPress. Введение

Ромчик
4

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

  • Что такое тема для WordPress.
  • Для чего нужно создавать собственную тему.
  • Структура темы WordPress.
  • Разработаем структуру нашей темы и наметим план дальнейшего создания темы.

Итак, план на данный урок есть. Так, что приступаем…

Основные понятия темы CMS WordPress.
CMS WordPress придерживается концепции MVC — ModelViewerController. На данной концепции я останавливаться не буду. А также для отображения ресурса пользователя использует систему шаблонов (тем). Как раз на системе тем мы и остановимся.
Тема для WordPress — это не, что иное как простая xHTML страница с CSS-файлами и небольшими вставками кода WordPress фреймоврка, служащая для отображения сайта.
Надеюсь определение понятно. Если нет, то дальше станет понятно.
Так, самая простая тема WordPress может состоять всего из двух файлов:

  • index.php
  • style.css

Для чего необходимо создание собственной темы в WordPress.
Данный вопрос является философским и однозначного ответа на него нет. Я просто приведу некоторые аргументы в пользу создания собственной темы для WordPress.
Собственная тема — это:

  1. Уникальность Вашего ресурса.
  2. SEO-оптимизированная тема (для тех, кто понимает как это правильно сделать)
  3. Юзабилити Вашего ресурса, так как Вы это представляете.
  4. Любовь поисковиков  — поисковики любят не только уникальный контент, но и представление Вашего сайта.
  5. Безопасность Вашего ресурса — Вы создаете тему сами и можете быть уверены в том, что в теме нет лишнего кода.

Надеюсь я привел достаточно аргументов для того, что бы убедить Вас в необходимости создавать собственные темы.
Структура темы CMS WordPress.
Как говорилось уже выше тема состоит из xHTML файлов и CSS файлов. И самая простая тема для WordPress может состоять всего из двух файлов. Но это не самое удачное решение для создания темы. Намного эффективнее разбить тему на несколько фалов, которые будут нести каждый свою функциональность.
Итак, темы для WordPress расположены в папке тем: <ваш сайт>/wp-content/themes.
В данной папке мы видим другие папки с темами и файл index.php. Этот файл отвечает за отображение Вашего ресурса по умолчанию, если других тем не существует.
Давайте в папке theme создадим папку mytheme, в которй и будем создавать нашу тему. Ведь на примере легче учиться.
В нашей папке создадим несколько файлов. Значение, которых и объясним:

  1. index.php — основной файл темы, другими словами это каркас.
  2. style.css — основной файл с CSS-стилями.
  3. header.php — это файл в котором мы будем размещать верхнюю часть кода нашего шаблона, которая практически не будет изменяться.(В дальнейшем Вы поймете, что я имел в виду).
  4. content.php — это файл, содержащий контент нашего ресурса.
  5. sidebar.php — это файл, который будет содержать данные в боковой панели.
  6. footer.php — это файл, который содержит нижнюю часть кода нашей темы для WordPress.
  7. Создадим подпапку img — в данной папке будут храниться изображения нашей темы.
  8. Создадим папку js — в этой папке будут храниться файлы с javascript кодом.

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

Макет создаваемой темы для WordPressГде:

  • Область 1 — это header
  • Область 2 — это content
  • Область 3 — это место для виджетов, sidebar
  • Область 4 — это footer

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

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

  • Создание темы для WordPress. Часть 1. Верстка и разбивка на отдельные файлы | Все о WEB программировании - 22.02.2012 в 10:52

    […] по созданию своей темы для CMS WordPress. В прошлом уроке “Создание темы для WordPress. Введение.” мы с Вами разобрали основные понятия, рассмотрели […]

  • Hologen - 05.03.2012 в 11:43

    Если вы собираетесь в content.php помещать цикл, то лучше обозвать его loop.php Встречал ряд плагинов, которые работали только, с выводом цикла в файле с названием loop.php Для опытного пользователя это не проблема,  а вот новичек врядле полезет копаться в коде плагина..

    • Roman - 05.03.2012 в 11:47

       Спасибо за уточнение, учту.

  • Создание темы для WordPress. Итог | Все о WEB программировании - 18.06.2012 в 10:03

    […] темы для WordPress Вы можете ознакомиться в статье “Создание темы для WordPress. Введение.” Разбить HTML шаблон на несколько файлов, которые […]

  • ©2012-2017 По всем вопросам обращайтесь через форму обратной связи

    Яндекс.Метрика