Чит-лист #2

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

Предыдущая часть наших подсказок была в формате .pdf, что не очень удобно для быстрого доступа. Поэтому я решил сделать краткий чит-лист для разработчиков тем для WordPress.
Как и было обещано на прошлой неделе, мы начинаем курс по созданию тем для WordPress. За пять дней мы вникнем в основы шаблоностроения под WordPress и будем уверенно ориентироваться в коде шаблонов. Перед началом обучения хочу напомнить то, что нас ожидает в процессе изучения курса:
Как вы уже догадались, сегодня у нас будет день введения в создание тем для WordPress. Мы настроим наш компьютер для удобной работы и изучим основные тонкости в шаблоностроении для WordPress. Итак, приступим:
Прежде всего, перед началом разработки темы для WordPress вам нужно убедиться, что у вас есть хотя бы начальные знания HTML и CSS, которые понядобятся вам непосредственно для верстки шаблона. Если таких знаний у вас нет, советую ознакомиться с сайтами htmlbook.ru и css-school.ru. Недели на поверхностное ознакомление и пробы себя в верстке вам вполне должно хватить.
Следующим нашим шагом будет выбор текстового редактора для редактирования кода. Подсветка синтаксиса здорово облегчает верстку и экономит время. Для пользователей Windows советую редактор Notepad++. Этот свободнораспространяющийся редактор с поддержкой десятков языков программирования и огромного колличества плагинов.

Кроме этого нам нужно установить WordPress на локальный сервер для удобства работы и экономии времени. Подробный проецесс я описал в этом посте.
Тема для WordPress состоит из множества файлов, каждый из которых отвечает за определенную область страницы. Главые 4, не считаю файлов стилей и картинок,– это index.php, single.php, header.php, sidebar.php и footer.php.
Index.php отвечает за вывод списка статей. Single.php — за вывод одной статьи. Header.php и footer.php отвечают за вывод шапки и подвала сайта. А sidebar.php отвечает за вывод сайдбара, в котором обычно отображается различная служебная информация.
Примерно так выглядит список файлов стандартной темы для WordPress:

При редактировании любого файла изменения сразу становятся доступными на сайте. Это очень удобно и позволяет вносить быстрые и точные правки.
В следующих частях курса мы подробнее остановимся на работе и функциях вышеуказанных файлов. Также советую подписаться на нашу rss-ленту для удобства слежения за новыми частями курса.

Для опытных пользователей установка WordPress на локальный сервер — это довольно простая задача, но у новичка могут возникнуть определенные сложности. Именно для них и написан этот гайд.
Процесс установки будем описывать на примере Wamp server. Скачать его можно отсюда. Процесс установки предельно прост и не должен вызвать у вас никаких проблем. Единственное, вы можете пропустить процесс настройки SMTP сервера, т.к. он нам не понадобится при работе с WordPress.

После установки нам нужно запустить WAMP server. После этого перейдите в папку wamp, которая располагается в корне диска С. Каталог www в нем и есть папка, в которую надо будет распаковать архив с WordPress. Скачать последнюю версию WordPress всегда можно с сайта WordPress или с нашего сайта.

После того как вы распаковали архив с WordPress в папку www, откройте ваш браузер и наберите в нем следующий URL: http://localhost/phpmyadmin. Создаем базу, в которой будут храниться все данные из нашего будущего блога.
После создания базы данных вернитесь в директорию вашего блога и откройте любым текстовым редактором файл wp-config-sample. В нем вам нужно отредактировать поля, связанные с соединением с базой данных (имя пользователя, пароль, имя базы данных). После редактирования сохраните редактируемый файл как wp-config.

Теперь в браузере заходим на http://localhost. Проходим легкие шаги установки и получаем рабочий блог на WordPress на вашем локальном сервере. Поздравляю!
P.S. Этот гайд был написан для дальнейшего цикла статей для новичков о создании тем для WordPress. Он будет опубликован в ближайшее время.
Последние комментарии