Создание WordPress-темы из своей верстки(“насадить” на WordPress)

superman[1]

Многие верстальщики иногда сталкиваются с такой вещью как WordPress(самая популярная CMS в мире на текущий момент).

Причем в большинстве случаев знакомство выходит не самым приятным, т. к. частенько бывает, что верстальщик сделает небольшой макет, а заказчик ему вдруг говорит: «Будь другом, поставь всю эту штуку на вордпресс пожалуйста, я доплачу!». Верстальщик конечно же соглашается, но потом озадачивается что же делать. Здесь есть ответ.

Перво-наперво, у вас должен быть сайт/локалхост с поставленным вордпрессом. Поставить его очень просто.

Следующий шаг заключается в установке «пустой» темы starkers-master. Скачать тут.

Поехали дальше, идем во Внешний вид(у некоторых называется дизайн) -> Редактор. В редакторе видим дерево файлов(шаблонов) справа, а слева непонятные символы, ничего страшного!

Среди дерева ищем глазами файл page.php, он-то нам и нужен. Кликаем на нем. Открываются какие-то крякозябры, но мы-то боремся со всем этим, берем выделяем все кроме первого комментария(первые строчек 7–8:это файла находятся в комментарии /* template file */ такого вида) и удаляем. Вместо этого пишем:

the_post(); 
the_content();

Теперь создаем страницы с помощью админки: Страницы ->Добавить новую, на странице переключается с вкладки визуального редактора на вкладку текст и вставляем всю вашу верстку туда. Сохраняем изменения.

У нас наверняка есть FTP-доступ к серверу, поэтому заливаем туда все ваши картинки, стили, скрипты, шрифты(если есть). Путь будет таков «/wp-content/themes/starkers-master/images(или css или fonts). Если папок в этой директории нет, то создаем и копируем туда все ваше добро.

Следующим этапом будет замена всех путей. Т. е. если в вашей верстке было „css/style.css“, то это стоит заменить на «/wp-content/themes/starkers-master/css/style.css».

И вот, наконец, последний этап. Зайдем на любую из наших страничек. В 80% случаев шапка и подвал сайта на всех страницах статичны, поэтому берем и выделяем все начинаем с доктайпа до закрывающего тега header(надеюсь у вас он есть). Вырезаем это. Сохраняем изменения на странице. Идем в Редактор ->Внешний вид, опять открываем page.php и прямо перед тем кодом который мы с вами давеча писали вставляем этот кусок и сохраняем. Не забудьте удалить начальные куски на всех страницих. Ту же операцию следует проделать с куском html-кода, начиная с открываюшего тега footer до закрывающего html.

Спасибо за внимание! Надеюсь у вас все получится. На этом первая часть заканчивается.

  • http://wordpress.org/ Mr WordPress

    Hi, this is a comment.
    To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.

  • YanLobat

    ALIVE

  • z-17

    ну и дичь