Целью данного обзора будет дать вам исходную точку для создания простейшей темы WordPress.
Конечно - это не полноценная тема, но она даст понятия о базовой структуре. Далее будем усложнять ее.
Для начала давайте создадим HTML-структуру и основные CSS-стили для простого блога.
В WordPress темы хранятся в каталогеwp-content/themes. Для новой темы вы создадите новый каталог, например,my_theme.
В этом каталоге вам нужно будет создать несколько основных файлов:
style.css— основной файл стилей, содержащий информацию о теме.index.php— главный шаблонный файл темы.header.php— часть шаблона с заголовком сайта.footer.php— часть шаблона с подвалом сайта.functions.php— файл функций темы.
Создадим базовую структуру для каждого из этих файлов:
style.css
/* Основные стили */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
font-size: 16px;
margin: 0;
padding: 0;
background-color: #f7f7f7;
}
.wrapper {
width: 80%;
max-width: 1100px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header, footer {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
article {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
/* Заголовки */
h1, h2, h3, h4, h5, h6 {
color: #333;
}
/* Ссылки */
a {
color: #0073e6;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Функции поста */
.post-meta {
font-style: italic;
font-size: 0.9em;
color: #888;
}
header.php
>
>
footer.php
index.php
Записей нет.'; endif; ?> Читать далее...
functions.php
// Загружаем стили и скрипты
function mytheme_enqueue_styles() {
wp_enqueue_style('main-css', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'mytheme_enqueue_styles');
?>
Обратите внимание, что эта тема является очень примитивной и не включает все возможности WordPress, такие как поддержка виджетов, пользовательских меню или заголовочного изображения. Чтобы разработать полноценную тему WordPress, вам потребуется изучить соответствующее API и отработать навыки работы с PHP, а также понять структуру цикла WordPress (The Loop), который используется для вывода постов.
