Делаем тему WordPress из сверстанного макета

Делаем тему WordPress из сверстанного макета

Давайте мы с вами представим, что у нас есть сверстанный макет, из которого нам надо сделать шаблон для нашего, ну, например, блога.

Конечно, самый простой вариант, как обычно, заплатить денег за то, чтобы кто-то умный сделал это за нас. Это логично и тоже имеет право на жизнь, но стоит ли так поступать, если макет наш не перегружен слайдерами и прочими яркими визуальными элементами, которые не требуют серьезных навыков в программировании, и вы можете буквально за вечер макет адаптировать самостоятельно?

Ну по крайней мере, попробовать стоит.

В минимальной комплектации, чтобы ваш шаблон был опознан CMS, он должен содержать два файлика: index. php style. css

Если их не будет, то ваш будущий шаблон просто вызовет ошибку при попытке его инсталлировать.

Теперь про формат файла style. css

Нет, ничего сложного, на самом деле.

Просто файл у вас в обязательном порядке должен начинаться со следующих строк кода:

/*

Theme Name: Natala-Theme

Theme URI: http://dnx. su

Description: My Best Theme

Author: Nata. A.Firsova

Author URI: http://dnx. su

Template:

Version: 1xx

.

Private

.

*/

Небольшой комментарий к коду для непонятливых:

Theme Name - название вашей темы

Theme URI - ссылка на сайт, где тему можно скачать (если конечно можно)

Description: - описание темы

Author - минутка тщеславия, имя автора темы

Author URI - ссылка на блог/сайт автора темы

Template - родительский шаблон - название темы, стили которой вы планируете наследовать. Если, конечно, планируете.

Version — версия вашей темы

Private - условия распространения лицензии.

Все, фактически, вы можете уже заливать вашу тему и править её на живую. Теперь несколько хитрых моментов.

Кодировка вашей темы.

Следите обязательно за тем, чтобы все файлы вашей темы имели кодировку UTF-8. Если вы загрузите файлы в кодировке, отличной от эталонной, то увидите вместо всех элементов на кириллице страшные крякозябры.

Как лечить? Просто достаточно. Дело в том, что при запуске WP автоматически приводит все файлы к своей кодировке. Так что просто открываем встроенный редактор тем и копируем туда с помощью волшебной комбинации файлов код еще раз, так, как он должен быть.

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

Не подключаются внешние файлы.

Если вы при запуске темы видите, что никаким дизайном там даже и не пахнет, не пугайтесь. Просто нужно немного скорректировать адресацию.

Открываем файл index. php

Находим там строку, которая отвечает за подключение внешних. css

<link rel="stylesheet" type="text/css" href="style. css" />

Корректируем путь к ней на

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style. css" />

Так же и с картинками. Смотрим — проблема должна быть решена.


Карта сайта


Информационный сайт Webavtocat.ru