WORDPRESS КАК НА ЛАДОНИ Вход . Регистрация Очень Удобный и Быстрый Хостинг для сайтов на WordPress. Пользуюсь сам и вам рекомендую! › Учебник › Тема › Kama 5.4 года назад 7 Создание темы Эта статья показывает, как создать самую простую тему в WordPress, которая будет состоять всего из двух файлов. Задача статьи показать общий принцип создания темы. Для того чтобы тема появилась в админке и её можно было активировать, в ней должно быть минимум два файла: index.php - отвечает за вывод содержимого. style.css - отвечает за css стили этого вывода. Кроме этих файлов в теме могут быть любые другие файлы. Файлу можно дать специальное название и он станет шаблоном страницы или группы страниц, подробнее смотрите иерархию файлов темы. Читайте: Файл темы style.css Давайте создадим очень простую тему (всего из двух файлов). Шаги ниже предполагают, что вы уже ознакомились со статьей: Программная среда для создания тем и WordPress уже установлен. Шаг 1: создание папки темы Зайдите в папку на вашем компьютере, где установлен ваш сайт на WordPress. Затем из основной папки, перейдите в папку тем: wp-content/themes/ и создайте в ней папку mytheme — это будет папка темы, в которой будут лежать все файлы темы. Должно получиться примерно так: Создание папки темы Шаг 2: создание обязательных файлов: style.css и index.php В созданной папке темы mytheme создайте файл style.css. Откройте этот файл в текстовом редакторе, например notepad++ и добавьте в него такой CSS код: /** Theme Name: Моя первая темы Author: Пупкин */ body { background: #F2F1EC; max-width: 700px; margin: 2em auto; } .header, .footer { margin: 2em auto; text-align: center; } Далее, точно также создайте еще один файл index.php. И добавьте в него такой код: Без рубрики — irrix

irrix

Привет, мир!

Добро пожаловать в WordPress. Это ваша первая запись. Отредактируйте или удалите ее, затем начинайте создавать!
Шаг 3: активация темы На этом все! Тема готова. Правда в очень первоначальном виде. Но она уже работает, осталось только её активировать. Для этого заходим в админ-панель > Внешний вид > Темы и активируем тему с названием: «Моя первая тема». Активация темы Далее, переходим во внешнюю часть и смотрим как выглядит наша первая тема, видим: Моя первая тема Все, первая тема готова! - Разумеется, в таком виде использовать её невозможно — тема требует доработки. Чтобы быстрее понять как и что нужно делать, рекомендую ознакомится с остальными главами этого руководства. А также, в качестве примера ознакомьтесь с очень простой стартовой темой: clean-wp-template. Какой бы крутой сайт на WordPress вы не видели, принцип шаблонов этого сайта точно такой же как и у Любой другой темы: 2 обязательных файла и другие расширяющие файлы... ◂Иерархия файлов темы (шаблона) Заголовки style.css▸ 7 КОММЕНТАРИЕВ igor5 Добрый день! А подскажите как вывести описание темы на русском, английскими буквами все работает, а вот русские не показывает. Последняя версия вордпрес установлена 6.4 года назад # Igor Если букв русских нет ваще - 90% что шрифт (используемый для отображения) не поддерживает кириллицу. Если русские буквы выглядят как "крокозябры" - 90% что Вы напутали что-то в кодировке сайта/файлов и тд. 5.3 года назад # Mikhail Здравствуйте. Натягиваю вёрстку на движок WP. Для реализации frontend-части выбрал Webpack (PUG + Sass). На выходе получил исходники, которые "нарезаю" в соответствующие WP-шаблоны. Мне не нравится двух-этапный процесс поддержки, когда изменения нужно вносить сначала в статические файлы (вёрстку), а потом - в php-шаблоны. Хочу иметь контроль версий и эффективно менеджерить созданную тему. Могу встроить php-теги в pug-шаблоны и настроить их конвертацию в wp-шаблоны, но подход выглядит костыльно. Интересно, какие подходы и какой стек технологий используете вы. Спасибо. 4.5 лет назад # chomovva1 chomovva.ru Такой же. Сначала создаю вёрстку на gulp + sass + pug, а затем натягиваю на wp. Только и вёрстка и тема находятся в одном проекте. 4.5 лет назад # Mikhail Спасибо за ваш ответ! Сегодня на практике убедился, что интеграция pug и php очень неудобная (отсутствие поддержки IDE + неудобный синтаксис). Но я ещё не сдался и хочу попробовать частичную конвертацию pug-шаблонов в php-файлы. Так же нашёл этот сет инструментов (настроенные системы сборки для WP) https://roots.io/. Вы слышали о них \ использовали? 4.5 лет назад # morgunov-vitaly1 Привет! Хотел попробовать предложенную в статье тему clean-wp-template, но столкнулся с проблемой - при установке возникает ошибка - WordPress не видит таблицу стилей (в меню Внешний вид - Темы в описании появляется надпись "Таблица стилей не найдена."). Так и не смог понять с чем это связанно, файл стилей на месте, переименование не помогло. С чем это может быть связано - кто-нибудь сталкивался? 4 года назад # maxneverov В файле style.css в самом верху название темы должно быть прописано так же как и название папки с темой, например: /*! Theme Name: Mytheme */ и папка значит mytheme, только название папки с маленькой буквы должно быть Скорее всего ты назвал папку с темой по другому, а в style.css название не сменил, может в этом проблема 4 года назад # Навигация по учебнику Шпаргалка Знакомство с WordPress Кодекс REST API Карта Сайта Плагин Тема Иерархия файлов Создание темы style.css Дочерние темы Примеры готовых тем Customize API Создание своего контроллера (поля) Удаление секций/панелей WP-CLI WP JavaScript Kama © 2010-2024 SQL: 7 in 0.125 sec. 9.9 MB — хостинг beget Контакты Политика конфиденциальности О перепечатке Статьи Яндекс.Метрика Без рубрики — irrix

irrix

Привет, мир!

Добро пожаловать в WordPress. Это ваша первая запись. Отредактируйте или удалите ее, затем начинайте создавать!