Руководство для начинающих по полному редактированию сайта в WordPress

Вам интересно, как работает полное редактирование сайта в WordPress?

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

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

В этом посте мы познакомим вас с плюсами и минусами полного редактирования сайта в WordPress 5.9.

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

Введение в полное редактирование сайта

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

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

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

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

По традиции вместе с WordPress 5.9 была выпущена новая тема по умолчанию. Он называется Двадцать Двадцать Два:

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

Ограничения полного редактирования сайта

Хотя полное редактирование сайта, несомненно, является мощным новым инструментом, у него есть свои недостатки. Не все считают его предпочтительным по сравнению с традиционной системой редактирования WordPress или доступными альтернативными инструментами.

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

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

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

Более того, поскольку темы блоков настолько новы, вариантов на выбор не так много. Таким образом, вы можете найти ограничения текущего выбора. Это непропорционально влияет на более крупные сайты, поскольку уровень сложности, необходимый для более сложных конструкций и транзакций (особенно когда речь идет об электронной коммерции), может еще не поддерживаться во многих темах блоков.

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

4 ключевые особенности полного редактирования сайта WordPress

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

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

Затем, чтобы получить доступ к полному редактору сайта, перейдите на панель инструментов WordPress и выберите « Внешний вид» > «Редактор» .

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

1. Шаблоны тем и части шаблонов

Шаблоны тем существовали задолго до WordPress 5.9. Однако только с этой новой версией пользователи могут работать с ними так просто.

Когда вы устанавливаете и активируете блочную тему на своем веб-сайте, такую ​​как Twenty Twenty-Two, вы можете легко нажимать на различные элементы своего сайта и веб-страниц. Эти разделы состоят из шаблонов, которые вы можете изменить на своем сайте всего за несколько кликов.

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

Например, вы можете легко щелкнуть заполнитель логотипа и добавить символ своего бренда:

Кроме того, вы можете добавлять шаблоны, открывая их в раскрывающемся меню шаблонов:

Когда вы нажмете « Просмотреть все шаблоны », вы обнаружите, что есть из чего выбрать:

Например, шаблоны блочной темы Twenty Twenty-Two включают такие страницы, как 404 , Главная , Поиск , Архив и другие. Имейте в виду, что это всего лишь шаблоны темы по умолчанию; вы можете добавить свои собственные шаблоны в соответствии с конкретными потребностями вашего сайта.

Кроме того, вы также можете выбрать из частей шаблона:

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

Более того, все эти шаблоны и части шаблонов полностью состоят из блоков. Это также означает, что любые элементы шаблона можно перетаскивать или перемещать, нажимая кнопки со стрелками после их выбора:

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

2. Тематические блоки

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

Чтобы проверить все новые блоки тем в полнофункциональном редакторе сайта, вы можете просто щелкнуть значок плюса ( + ) в верхнем левом углу экрана. Затем прокрутите вниз до коллекции тем:

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

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

После того, как вы добавите блок навигации , вы можете легко вставить любое меню навигации, которое вам нравится. Просто нажмите на меню «Выбор »:

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

Неудивительно, что эти новые блоки тем, кажется, были разработаны с учетом пользователей WordPress любого уровня. Более простые новые блоки, такие как Post Featured Image и Post Excerpt , скорее всего, сэкономят новичкам много времени.

С другой стороны, продвинутые пользователи могут использовать более сложные дополнения, такие как блок запроса:

Блок Query Loop позволяет отображать типы сообщений на основе различных параметров запроса и конфигураций. В конечном счете, вам решать, как использовать этот новый инструмент, но новые функциональные возможности весьма обширны.

3. Глобальные стили

Глобальные стили предлагают еще одно радикальное изменение в новой полнофункциональной среде редактирования сайта WordPress. Чтобы получить доступ к меню « Стили », нажмите на двухцветный круг в правом верхнем углу экрана:

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

Для типографии это означает, что вы можете изменить все ссылки или текст на своем сайте всего за несколько кликов:

Вы можете изменить внешний вид этих элементов, изменив их шрифт, размер, высоту и т. д.:

На вкладке « Цвета » вы можете легко изменить оттенки цветовой палитры , фона , текста и ссылок :

В палитре вы можете изменить параметры различных блоков тем и инструментов дизайна:

В разделе «Фон » вы можете быстро изменить цвет:

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

4. Просмотр списка

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

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

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

Когда набор блоков выбран, вы увидите, что он выделен синим цветом.

Эта функция будет особенно полезна для тех, кто работает с одностраничным сайтом или управляет длинными страницами. Эта функция появилась как раз вовремя, поскольку новые тенденции дизайна, такие как «прокрутка», становятся все более популярными.

Полноценные альтернативы редактированию сайта: плагины для создания страниц WordPress

Редактор блоков WordPress может быть мощным и интуитивно понятным инструментом. Полное редактирование сайта делает его еще более гибким и расширяет возможности редактирования вашего сайта.

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

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

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

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

Например, Beaver Builder в сочетании с надстройкой Beaver Themer может предложить отличную альтернативу полному редактированию сайта:

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

Кроме того, сетки сообщений Beaver Themer дают вам больше контроля над дизайном архивов и блогов. Части темы также позволяют создавать элементы для всего сайта, такие как заголовки, нижние колонтитулы и призывы к действию. Кроме того, инструмент имеет множество полезных интеграций, в том числе с популярным плагином WooCommerce.

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

Вы также можете настроить параметры публикации , такие как автор , теги и категории , в редакторе сайта:

В целом, Beaver Builder — это мощный вариант, который также может включать сложное редактирование всего сайта.

Если вы хотите попробовать другие варианты, Elementor и Thrive Architect также являются популярными и мощными инструментами. Оба компоновщика страниц предлагают визуальный интерфейс и позволяют выполнять расширенную настройку.

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

Вывод

Адаптация к полному редактированию сайта WordPress (FSE) может показаться сложной. Однако, если вы готовы к переменам и готовы изучить несколько основных функций, вы можете с комфортом использовать полное редактирование сайта в кратчайшие сроки.

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

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

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

Раскрытие информации: этот пост содержит партнерские ссылки. Это означает, что мы можем получить небольшую комиссию, если вы совершите покупку.