Создание собственной темы на Wordpress

CMS WordPress считается самой популярной в мире, для большинства разработчиков web-сайтов готовых тем достаточно для работы с клиентами, однако многие ставят задачу либо разработки собственной темы, либо умения любую верстку переложить на CMS, подключив ее ядро и систему управления. Подобные услуги предоставляет студия веб-дизайна «Rost-Sky». Можно создавать собственную тему на Wordpress с нуля, формируя необходимый пул файлов, либо же использовать некий шаблон.

Установка ядра Wordpress.

Прежде чем начать создание собственной темы на Вордпресс необходимо скачать с официального сайта и установить саму CMS. https://ru.wordpress.org/download/ - для безопасности это важно делать именно с официального сайта.

При установке в корневом каталоге wp-content/themes расположены папки, содержащие установленные темы. Именно по названию папок они отображаются в системе управления. Однако если создать папку, то в админке появится сообщении об ошибке, так как отсутствуют два важных файла index.php и style.css.

Оба должны располагаться в корневой директории. Так же для отображения титульной картинки необходим файл screenshot.png. Веб-сайт https://underscores.me/ позволяет сгенерировать готовый шаблон автоматически. Это очень удобно, так как правка конфигурационных файлов и внесение изменения в сам код значительно ускоряет процесс. В зависимости от пожеланий веб-дизайн может быть разделен дополнительно на отдельные блоки и прописан в коде PHP.

Файл style.css.

Должен иметь определенную шапку, ограниченную тегами «/* и */» в которых содержится название темы, имя автора, url для скачивания и другая техническая информация, а так же набор стилей. Подключение style.css происходит с помощью специальной функции

Иерархия шаблона Вордпресс.

Любой шаблон CMS работает по определенной иерархии, когда есть родительский и дочерний элемент. Если нет дочерней страницы, к примеру 404.php, то откроется главная. Формирования тела сайта состоит из подключения с помощью PHP функций нескольких файлов:

• header.php.
• footer.php.

Верстка дизайна в Wordpress.

Тема в Wordpress состоит из двух составляющих:

• Дизайна, то есть верстки, которая может быть статической в html и css.
• Динамичных страницах, контент которых формируется благодаря функциям PHP.
• Подключение файлов header.php и footer.php происходит благодаря функциям get_header и get_footer соответственно. То есть шапка и подвал веб-сайта, в которые соответственно необходимо перенести часть дизайна.

Подключение стилей, скриптов и картинок.

В созданной верстке на html заданы относительные пути для файлов стилей, скриптов и всего медиаконтента. В корневой папке веб-сайта на хостинге данные пути работать не будут, потому что необходимо задать абсолютный путь к css и скриптам. Для этого используется конструкция из файла functions.php и хуков. add_action(‘wp_enqueue_scripts’, ‘название функции’). В теле функции мы прописываем отдельно подключение style.css с помощью функции wp_enqueue_style (‘style’, get_stylesheet_uri()). Остальные стили получают функцией get_stylesheet_directory_uri(). Можно проводить подключение используя конструкцию wp_enqueue_style.

Работа с базой данных.

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

Создание собственной CMS.

Этот способ имеет свои преимущества и недостатки по сравнению с созданием собственной темы на WordPress. Из недостатков:

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

Формула работы CMS.

C точки зрения программиста работа CMS довольно проста. Основа проекта – защищенная база данных, где прописывается определенное количество столбцов и динамически добавляются строки. Часть ячеек базы данных не доступны для редактирования пользователем, информация из них подгружается и обрабатывается PHP-интерпретатором автоматически, другая часть напротив выведена в админку и доступная для редактирования и сохранения изменений.