Вы хотите создать пользовательскую тему WordPress с нуля??
Раньше, чтобы создать пользовательскую тему WordPress, нужно было следовать сложным учебникам WordPress и обладать приличными знаниями кодирования. Но благодаря новым конструкторам тем WordPress, теперь вы можете легко создать такую тему, не изучая никаких навыков программирования.
В этой статье мы покажем вам, как легко создать пользовательскую тему WordPress без написания кода.
Вот список тем, которые мы рассмотрим в этой статье.
- Создание пользовательской темы WordPress для начинающих
- Создание пользовательской темы с помощью конструктора тем SeedProd
- Редактирование темы с помощью конструктора тем SeedProd
- Изменить дизайн сайта для вашей темы
- Применение и публикация вашей пользовательской темы WordPress
- Создание других макетов для вашей пользовательской темы WordPress
Готовый? Давайте начнем.
.com/wp-content/uploads/2022/01/seedprod-website.png» alt=»Конструктор целевых страниц SeedProd» width=»680″ height=»389″ />
SeedProd — это конструктор страниц WordPress с функцией перетаскивания для бизнеса, блоггеров и владельцев сайтов. Кроме того, теперь в комплект входит новый дизайнер пользовательских тем, который позволяет вам просто навести и щелкнуть мышью для редактирования любого элемента.
Вы также можете добавить часто используемые элементы дизайна в вашу тему с помощью перетаскивания.
Самое лучшее в конструкторе тем SeedProd то, что он не зависит от темы. Это означает, что она не зависит от существующей темы WordPress в плане стиля или функциональности, предоставляя вам полную свободу и контроль над дизайном вашего сайта.
Учитывая это, давайте рассмотрим, как создать свою пользовательскую тему WordPress без написания кода.
Создание пользовательской темы с помощью конструктора тем SeedProd
Настройка конструктора тем SeedProd довольно проста, поскольку он работает с любым сайтом WordPress, использующим любую тему.
Сначала вам нужно установить и активировать плагин SeedProd. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Примечание: Вам понадобится тарифный план Pro или Elite, чтобы разблокировать конструктор тем.
После активации перейдите на страницу SeedProd » Настройки страница для ввода лицензионного ключа плагина. Вы можете найти эту информацию в своем аккаунте на сайте SeedProd.
После ввода лицензионного ключа вы готовы к созданию своей пользовательской темы WordPress с помощью конструктора тем SeedProd.
Создать собственную пользовательскую тему WordPress с помощью SeedProd довольно просто.
Во-первых, вам нужно перейти в SeedProd » Конструктор тем страница. Здесь вы увидите список шаблонов для вашей текущей пользовательской темы SeedProd. Поскольку мы еще не начали, у нас есть только шаблон Global CSS. Мы покажем вам, как это использовать далее в учебнике.
Чтобы начать, у вас есть два варианта.
- Использовать одну из готовых тем SeedProd в качестве отправной точки
- Ручное создание шаблонов тем с нуля
Давайте посмотрим, как работают эти опции.
1. Начать с готовой темы (рекомендуется)
Мы рекомендуем начать с существующей темы. Это позволяет SeedProd автоматически генерировать все файлы шаблонов. Это готовые профессионально разработанные темы, что дает вам преимущество в редактировании шаблонов в соответствии с вашими собственными требованиями.
Просто нажмите на кнопку «Темы» и выберите одну из доступных тем. Существуют различные темы для разных типов сайтов, поэтому вы можете выбрать ту, которая лучше всего соответствует вашим потребностям.
Не беспокойтесь слишком много о дизайне и макете на данном этапе. Все эти темы являются полностью редактируемыми, поэтому вы можете изменить каждый аспект темы в конструкторе тем.
После того, как вы выбрали тему, SeedProd создаст все шаблоны тем.
Это черновая версия вашей пользовательской темы WordPress.
Позже в этом учебнике мы покажем вам, как редактировать эти файлы тем, чтобы создать свою тему, а затем опубликовать тему, чтобы применить ее на вашем сайте.
2. Ручное создание шаблонов тем с нуля
Кроме того, вы можете создать тему с нуля, нажав на кнопку «Добавить новый шаблон темы». Вам нужно будет дать название своему шаблону, а затем выбрать один из типов шаблонов, чтобы начать работу.
В настоящее время у вас есть возможность выбрать один из следующих типов шаблонов:
- Заголовок
- Нижний колонтитул
- Одиночный пост
- Отдельная страница
- Архив
- Результаты поиска
- Глобальная часть
- Пользовательская страница
Вы также можете задать условия для использования шаблона. Например, вы можете применить его ко всему сайту или к определенному разделу вашего сайта.
Как только вы сохраните шаблон, SeedProd откроет его в конструкторе тем, где вы сможете начать его редактирование.
Редактирование темы с помощью конструктора тем SeedProd
После создания шаблонов тем вы можете редактировать их с помощью конструктора тем SeedProd.
Просто нажмите на ссылку Редактировать дизайн под файлом шаблона, чтобы отредактировать его.
Это запустит файл шаблона в конструкторе тем SeedProd.
Вы увидите живой предварительный просмотр шаблона в правой колонке с панелью редактирования в левой колонке.
Чтобы изменить какой-либо элемент в файле шаблона, вы можете просто навести на него курсор и щелкнуть мышью.
В зависимости от типа элемента, вы увидите различные варианты редактирования в левой колонке. Вы сможете изменять шрифты, цвета, фон, интервалы и многое другое.
Чтобы добавить новые элементы, вы можете добавить блоки SeedProd из левой колонки. В нем есть множество типов блоков, которые вы можете добавить в свой шаблон.
1. Блоки тегов шаблонов
Блоки тегов шаблонов — это динамические блоки, которые позволяют вам генерировать элементы темы на лету из базы данных WordPress.
Например, вы можете использовать блок Posts для списка последних постов или блок Post Content для отображения содержимого поста или страницы, отображаемой в данный момент.
2. Стандартные блоки
Далее у вас есть стандартные блоки для добавления общих элементов веб-дизайна в шаблон вашей темы.
Вы можете использовать их для добавления текста, медиа, кнопок, колонок, разделителей и т.д.
3. Другие блоки
Другие расширенные блоки позволяют добавлять контактные формы, социальные профили, кнопки обмена, шорткоды WordPress, Google Maps и многое другое.
SeedProd также поставляется с полной интеграцией WooCommerce.
Если у вас есть интернет-магазин, то вы можете использовать блоки WooCommerce в своей теме.
Вы можете создавать полностью пользовательские шаблоны WooCommerce с индивидуальной страницей корзины и оформлением заказа.
Использование разделов для быстрой компоновки темы
Помимо блоков, вы также можете добавить в шаблон темы целые разделы.
Просто переключитесь на вкладку «Разделы» в панели «Дизайн».
Разделы — это группы блоков для различных областей дизайна сайта. Например, вы найдете готовые разделы для заголовка, нижнего колонтитула, призывов к действию, функций и т.д.
Просто нажмите на раздел, чтобы добавить его в шаблон вашей темы, а затем отредактируйте его в соответствии со своими требованиями.
Сохранение и публикация шаблона
Как только вы будете удовлетворены дизайном, вы можете просто нажать на кнопку Сохранить и выбрать Опубликовать, чтобы сохранить ваш шаблон.
Повторите этот процесс, чтобы отредактировать другие файлы шаблона с вашим собственным содержанием и дизайном.
Изменение общего дизайна сайта для вашей темы
Редактируя шаблоны тем, вы должны быть уверены, что дизайн соответствует всему сайту.
Например, вы, вероятно, захотите использовать один и тот же стиль типографики, размер шрифта, цвета и другие визуальные стили на каждой странице.
В традиционных темах WordPress это приходилось делать вручную, редактируя сложные CSS-файлы. Этот процесс потребовал использования инструмента Inspect браузера, поиска классов CSS, изучения кода и многого другого.
SeedProd делает это очень просто.
Вместо того чтобы писать CSS-код, вы можете просто отредактировать шаблон Global CSS.
Шаблон Global CSS позволяет вам просматривать общие элементы сайта, а затем вы можете просто указать и щелкнуть на них, чтобы отредактировать их свойства.
Применение и публикация вашей пользовательской темы WordPress
Как только вы будете удовлетворены своей пользовательской темой WordPress, последний шаг — активировать ее на вашем сайте WordPress.
SeedProd позволяет вам применить вашу пользовательскую тему WordPress с помощью простого переключателя.
Просто перейдите в раздел SeedProd » Конструктор тем страницу и установите переключатель рядом с опцией «Включить тему SeedProd» в положение «Да».
Теперь SeedProd заменит существующую тему WordPress на созданную вами пользовательскую тему WordPress.
Теперь вы можете посетить свой сайт, чтобы увидеть вашу пользовательскую тему WordPress в действии.
Создание других макетов для вашей пользовательской темы WordPress
Теперь, когда вы создали свою пользовательскую тему WordPress, у вас есть возможность расширить ее функциональность и создать больше дизайнов и макетов на основе вашей темы.
SeedProd делает это чрезвычайно легко.
Вы все еще можете настроить свою пользовательскую тему WordPress и создать несколько шаблонов для разных разделов вашего сайта.
Например, вы можете добавить в свою тему новый шаблон заголовка, который будет отображаться только в определенных категориях.
Аналогично, вы можете захотеть создать шаблон для определенных страниц или постов.
Вы также можете добавить его в свою тему.
Как насчет создания пользовательских целевых страниц?
SeedProd поможет вам и в этом.
Вы можете просто перейти в SeedProd » Посадочные страницы и нажмите на кнопку Добавить новую посадочную страницу, чтобы создать ее.
Используя удобный для начинающих конструктор тем SeedProd с функцией перетаскивания, вы можете легко создать любой тип пользовательского макета, который вам нужен.
Надеемся, что эта статья помогла вам узнать, как создать пользовательскую тему WordPress, не изучая код. Вам также может быть интересно наше руководство по ускорению работы сайта WordPress для улучшения SEO и удобства пользователей.
Источник: www.wpbeginner.com