Разработка WordPress темы для начинающих: создание основных файлов
В этом руководстве мы приготовим основные файлы для нашей темы и вы узнаете для чего они, и как они связаны, на примере создания простой страницы.
Для создания темы на вашем компьютере вам понадобиться:
- Установленный WordPress на локальном компьютере (о том как установить, можно узнать здесь)
- Текстовый редактор(я использую sublime text 3)
- Для начала мы создадим несколько пустых файлов для нашей темы, для этого заходим в папку ‘дистрибутив WordPress’/wp-content/themes/, создаем папку с названием новой темы, заходим в нее и штампуем вот эти файлы:
- style.css — для идентифицирования нашей темы;
- header.php — наш хедер;
- sidebar.php — сайдбар;
- footer.php — футер;
- index.php — наш основной файл, в котором все будет отображаться;
Теперь мы можем выбрать эту тему в настройках вордпресс. Как на скриншоте:
В файле style.css мы можем изменить название темы, описание, имя автора и т.д. В нем мы напишем примерно следующие строки:
[php]
/*
*
* Theme Name: New Theme
* Description: Our new theme
* Version: 1.0
* Author: Your name
* Author URI: Your url
*
*/[/php]
После знака двоеточие, вы можете вписать свои данные.
Файлы header.php, sidebar.php, footer.php являются элементами вашего сайта и все что записано в них будет выводиться функциями get_header(), get_sidebar() и get_footer(). В них мы и запишем нашу разметку:
header.php
[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>
<!—
[if lt IE 9]>
<script src="http://solarcdn.googlecode.com/files/html5shiv.min.js"></script>
—>
<header>
<img src="http://lorempixel.com/400/200/" alt="logo">
</header>
[/php]
sidebar.php
[php]
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>;
[/php]
footer.php
[php]
<footer>
Copyright Information
</footer>
</body>
</html>
[/php]
Теперь все надо соединить вместе в файле index.php, для этого открываем его и вносим:
[php]
<?php
get_header();
get_sidebar();
get_footer();
?>
[/php]
После этого вы можете открыть ваш сайт и увидеть каждый элемент который мы добавили.
Итог
Это был простой урок по созданию файлов для вашей темы. В идеале все намного сложней и элементов намного больше, как и функций для добавления вашего контента и изменение его в режиме редактирования.
Напишите ответ
Для отправки комментария вам необходимо авторизоваться.
