Как настроить WordPress в 2024 году (кодирование не требуется)

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

В этой статье рассматриваются основные методы настройки WordPress: от использования WordPress Customizer до продвинутых конструкторов страниц и тем, таких как Divi. Погрузитесь в наше подробное руководство и узнайте, как сделать свой сайт WordPress по-настоящему своим.

ТЛ;ДР

• Такие темы, как Divi и плагины, — это самый быстрый способ добиться широкой настройки веб-сайта в WordPress.
• Узнайте, как настраивать макеты и меню с помощью полнофункционального редактора сайта и конструкторов страниц, таких как Divi.
• Используйте настройщик WordPress, поддерживаемый некоторыми темами, для визуальных изменений всего сайта из серверной части.
• Используйте готовые пакеты макетов Divi и Divi AI для быстрого создания и настройки страниц.

Настройте WordPress с помощью тем и плагинов

Темы и плагины WordPress — это важные инструменты для настройки внешнего вида и функциональности вашего веб-сайта.

Лучшие темы для настройки WordPress

Первое важное решение по настройке любого веб-сайта WordPress — это выбор темы. Это самое важное дизайнерское решение, которое вы можете принять. Вот некоторые из наших главных рекомендаций:

Диви

Divi широко считается одной из самых настраиваемых тем WordPress. Некоторые ключевые особенности, которые делают его легко настраиваемым:

• Визуальный конструктор страниц с возможностью перетаскивания (Divi Builder) для создания пользовательских макетов и дизайнов без кода.
• Более 1000 готовых пакетов макетов и более 100 полноценных пакетов веб-сайтов для импорта и настройки.
• Возможность визуально настраивать каждый аспект дизайна, например цвета, типографику, интервалы, анимацию и т. д.
• Включает конструктор тем Divi для визуальной настройки верхних и нижних колонтитулов, страниц категорий и т. д.

Получить Диви

Астра

Astra — популярная настраиваемая тема, известная своей производительностью и гибкостью:

• Широкие возможности настройки макетов, дизайна, цветов, типографики и т. д. в настройщике WordPress.
• Легкий и быстро загружающийся, использующий минимум ресурсов.
• Беспрепятственно работает с популярными конструкторами страниц, такими как Elementor, Beaver Builder и т. д.
• Более 180+ готовых к использованию демо-версий веб-сайтов для импорта и настройки.

СоздатьНажмите

GeneratePress — это легкая, ориентированная на производительность тема с обширными возможностями настройки.

• Широкие возможности расширения с помощью хуков, фильтров и надстроек для настройки каждого аспекта.
• Премиум-дополнения, такие как Elements, Blog, Commerce и т. д., открывают больше возможностей настройки.
• Интегрируется с конструкторами страниц, такими как Beaver Builder, Elementor и т. д.
• Быстрая загрузка с минимальным раздуванием и чистым кодом.

Лучшие плагины для настройки WordPress

Хотя мы можем предоставить вам длинный список плагинов и способов настройки ваших веб-сайтов, мы рассмотрим некоторые основные моменты. Дополнительные возможности см. в полном списке лучших плагинов WordPress.

• ACPT: Настройте свой сайт, создавая собственные типы сообщений и группы метаполей для создания уникальных структур и типов контента.
• Rank Math SEO: важный плагин для SEO-оптимизации вашего сайта, помогающий настраивать страницы с помощью ключевых слов, метаописаний и читабельности.
• WooCommerce: популярный плагин для добавления выдающихся функций электронной коммерции на ваш сайт WordPress.
• WP Aminify: предлагает встроенные темы администрирования и возможность создавать собственные панели администратора для серверной части вашего веб-сайта.
• Торговая площадка Divi: доступны сотни элементов торговой площадки для расширения возможностей WordPress и Divi. Они варьируются от готовых шаблонов до расширений Divi, которые заслуживают вашего внимания.

WordPress так широко используется благодаря экосистеме плагинов. Возможно, это его самое большое отличие от популярных альтернатив WordPress.

Настройте структуру страницы и меню

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

Структура страницы

Наличие хорошо структурированной иерархии страниц улучшает навигацию и SEO для вашего сайта WordPress. Для начала вам необходимо создать новые страницы в соответствии с потребностями вашего сайта.

Используя кнопку «Быстрое редактирование», вы можете вкладывать дочерние страницы в родительские, чтобы создать логическую структуру URL-адресов. Установите родительскую страницу текущей страницы, чтобы создать вложенную структуру URL.

Настройте фрагменты URL-адреса страницы, используя настройки постоянных ссылок.

Чистая и логичная структура страниц — недооцененный способ настройки вашего веб-сайта WordPress.

Меню

Меню WordPress управляют навигационными ссылками, которые появляются на вашем сайте (например, в шапке, подвале и боковой панели). Чтобы настроить меню, перейдите в «Внешний вид» > «Меню» на панели управления WordPress.

Создайте свое первое пользовательское меню, присвоив ему имя и выбрав место отображения. Ваше первое меню часто будет «Основным меню». Добавьте страницы, сообщения, пользовательские ссылки и страницы категорий из левого столбца в свое меню (в структуру меню).

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

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

Если вы используете тему Divi, вы можете легко добавить свое меню в шаблоны Theme Builder (например, в глобальный заголовок).

Он предоставляет вам бесконечные возможности стилизации и настройки заголовка (в то время как многие темы предоставляют вам заданные способы отображения заголовков и меню).

Настройте WordPress с помощью настройщика

WordPress Customizer предлагает удобный интерфейс для внесения изменений на уровне всего сайта. Хотя часто считается, что это устаревшая функция, которая постепенно выводится из эксплуатации, она по-прежнему удобна для определенных настроек WordPress.

Вы можете получить к нему доступ через «Внешний вид» > «Настроить». Отсюда вы можете настроить идентичность сайта, цвета, типографику, параметры верхнего и нижнего колонтитула.

Как Настройщик выглядит с Divi. Настраивайте с его помощью верхние и нижние колонтитулы, кнопки и многое другое. Однако используйте Theme Builder для получения более мощных возможностей настройки.

Настройка отдельных страниц

Когда вы думаете о веб-сайте, вы часто думаете об отдельных страницах. WordPress имеет множество возможностей для настройки этих страниц и отображения контента, который вы хотите, для ваших посетителей.

Настройка страниц с помощью редактора блоков

Редактор блоков поставляется с каждой установкой WordPress. Это своего рода визуальный конструктор страниц WordPess, который можно использовать для создания и настройки страниц и публикаций веб-сайтов. Для начала создайте новую страницу или отредактируйте существующую.

Если вы впервые используете редактор блоков, вас встретит полезное и краткое руководство. Это покажет вам основы, и вы сможете начать экспериментировать с параметрами настройки.

Каждый блок имеет свою собственную панель параметров. Например, с помощью этого блока абзаца мы можем выровнять текст (слева, по центру, справа), добавить жирный шрифт, курсив или ссылки, а также выбрать открытие настроек блока для настроек всего блока.

Боковая панель настроек блока отображается в правой части редактора и предоставляет вам параметры шрифта, цвета и интервала для выбранного в данный момент блока.

Если вы хотите добавить другой блок, вы можете щелкнуть значок «Средство вставки блоков» в правом верхнем углу, чтобы отобразить доступные блоки. Затем найдите блок, который хотите использовать, и перетащите его на свою страницу с помощью живого редактора.

Редактор блоков — это приятный способ настройки отдельных страниц с помощью встроенного WordPress. Но здесь не обошлось без особенностей. Если вы один из тех, кто не любит редактор блоков, у нас есть что вам показать.

Настраивайте страницы с помощью Divi Visual Builder

Divi — популярный конструктор тем и страниц с обширными возможностями настройки. Конструкторы страниц с функцией перетаскивания, такие как Divi, Elementor и Beaver Builder, позволяют визуально создавать собственные макеты и дизайны для страниц/публикаций без кода. Если вы предпочитаете посмотреть видео, чтобы узнать, как использовать Divi, посмотрите наше видео «Начало работы с Divi».

После установки Divi отредактируйте страницу , чтобы увидеть впечатляющий визуальный конструктор Divi. Вы не поверите, что этот уровень настройки доступен в WordPress непрограммистам.

Выберите, как вы хотите создать свою страницу (с нуля, с помощью макета или с помощью ИИ — подробнее об ИИ далее). Чтобы быстро создать страницу, используйте готовый макет страницы и настройте его по своему вкусу.

Нажмите на отдельные модули, чтобы настроить их содержимое и параметры дизайна. С Divi у вас есть гораздо больше возможностей для каждого модуля (по сравнению с блоками). Это значительно упрощает создание индивидуальных проектов, не полагаясь на собственный код.

Кроме того, на выбор предлагается гораздо больше модулей Divi, чем блоков редактора блоков.

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

Настраивайте и создавайте новые страницы с помощью Divi AI

У Divi есть дополнительный инструмент под названием Divi AI, который использует искусственный интеллект для создания новых макетов страниц и контента на основе ваших данных. Divi AI также можно использовать более детально для редактирования текста модуля, создания или редактирования изображений и написания кода.

Страница «Редактировать» > «Создать с помощью Divi AI». Это даст вам место для ввода подсказки.

В приглашении укажите все необходимое на самой странице. Предоставьте разделы, содержание и действия, которые клиенты должны совершать на странице. В приглашении также будет содержаться контекстная информация об остальной части веб-сайта, а также конкретные цветовые схемы и предпочтительные шрифты.

Нажмите кнопку « Создать макет ». Divi AI создаст новый макет страницы с контентом, стандартными изображениями или изображениями, созданными AI, а также макет на основе ваших требований.

Макет, созданный искусственным интеллектом, откроется в визуальном конструкторе Divi. Отсюда вы можете настроить макет и редактировать любой контент или модуль с помощью стандартных модулей Divi.

Получите Диви AI

Некоторые конструкторы страниц также позволяют визуально создавать верхние и нижние колонтитулы и другие шаблоны тем, о которых мы поговорим далее.

Настройка шаблонов тем WordPress

Настройка шаблонов тем позволяет управлять макетом и внешним видом страниц разных типов. Это особенно полезно для динамических страниц, которые программно используют контент из CMS-части WordPress (представьте себе, что на странице архива блога отображается несколько сообщений в блоге).

WordPress имеет встроенный способ редактирования шаблонов тем, о котором мы остановимся. Мы также покажем вам, как с этим справляется Divi (большинству людей это кажется более понятным).

Настройка частей шаблона с помощью полнофункционального редактора сайта

Полнофункциональный редактор сайта (FSE) доступен через панель администратора, выбрав «Внешний вид» > «Редактор» .

Как вы увидите, здесь вы можете редактировать множество различных частей вашего сайта. Поскольку в данный момент нас интересует редактирование заголовка веб-сайта, мы выберем Patterns .

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

Здесь вы можете использовать встроенный интерфейс редактирования блоков WordPress для создания заголовка вашего сайта. Все настраивается путем добавления блоков и изменения настроек их отображения.

Настройте шаблоны тем с помощью Divi Theme Builder

Принцип работы Divi's Theme Builder немного более очевиден. Организация немного более очевидна, и здесь меньше подменю, которые нужно просмотреть, чтобы настроить верхние и нижние колонтитулы.

Для начала убедитесь, что тема Divi присутствует на вашем веб-сайте. Затем на панели администратора прокрутите вниз до Divi > Theme Builder .

Откроется визуальный редактор Divi, который упрощает создание заголовков сайта. Добавьте модуль «Меню» и все необходимое для создания баннеров уведомлений, мобильных меню и многого другого.

Настройте WordPress с помощью дочерней темы

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

Детские темы Divi

Создать дочернюю тему для Divi может каждый, если захочет. В Marketplace также можно найти множество готовых дочерних тем. Вот некоторые из наших самых популярных детских тем Divi на выбор:

Молти Электронная коммерция

Molti eCommerce — это пользующаяся большим доверием дочерняя тема Divi для электронной коммерции и бизнес-сайтов. Создать страницы магазина, которые будут конвертироваться и иметь изысканный дизайн, сложно. Molti делает это намного проще и реализует эту настройку через макеты страниц и тем.

• Интеграция с WooCommerce : он полностью интегрирован с WooCommerce, что делает его подходящим для создания интернет-магазинов и веб-сайтов электронной коммерции. Он включает в себя такие функции, как фильтры продуктов, уникальный дизайн корзины и оформления заказа, быстрый просмотр продуктов, настраиваемый модуль магазина и удобный список желаний.
• Предварительно разработанные макеты страниц : Molti Ecommerce включает более 25 полностью разработанных макетов страниц для различных целей, таких как домашние страницы, страницы с информацией, услуги, страницы контактов и т. д. Это позволяет быстро настроить веб-сайт с профессиональным дизайном.
• Более 10 дизайнов верхнего и нижнего колонтитула : он предлагает 10 уникальных дизайнов верхнего и 10 нижних колонтитулов, обеспечивающих различные внешний вид, которые вы можете автоматически использовать на своем веб-сайте.

Ознакомьтесь с обзором продуктов Divi в электронной коммерции Molti

Получите электронную коммерцию Молти

Аванти

Avanti — это многоцелевая дочерняя тема, которая объединяет синхронизированные страницы и их конструкторы с расширяющими модулями Divi. Она хорошо работает с WooCommerce и является отличной дочерней темой.

• Более 40 пользовательских макетов страниц : он включает более 40 предварительно разработанных макетов страниц для различных целей, таких как домашние страницы, страницы с информацией, услуги и страницы контактов. Это обеспечивает надежную отправную точку для быстрого создания веб-сайтов.
• 8 макетов домашней страницы : Avanti включает 8 различных дизайнов макетов домашней страницы, отвечающих различным потребностям и стилям бизнеса. Это в дополнение к другим макетам страниц, верхнего и нижнего колонтитула, которые вы можете использовать.
• Интеграция с WooCommerce : тема полностью интегрирована с WooCommerce, что делает ее подходящей для создания интернет-магазинов и веб-сайтов электронной коммерции.

Посмотрите наш обзор продуктов Divi Avanti

Получить Аванти

Как вы будете настраивать свой сайт WordPress?

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

Рекомендуемые инструменты настройки WP

Мы представили множество продуктов и методов, которые другие используют для настройки и адаптации своих веб-сайтов к своим потребностям. Вот весь список в одном месте для удобства.

Инвестируя в собственный сайт WordPress, владельцы веб-сайтов могут создать уникальное присутствие в Интернете, которое отражает их бренд и обеспечивает оптимальный пользовательский опыт, стимулируя вовлеченность, конверсию и долгосрочный успех в бизнесе.

Теперь пришло время оставить свой след на своем веб-сайте и приступить к настройке! Если вам понравилось то, что вы видели с Divi, мы рекомендуем вам приобрести эту тему сегодня.