Или ничто не истинно, или истинное нам неизвестно (Демокрит).

Как создать тему WordPress?

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Статья опубликована: 8 октября 2016

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

Как создать основную тему WordPress?

Для того, чтобы начать строить свою тему, сначала нужно создать вложенную папку в каталоге wp-content/themes в вашей папке WordPress. Для этого урока мы будем называть папку “tutorial_themes”. Имя папки должно соответствовать названию темы, которую вы хотите создать. Для этого вы можете использовать любой FTP – клиент или менеджер файлов в вашей хост-панели.

Перед тем, как приступить к созданию темы, вы должны решить, как будет выглядеть макет вашего сайта. На этом уроке мы будем строить тему WordPress, которая состоит из заголовка, боковой панели, область содержимого и нижнего колонтитула, как показано ниже:

Для этого мы должны создать следующие файлы в директории tutorial_themes:

  • header.php – Этот файл будет содержать код для раздела заголовка темы;
  • index.php – Это главный файл для темы. Он будет содержать код для главной области и указывать, где будут включены другие файлы;
  • sidebar.php – Этот файл будет содержать информацию о боковой панели;
  • footer.php – Этот файл будет обрабатывать нижний коллонтитул;
  • style.css – Этот файл будет обрабатывать стиль вашей новой темы;

Вы можете создать эти файлы локально с помощью простого текстового редактора (например ,блокнота) , и загрузить их через FTP или вы можете использовать Диспетчер файлов  в вашей хост-панели для создания файлов непосредственно на вашей учетной записи хостинга.

Теперь давайте рассмотрим каждый файл и что он должен содержать:

Файл header.php

В этом файле вы должны добавить следующий код:

 

В основном, это простой HTML-код с одной строкой, содержащей код PHP и стандартную функцию WordPress. В этом файле вы можете указать мета-теги, такие как заголовок вашего сайта, мета-описания и ключевые слова для вашей страницы.

Сразу же после титула мы добавим

 

он сообщает WordPress, чтобы загрузить файл style.css. Он будет обрабатывать стиль вашего сайта.

 

это функция WordPress, которая на самом деле загружает файл таблицы стилей.

Затем мы добавили в начало “div” с классом обертку, которая будет основной контейнер сайта. Мы установили класс для этого, чтобы мы могли изменить его с помощью файла style.css.

После этого мы добавили простое название ЗАГОЛОВОК, завернутое в “div” с классом “header”, который будет позже указан в файле таблицы стилей.

Файл index.php

 

Код в этом файле начинается с

 

который будет включать файл header.php и код в нем на главной странице. Он использует внутреннюю функцию WordPress, чтобы сделать это. Мы объясним это подробно позже в этом руководстве. Тогда мы поместили текст Основная область, чтобы указать, какой раздел вашей темы отображается в этой области.

Следующие несколько строк состоят из PHP кода и стандартных функций WordPress. Этот код проверяет, есть ли у вас сообщения в своем блоге, созданных с помощью WordPress административной панели WordPress  и отображает их.

Далее, мы включаем файл sidebar.php с этой линии

 

В этом файле вы можете отобразить Ваш пост, категории, архивы и т.д.

После этой линии, мы вставляем пустой “div”, который будет разделять основной областью и боковую панель от нижнего колонтитула.

Наконец, мы добавляем одну последнюю строку

 

который будет включать файл footer.php на вашей странице.

Файл sidebar.php

В sidebar.php мы добавим следующий код:

 

В этом файле мы используем внутренние функции WordPress для отображения категории и архивы постов. Функция возвращает WordPress их как элементы списка, поэтому мы обернули фактические функции в не отсортированных списках (теги <ul>).

Файл footer.php

Вы должны добавить эти строки в файл footer.php:

 

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

Файл style.css

Добавьте следующие строки в файл style.css:

 

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

Как создать тему WordPress?

Как мы уже упоминали, внутренние функции WordPress часто используются в коде темы. Вы можете взглянуть на полный Справочник по функциям на официальном сайте WordPress для получения дополнительной информации о каждой функции.

С этого момента вы можете изменить файл CSS, добавлять изображения, анимацию и другое содержание к вашей теме, чтобы достичь какого вы хотите внешнего вида для вашего блога!


Читайте также

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close