Разработка WordPress темы для начинающих: создание основных файлов

Share on Pinterest
Share with your friends










Отправить
3
Всего

Разработка WordPress темы для начинающих

В этом руководстве мы приготовим основные файлы для нашей темы и вы узнаете для чего они, и как они связаны, на примере создания простой страницы.

Для создания темы на вашем компьютере вам понадобиться:

  • Установленный WordPress на локальном компьютере (о том как установить, можно узнать здесь)
  • Текстовый редактор(я использую sublime text 3)
  • Для начала мы создадим несколько пустых файлов для нашей темы, для этого заходим в папку ‘дистрибутив WordPress’/wp-content/themes/, создаем папку с названием новой темы, заходим в нее и штампуем вот эти файлы:
    • style.css — для идентифицирования нашей темы;
    • header.php — наш хедер;
    • sidebar.php — сайдбар;
    • footer.php — футер;
    • index.php — наш основной файл, в котором все будет отображаться;

Теперь мы можем выбрать эту тему в настройках вордпресс. Как на скриншоте:

Как разработать WordPress тему - пособие для начинающих

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

/*
*
* Theme Name: New Theme
* Description: Our new theme
* Version: 1.0
* Author: Your name
* Author URI: Your url
*
*/

 

После знака двоеточие, вы можете вписать свои данные.
Файлы header.php, sidebar.php, footer.php являются элементами вашего сайта и все что записано в них будет выводиться функциями get_header(), get_sidebar() и get_footer(). В них мы и запишем нашу разметку:
header.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>New Theme</title>
</head>
<body>

    <!--
        &#91;if lt IE 9&#93;>
        <script src="http://solarcdn.googlecode.com/files/html5shiv.min.js"></script>
    -->
    <header>
        <img src="http://lorempixel.com/400/200/" alt="logo">
</header>

sidebar.php

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
</nav>;

footer.php

<footer>
    Copyright Information
</footer>
</body>
</html>

Теперь все надо соединить вместе в файле index.php, для этого открываем его и вносим:

<?php

get_header();

get_sidebar();

get_footer();

?>

После этого вы можете открыть ваш сайт и увидеть каждый элемент который мы добавили.

Итог

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

Share on Pinterest
Share with your friends










Отправить
3
Всего


Похожие записи

Комментарии к “Разработка WordPress темы для начинающих: создание основных файлов”
  1. ангелина 06.10.2016
  2. alvater 06.10.2016
  3. laver 06.10.2016

Напишите ответ