07
Sep

СОЗДАНИЕ WORDPRESS ШАБЛОНА. Шаг 2 – знакомство с файлами.

Written by admin. Posted in Создание шаблона Wordpress

создание шаблона wordpressКакие существуют файлы шаблона WordPress?

Для начала давайте определим папку где должна храниться наша WordPress тема, что бы движок мог увидеть ее wordpress/themes/<ваша тема>. Давайте назовем наш шаблон MySuperTheme, тогда путь до него будет выглядеть так - wordpress/themes/MySuperTheme. Отлично папку для темы мы создали! Что же создавать нам предстоит дальше ? Давайте создадим список возможный файлов, которые нам понадобятся.

 

  • header.php – это шапка для нашего сайта, чаще всего в ней располагается название сайта + картинка.
  • footer.php –  подвал сайта, это самая нижняя часть в вашем сайте, в подвале сайта размещают контактные данные, возможно какие то пожелания, для ваших посетителей.
  • index.php – главная страница вашего сайта, когда люди откроют ваш сайт, они увидят эту страницу.
  • archive.php – страница архива, в ней размещены так называемые “архивы”  вашего сайта.
  • page.php – страница сайта.
  • single.php – одиночная запись поста.
  • sidebar.php - своеобразное место для виджетов вашего сайта, виджеты можно настроить в панели управления сайта.
  • comments.php – код для отображения комментариев.
  • search.php – результаты поиска.
  • 404.php – страницы 404 ошибки (”не найдено”).  Можете его удалить, этот файл не является обязательным.
  • function.php – php функции темы, который автоматически подключается и из него выполняются функции.
  • style.css – таблицы css стилей, здесь будут располагаться цветовые схемы и форматирование элементов.

Что бы вы не утруждали себя в поиске пустых каркасов, я приготовил для нашей работы, и скачать вы его можете с нашего сайта здесь. В архиве уже есть все необходимые файлы для работы.  Что бы пойти дальше, давайте назовем папочку с нашей темой MySuperTheme и положим ее в wordpress/themes/.

 

С уважением Worpdress шаблоны и WordPress темы.

 

07
Sep

Создание шаблона WordPress. Шаг 1 – собираемся с мыслями.

Written by admin. Posted in Создание шаблона Wordpress

Здравствуйте. В сети интернет существует очень много сайтов где вы можете скачать готовые wordpress шаблоны, например,  бесплатные темы wordpress вы можете у нас, на сайте Hotwp.ru. Но что делать делать, если вам захотелось создать свой собственный дизайн, как говориться, на свой вкус и цвет. В ходе нашей с вами работы мы постараемся обсудить необходимые аспекты и подводные камни этого занимательного процесса по создание своей темы для wordpress.

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

Определяем общий вид.

Возможно, вы уже знаете какими бывают шаблоны по типу положения сайд баров. Я напишу еще разок для верности:

  1. Сайд бар находится справа и при том он единственный.
  2. Сайд бар находится слева  и при том он единственный.
  3. Сайд баров 2,  один с лева, другой справа.
  4. Два сайд бара слева, или 2 справа.
  5. Возможно еще расположение сайд бара в нижней части темы + любой из выше перечисленных вариантов.

P.S. Я указал основные расположения, на самом деле их может быть намного больше, все зависит от фантазии автора. Больше вариантов оформления wordpress темы вы можете посмотреть тут.

Допустим вы определились с расположением сайд баров. Давайте перейдем к следующему шагу.

Чем надо владеть для создания wordpress темы?

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

  1. Знание Html тегов и умение в них разбираться.
  2. Знание технологии CSS (каскадные таблицы стилей), или как минимум иметь под рукой хороший справочник.
  3. Иметь опыт написания php кода, а как минимум знание синтаксиса языка.
  4. Желательно знание графического пакета – Corel или Photoshop.
  5. Также, плюсом будет раннее знакомство с WordPress темами.

Давайте сразу определимся в чем мы будем писать код.  На самом деле подойдет Notepad++, но если хотите чего то разнообразного вы можете установить PhpDesigner или Dreamwiaver. Кстати подойдет обычный блокнот, но не советую его использовать новичкам, все таки на начальных этапах подсветка кода это довольно нужная вещь.