Wordpress

WordPress редактор страниц: Как редактировать сайт на wordpress

15.08.2021

Содержание

Как редактировать сайт на wordpress

Площадки на WordPress очень просто редактировать – это одна из главных причин, почему лучше разместить сайт именно на этом движке. В нем сможет разобраться каждый. Даже тот, кто раньше и не сталкивался с сайтостроением. Это не uCoz со всеми его премудростями ручного написания кода. В Wordress система управления сайтом полностью автоматизирована. Вам не придется беспокоиться, что вы не знаете, какой прописать код. Редактировать страницы вручную не понадобится!

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

Вы узнаете о всех “премудростях” редактирования страниц сайта на этом движке и быстро поймете, что этому даже можно и не учить – все очень просто. Итак, поехали!

Редактор страниц WordPress – как пользоваться

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

Ядро WordPress – это нечто уникальное, простое и неповторимое. Если вы разместите свой сайт именно на этом движке, то к коду вам практически не придется притрагиваться. А все потому, что у этой CMS-системы есть свой редактор страниц. Система управления сайтом сводится к управлению всеми процессами через обыкновенное меню, с каким справиться и юноша 12 лет, и даже 70-летний старик (если постараться).

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

Если вам необходим редактор страниц, тогда зайдите в соответственный раздел “Страницы”. Там вы увидите полный список всех доступных, уже опубликованных и личных страниц. Чтобы начать редактировать содержимое, вам необходимо нажать на один из доступных заголовков – вы перейдете во вкладку управления содержимым страницы. Внутри редактор очень похож на программу Word. Только у него еще есть всяческие дополнительные функции и кнопки. И все эти кнопки объясняются, потому вам будет просто изменять сайт и содержимое страниц.

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

Запуск редактора WordPress с определенной страницы

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

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

Быстрое изменение свойств страницы

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

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

  • можно изменить текст заголовка, его формат, а также дату публикации и ярлыки страницы;
  • если понадобится, то сможете установить пароль на определенные страницы;
  • сумеете поменять расположение страницы в меню;
  • откроются некоторые возможности редактирования шаблона;
  • доступно отключение/включение комментариев;
  • можно менять статус страницы.

После проведенных изменений не забудьте их сохранить. Система управления не сохраняет изменения автоматически, из-за чего у многих вебмастеров случается депрессия, особенно после написания статьи в редакторе Вордпресс. Так что как только добавите новые свойства, нажмите на кнопку “Обновить”.

Как удалить страницу

В начале, еще перед публикацией своего проекта на Вордпресс, многое приходится менять. И это хорошо, что вы пытаетесь сделать содержимое своего ресурса лучше. Порой для этого приходится удалять лишние страницы. Ведь чем меньше указано разделов в меню навигации для пользователя, тем удобнее пользоваться сайтом. Так что лучше не размещайте у себя в меню больше 5-10 страниц – это навредит статистике отказов проекта. А если уже разместили, то сделайте подразделы, либо удалите ненужные страницы. Как раз процесс их удаления мы и разберем.

Чтобы удалить страницу, необходимо точно так же зайти в административную панель, введя свой логин и пароль. Далее зайдите в меню “Страницы” и нажмите на необходимый заголовок. Потом возле пункта “Опубликовать” или “Обновить” вы увидите кнопку “Удалить”. Либо не заходите в редактор содержимого, а лишь наведите курсор на заголовок страницы в списке и откроются дополнительные кнопки, в том числе и пункт “Удалить”. Нажмите на него и страница переместиться в “Корзину”. Если она снова понадобится, вы сможете ее восстановить.

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

Как установить пароль на страницу

Пароль и страницы с частным доступом – это один из популярных способов монетизации сайтов на Вордпресс. Вы сможете размещать в “запароленных” разделах площадки какую-то уникальную, полезную и редкую информацию. А за доступ к этим частям ресурса посетители будут вам платить определенную ежемесячную или даже ежедневную плату.

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

Редакторы — Справка

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

Редактор WordPress

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

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

Подробнее о том, как работает редактор WordPress.

Редактирование HTML в редакторе WordPress

Существует два варианта редактирования HTML в редакторе WordPress.

На панели инструментов для каждого блока есть кнопка с многоточием. В ее меню есть опция Редактировать как HTML, которая позволяет отредактировать HTML только для этого конкретного блока.

Редактировать HTML блока

Чтобы отредактировать HTML для всей страницы или записи, нажмите кнопку с многоточием рядом с кнопкой «Опубликовать» и перейдите в

Редактор кода.

Редактор кода

Не весь код будет работать в режиме «Редактировать как HTML». Если код правильно сформирован и не содержит ошибок, убедитесь, что он включен в список разрешенных тегов HTML и не является кодом для ограниченного использования как, например, JavaScript.

Переход на редактор WordPress

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

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


Классический редактор

Классический редактор использовался по умолчанию для сайтов и блогов WordPress.com до выхода редактора WordPress (см. выше).

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

В классическом блоке применяются те же инструменты редактирования, что и в классическом редакторе.

Классический редактор также доступен в WP Admin — классической консоли WordPress. В онлайн-руководствах по работе с WordPress часто фигурируют изображения этой консоли. Хотя практически все операции доступны в главной консоли WordPress.com, по желанию можно использовать WP Admin.

Доступ к консоли WP Admin осуществляется двумя способами:

  1. Можно воспользоваться ссылкой на WP Admin в конце списка, настроек в разделе «Мои сайты» (слева).
  2. Можно добавить /wp-admin к URL-адресу сайта (пример: example.wordpress.com/wp-admin)

Чтобы отредактировать страницу или запись в классическом редакторе, щелкните мышью её заголовок:

Страницы в WP Admin

В классическом редакторе есть два режима редактирования: визуальный редактор и редактор HTML.

Визуальный редактор
Классический редактор (визуальный) в WP Admin

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

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

Редактор HTML
Классический редактор (HTML) в WP Admin

Редактор HTML позволяет создавать страницы и записи в формате HTML или редактировать существующий код HTML. Для доступа к нему откройте вкладку «Текст» рядом со вкладкой «Визуальный».

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

Добавляемый код HTML должен иметь правильный синтаксис включать только разрешённые теги HTML. С помощью кнопок в верхней части окна текстового редактора удобно вставлять распространённые теги HTML. Обратите внимание, что в WordPress.com действуют определённые ограничения на использование кода. Например, JavaScript, встроенные элементы и пользовательские формы запрещено использовать по соображениям безопасности.


Сторонние редакторы

На сайтах, тарифный план которых обновлён до версий Business или eCommerce, можно устанавливать плагины, в том числе сторонние редакторы (например, Elementor и WP Bakery). В некоторых случаях сторонние темы уже содержат собственный редактор.

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

Страницы WordPress: всё про страницы WordPress

Страница WordPress это

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

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

Страницы WordPress не привязываются к рубрикам сайта и  страницам не задаются метки. Однако, страницы, как и рубрики, могут выстраиваться в иерархию, типа Родительская страница→Страница.

URL дочерней страницы будет такой:

http://example.ru/Родительская страница/Страница.

Редактирование страницы

Редактирование страницы осуществляется на вкладке Страницы→Добавить новую или Страницы→Все страницы→Изменить. Редактирование страницы аналогично, редактированию записей. Страница имеет заголовок, текст и метаданные.

Иерархия страниц задается в поле «Атрибуты». В списке страниц, также можно их редактировать: изменять (1), удалять(2), менять свойства(3).

Страницы и меню

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

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

Чтобы включить страницу в меню откройте вкладку Внешний вид→Меню. Выберете или создайте новое меню и в левой части выберете страницы, которые хотите добавить в меню и добавьте их. После сохранения ссылки на страницы отобразятся на сайте в этом меню.

Как показать страницы на сайте

Чтобы показать страницы на сайте можно воспользоваться виджетом (Внешний вид→Виджеты): Виджет «Страницы». Этот виджет покажет список всех страниц вашего сайта.

Страницы WordPress в коде и файлах шаблона

Шаблон страницы рабочего шаблона это файл page.php. Чтобы его отредактировать нужно, открыть редактор сайта, вкладка Внешний вид→Редактор, и найти там файл  page.php.

Если у вас установлен плагин Jetpack, то можно отдельно редактировать файл CSS шаблона, вкладка Внешний вид→Редактор CSS. Эти изменения не исчезнут при обновлении шаблона.

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

Вывод

Страница это уникальный тип информации на сайте WordPress, которая не «подвластна»  времени и основной структуре сайта.

Игорь Серов специально для сайта «Как сделать сайт WordPress»

Другие статьи раздела: Администрирование WordPress

  • Записи не найдены

Похожие посты:

Похожее

Шаблон редактора WordPress | WordPress для всех

От автора

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

Шаблон редактора WordPress

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

Шаблон редактора WordPress, как на вкладках «Добавить/Редактировать запись», так и на вкладке «Добавить/Редактировать страницу», это основное поле редактора TinyMCE и окружающие его виджеты управления записями. Выглядит страница редактора так:

Это шаблон редактора по умолчанию. Называется он «шаблон редактора в два столбца».

Шаблон редактора в два столбца

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

По умолчанию, все виджеты редактора включены. Однако при желании часть виджетов можно убрать. Сделать это можно на кнопке слайдера «Настройки», которая находится справа вверху экрана.

настройка в два столбца

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

страница редактора в два столбца

Шаблон редактора в один столбец

Обратите внимание в настройках страницы редактора, есть пункт «Разметка». Именно здесь ты можешь переключить Шаблон редактора WordPress в один столбец. Внешний вид редактора станет таким:

Разметка в 1-2 столбцаредактор в один столбец

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

выключить растягивание экранавключить растягивание экрана

Но вернёмся к разметке страницы редактора. Я попробую объяснить, зачем нужно делать разметку редактора в один столбец. Как мне кажется это нужно только для удобства. Если вы привыкли к широким окнам редактора смена разметки для вас.

Более того, если вы нажмёте ссылку внизу меню консоли «Свернуть меню», редактор займёт почти весь экран.

свернуть меню консоли

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

Включить полноэкранный режим

Редактор и мобильные устройства

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

Скрин мобильного редактора

Вывод

Это урок еще раз подтверждает справедливое утверждение — CMS WordPress максимально удобна для пользователя. Настраиваемый шаблон редактора WordPress еще одно тому подтверждение.

©WPkupi.ru

Еще статьи

Похожие посты:

Конструктор страниц WordPress с бесплатным плагином Elementor

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

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

Плагины с похожим функционалом:

Elementor конструктор страниц WordPress

Elementor – это тот плагин, который я так нахваливал. Среди прочего, следует отметить и другие его достоинства: он прост в использовании и полностью бесплатный. А также есть и недостатки – плагин на английском языке. Однако, благодаря понятному интерфейсу, значение языкового барьера преуменьшается.

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

Скачайте плагин Elementor по ссылке ниже, установите его на свой сайт и активируйте. Давайте разберёмся в нём.

После установки плагина в консоли образуется пункт «Elementor». В нём, в разделе «Post Types» можно выбрать, в каких типах контента будет присутствовать дополнительный конструктор WordPress, а в раздел «Exclude Roles» можно отметить роли пользователей, для которых этот конструктор не будет доступен.

В принципе, всё можно оставить по умолчанию.

Теперь перейдите непосредственно в конструктор страниц WordPress от «Elementor», для этого просто откройте для редактирования (или создайте новую) страниц или запись. Встроенный редактор WordPress остаётся доступным. Чтобы переключиться на конструктор, нужно нажать на кнопку «Edit with Elemetor».

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

Панель инструментов конструктора страниц WordPress разделена на две группы: «Elements», в которой собраны разнообразные элементы плагина «Elementor», которые можно поместить на страницу или в запись; и «WordPress» — со стандартными элементами WordPress.

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

Начать нужно с нажатия кнопки «Add New Section», которая добавляет секцию на страницу или в запись.

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

Вы можете посмотреть видео-обзор этого конструктора страниц WordPress.

Давайте рассмотрим элементы из группы «Elementor»:

  • Columns. Позволяет создавать дополнительные колонки.
  • Heading. Заголовок.
  • Text editor. Текстовый редактор на основе встроенного редактора WordPress.
  • Images. Вставка картинки.
  • YouTube. Вставка видео из YouTube.
  • Button. Симпатичные настраиваемые кнопки.
  • Devider. Разделитель.
  • Google Maps. Карта из Google.
  • Счётчик.
  • Progress bar. Красивый настраиваемый прогресс-бар.
  • Icon. Иконка, которую можно выбрать из встроенной в плагин библиотеки.
  • Icon list. Настраиваемый список с иконками вместо маркера.
  • Tabs. Очень удобный элемент, позволяющий переключать текст в табах, вкладках.
  • Accordion. Конструктор страниц WordPress позволяет создавать также не менее удобное меню-аккордеон, где пользователь может сворачивать и разворачивать текст.
  • Toggle. Переключатель. Это тоже разновидность контентного меню, с возможностью сворачивания и разворачивания текста.
  • Alert. Выделенный текстовый блок.
  • HTML. Выполнение HTML кода.
  • Menu anchor. Создаёт якорь в тексте, из которого можно сделать оглавление.
  • Sidebar. Дополнительный сайдбар в любой записи или странице, в который можно добавить виджеты.

Вот такой внушительный список элементов поддерживает этот конструктор страниц WordPress. И это ещё не всё. Как я писал выше, есть ещё блок элементов «WordPress», в котором собраны стандартные части CMS. Их подробно рассматривать не стану, сможете разобраться самостоятельно.

В визуальном редакторе есть ещё одна панель инструментов внизу.

В ней есть кнопки для выхода из редактора, включение режима совместимости с разными экранами, справка и кнопка для сохранения данных.

Статьи по теме:

WordPress визуальный редактор HTML ломает код

Я развиваюсь в wordpress уже несколько месяцев, и вот что я предлагаю:

1) Загрузите Xampp для эмуляции сервера на вашем локальном PC

2) Установите wordpress на localhost после настройки локального сервера (соответствующего онлайн-серверу, чтобы после этого вам нужно было делать меньше изменений)

3) Выберите или создайте свою дочернюю тему и добавьте учебник по шаблону «develop» wordpress

4) на localhost добавьте страницу и установите шаблон разработки для этой страницы (предыдущий учебник также показывает это). Опубликуйте и просмотрите эту страницу. На этом этапе он должен быть пуст.

5) в шаблоне разработки кодируйте с помощью предпочтительного программного обеспечения, используя html и css, как вы делали бы это в любых других проектах, не относящихся к wordpress (NB: не кодируйте ANYTHING на странице автономного редактирования wordpress, но все в шаблоне)

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

7) Как только вы будете довольны внешним видом страницы, скопируйте весь контент из шаблона разработки в wordpress page aditor (живой) и сохраните.

РАБОТА СДЕЛАНА!

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

Это трудно, но поверьте мне, это не так! и это делает вашу жизнь намного проще.

Предложения: установите на wordpress этот плагин: Плагин

И когда вы вставляете свой код html, убедитесь, что вы вставляете его внутрь этих тегов

[raw][/raw]

Почему это?

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

теги, добавляющие что-то в ваш файл functions.php (просто найдите это в google)

Надеюсь, этот ответ был полезен. Удачи вам!

Топ 10 ‌Лучшие конструкторы страниц WordPress на 2020 год (бесплатно и премиум)

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

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

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

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

Что такое конструктор страниц WordPress?

Прежде чем мы поговорим о конструкторах тем WordPress, давайте представим конструктор страниц WordPress. Что такое конструктор страниц WordPress?

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

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

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

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

Другими словами, с помощью этих модулей нет необходимости устанавливать дополнительные плагины на ваш сайт.

Как нам помогают конструкторы страниц WordPress?

Как вы уже знаете, конструкторы страниц WordPress очень полезны при разработке веб-сайта. Но все еще остается вопрос, зачем нам использовать конструктор страниц WordPress?

  • Конструкторы страниц очень удобны в использовании. Это позволяет увидеть быстрые результаты в короткие сроки. Вы можете создать свой веб-сайт от 0 до 100 с помощью этого инструмента.
  • Использование этого инструмента не требует каких-либо знаний в области программирования. Следовательно, вы не сталкиваетесь с кодами; все делается через инструмент. Это делает конструкторы страниц отличными для любителей и опытных пользователей WordPress.
  • Поскольку почти каждый пользователь WordPress использует конструкторы страниц, при обнаружении какой-либо ошибки вы можете найти решение на разных форумах.

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

Лучшие конструкторы страниц WordPress

Вот список лучших конструкторов страниц WordPress, бесплатных и платных.

1. Конструктор страниц Elementor для WordPress

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

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

С Elementor вы можете настроить столбцы, разделы и их места. Подведем итог его особенностям:

  • Полностью бесплатный и открытый исходный код
  • Совместимость с Google Font и Font Awesome
  • Отзывчивый
  • Предварительно разработанные темы
  • Возможность настраивать каждый настраиваемый раздел веб-сайта
  • Функция предварительного просмотра в реальном времени

2. Конструктор страниц Divi в WordPress

Divi Page – следующий конструктор страниц в нашем списке. Divi – это многоцелевой конструктор страниц с перетаскиванием. Эта функция делает использование Divi очень простым.

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

В Divi Page у вас нет ограничений на настройку элементов. Divi Page спроектирована и разработана Elegant Themes. Этот конструктор страниц платный, и вы должны приобрести его, прежде чем использовать. Некоторые ключевые особенности страницы Divi:

  • Более 18 предварительно разработанных тем
  • Полностью отзывчивый
  • Более 40 модулей перетаскивания
  • Совместимость с видео-фоном и параллаксом
  • Этот конструктор страниц премиум-класса

3. Конструктор страниц Visual Composer для WordPress

Visual Composer – один из популярных конструкторов WordPress, его скачали более 500 000 раз. Этот конструктор страниц поставляется с мощным редактором, а также с возможностью перетаскивания.

Этот конструктор страниц позволяет пользователю настраивать как интерфейс, так и серверную часть. Visual Composer совместим с темами WordPress. Некоторые ключевые особенности Visual Composer:

  • Отзывчивый и удобный для мобильных устройств
  • Сильная команда поддержки
  • Расширенный построитель сеток
  • Многоязычный
  • Более 40 элементов для дизайна сайта
  • Премиум

4. Конструктор страниц от SiteOrigin для WordPress

Page Builder от SiteOrigin – еще один отличный конструктор в нашем списке. Этот конструктор страниц имеет удобный интерфейс, и вы можете выполнить любой задуманный дизайн. Эти проекты полностью оптимизированы для мобильных устройств и основаны на сетке.

Этот конструктор страниц совместим с большинством тем WordPress. Page Builder от SiteOrigin также поддерживает функцию предварительного просмотра. Вы можете просмотреть свои изменения перед их публикацией. Некоторые ключевые особенности Page Builder от SiteOrigin:

  • Полностью отзывчивый
  • Совершенно бесплатно
  • Совместим с большинством тем WordPress.
  • Возможность редактировать внутренние коды
  • Предварительный просмотр

5. Beaver Builder для WordPress

Beaver Builder – еще один конструктор страниц в нашем списке. Beaver Builder – это комбинация конструктора страниц и плагина. Его редактор также является текстовым и графическим.

Это делает использование Beaver Builder очень простым в использовании. С Beaver Builder вы можете настраивать элементы интерфейса с помощью функции перетаскивания. Некоторые ключевые особенности Beaver Builder:

  • Поддерживает WooCommerce
  • Более 20 предварительно разработанных тем
  • Премиум
  • SEO оптимизирован
  • Поставляется с шорткодами и виджетами
  • Полностью отзывчивый
  • Отлично для разработчиков
  • Поставляется с функцией перетаскивания

6. Themify Конструктор страниц в WordPress

Конструктор страниц Themify полностью совместим с темами Themify. Этот конструктор страниц позволяет настраивать как внешний вид, так и внутренние коды.

В этом конструкторе страниц у вас есть выбор из множества тем. Кроме того, вы можете загружать темы в Themify. Themify – это конструктор страниц премиум-класса. Некоторые ключевые особенности Themify:

  • Полностью отзывчивый
  • Полностью модульный и переводимый
  • Поддержка фонового видео
  • Поддерживает параллакс
  • Сотни цветов
  • Поддерживает шрифт Google
  • Оптимизирован и оптимизирован для SEO
  • Премиум

7. Конструктор страниц WP

WP Page Builder – еще один отличный конструктор тем WordPress в нашем списке. Этот инструмент в основном ориентирован на интерфейсную часть. Вы можете просмотреть свои изменения в реальном времени, прежде чем публиковать их на своем веб-сайте.

Эта возможность позволяет вам тратить меньше времени на проверку ваших изменений и сосредоточиться на дизайне. В WP Page Builder единственное ограничение – ваше воображение.

В WP Page Builder есть функция повтора / отмены. Вы можете отменить внесенные изменения в несколько шагов. Следовательно, вам не нужно переделывать все с первого шага. Этот конструктор страниц поставляется с заранее разработанными блоками и модулями. WP Page Builder доступен как в платном, так и в бесплатном варианте. Некоторые ключевые особенности этого замечательного конструктора страниц:

  • Поставляется с возможностью перетаскивания
  • Доступно в премиум и бесплатно
  • Поставляется с заранее разработанными элементами
  • Возможность предварительного просмотра ваших изменений в реальном времени

8. Редактор контента MotoPress

MotoPress Content Editor – еще один отличный конструктор страниц в нашем списке. С помощью этого редактора вы можете полностью отредактировать интерфейс вашего сайта и перестроить его. Этот конструктор страниц совместим со всеми темами WordPress.

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

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

  • Поставляется с множеством предварительно разработанных тем
  • Доступен как в бесплатной, так и в премиальной версии
  • Готовые блоки
  • Разнообразные шорткоды на выбор
  • Совместим с WooCommerce
  • Возможность загружать свои дизайны
  • Удобный и гибкий редактор

9. Конструктор страниц Cornerstone от ThemeCo для WordPress

Cornerstone Page Builder от ThemeCo – следующий конструктор страниц в нашем списке. С помощью этого конструктора страниц нет необходимости напрямую редактировать внутренние коды. Любые внесенные вами изменения будут видны в интерфейсе.

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

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

Cornerstone – это универсальный конструктор страниц. Этот конструктор страниц премиум-класса. Однако его обновления доступны бесплатно. Некоторые ключевые особенности конструктора страниц Cornerstone:

  • Удобный интерфейс
  • Легко использовать – использовать может каждый
  • Поставляется с множеством шорткодов
  • Работает с записями и страницами WordPress
  • Возможность Live редактировать коды
  • Совместимость с темами WordPress
  • Бесплатные обновления для каждого пользователя

10. Layers Page Builder

Последний конструктор страниц в нашем списке – Layers. Этот конструктор страниц доступен бесплатно. Использовать этот конструктор страниц очень просто. Для использования слоев вам не нужны знания программирования. Вы можете реализовать любые задумки с помощью простого интерфейса.

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

Еще одно преимущество Layers – это гибкая сетка. Это упрощает использование слоев. Некоторые ключевые особенности слоев:

  • Полностью отзывчивый
  • Совершенно бесплатно
  • Готовые страницы
  • Поддерживает WooCommerce
  • Структура сетки
  • Перетащить и отпустить
  • Удобный интерфейс

Мы представили 10 лучших конструкторов тем WordPress. Вы можете выбрать любой конструктор тем WordPress, который вам нравится.

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

Важные моменты при выборе конструктора страниц

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

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

Бесплатно или премиум? Вот в чем вопрос. Если вы ищете конструктор страниц с полным набором функций, то лучше приобрести конструктор страниц. Однако это не означает, что бесплатные конструкторы страниц не предлагают полных функций.

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

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

Источник записи: https://betterstudio.com

Экран редактирования страниц

— Поддержка — WordPress.com

В этом руководстве описаны различные настройки для редактирования ваших страниц.

Содержание

Редактирование страниц

Чтобы изменить страницы своего блога, перейдите в Мои сайты → Страницы .

Вы увидите список опубликованных вами страниц:

Чтобы открыть страницу для редактирования, щелкните ее заголовок. Это откроет редактор WordPress, в котором вы можете внести изменения на страницу.

Выбор меню в виде эллипсов (три вертикальные точки) откроет дополнительные параметры меню.

  • Редактировать : открывает редактор WordPress, чтобы вы могли вносить изменения на страницу.
  • Просмотр : позволяет увидеть, как страница выглядит на действующем сайте.
  • Статистика: Вы попадете на страницу статистики для отдельной страницы.
  • Копировать страницу: Создает дубликат страницы
  • Копировать ссылку: Позволяет получить URL-адрес вашей страницы
  • Установить как домашнюю страницу: Позволяет определить страницу как домашнюю страницу вашего сайта
  • Установить as Posts Page: Позволяет вам определить эту конкретную страницу как страницу, на которой будут автоматически отображаться все ваши сообщения.
  • Страница экспорта: позволяет экспортировать страницу в файл .json
  • Корзина: Удаляет сообщение и помещает его на вкладку Корзина .

↑ Содержание ↑

Фильтрация страниц

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

  • Выбор опубликованных, черновых, запланированных или удаленных страниц
  • Используйте увеличительное стекло для поиска страниц по ключевому слову

↑ Содержание ↑

Удаление и восстановление страниц
  • Функция Trash позволяет удалять страницы, не удаляя их сразу навсегда.
  • Элементы в папке корзины могут быть восстановлены или окончательно удалены в течение 30 дней после того, как вы удалите их.
  • Через 30 дней они удаляются безвозвратно.

Чтобы удалить страницу, щелкните меню с многоточием справа и выберите Корзина.

Чтобы восстановить удаленную страницу, просмотрите корзину, выбрав вкладку Корзина вверху страницы. Щелкните три точки справа от страницы, которую вы хотите восстановить, и щелкните Восстановить .Это вернет страницу в ваш список Опубликованных .

Чтобы навсегда удалить страницу, перейдите на вкладку Корзина . Щелкните три точки справа от страницы, которую вы хотите удалить навсегда, и щелкните Удалить .


↑ Содержание ↑

Быстрое редактирование

Эти инструкции относятся к панели управления WP Admin. Чтобы просмотреть эти страницы панели инструментов, перейдите в настройки своей учетной записи и включите опцию , отображать страницы расширенной панели инструментов.

Чтобы получить доступ к быстрому редактированию, перейдите в Pages → All Pages на панели управления WP Admin. Быстрое редактирование появляется при наведении курсора на заголовок страницы.

Quick Edit позволяет изменять такие детали страницы, как заголовок, заголовок, дата, автор, пароль, конфиденциальность, родительский объект, порядок, шаблон, комментарии и статус.


↑ Содержание ↑

Массовое редактирование

Эти инструкции относятся к панели управления WP Admin. Чтобы просмотреть эти страницы панели инструментов, перейдите в настройки своей учетной записи и включите опцию , отображать страницы расширенной панели инструментов.

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

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


↑ Содержание ↑

Настройка экрана

Эти инструкции относятся к панели управления WP Admin.Чтобы просмотреть эти страницы панели инструментов, перейдите в настройки своей учетной записи и включите опцию , отображать страницы расширенной панели инструментов.

Используя раскрывающееся меню «Параметры экрана» в правом верхнем углу экрана, вы можете показать / скрыть столбцы, отображаемые на экране «Редактировать страницы».

Дополнительные сведения см. В справочной документации по параметрам экрана.

Страница / Боковая панель настроек публикации | WordPress.org

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

Новое в WordPress 5.6: вкладка теперь помечена как «Сообщение», «Страница» или любой другой используемый пользовательский тип сообщения. Ранее было указано , документ . В оставшейся части этой статьи мы будем называть его Post, если нет настроек для конкретной страницы или пользовательского типа публикации.

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

Темы и плагины могут изменять параметры, отображаемые на боковой панели.

Наверх ↑

Это применимо для сообщений и страниц

Снимок экрана раздела «Статус и видимость».

Видимость

При публикации определяет, является ли сообщение или страница:

  • Общедоступный — виден всем
  • Частный — виден только администраторам сайта и редакторам
  • Защищено паролем — сообщение увидят только те, у кого есть пароль.Вы выбираете пароль.

Опубликовать

Сразу выбрано по умолчанию.

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

Чтобы изменить дату или время, используйте календарь.

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

↵ Клавиша ввода: выберите дату в фокусе.

← / → Клавиши со стрелками Перемещение назад (влево) или вперед (вправо) на один день.

↑ / ↓ Клавиши со стрелками Перемещение назад (вверх) или вперед (вниз) на одну неделю.

PgUp / PgDn Переход назад (PgUp) или вперед (PgDn) на один месяц.

Home / End Переход к первому (домашнему) или последнему (конечному) дню недели.

Формат сообщения (некоторые темы)

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

Прикрепить к началу блога

Прикрепленное сообщение — это сообщение, размещаемое в верхней части первой страницы сообщений.

Ожидает рассмотрения

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

В корзину

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

После того, как элемент помещен в корзину, он остается там в течение 30 дней (по умолчанию), а затем удаляется безвозвратно.

Наверх ↑

Это применимо для сообщений и страниц.

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

Посмотреть сообщение / страница

Ссылка здесь — это URL-адрес статьи, когда она опубликована. Вы должны сохранить сообщение или страницу перед редактированием части URL-адреса.

URL Slug (при нажатии Сохранить черновик )

После того, как сообщение или страница сохранены как черновик, отредактируйте конец URL-адреса (называемый URL Slug ) здесь.

В зависимости от настроек постоянной ссылки это изменит конец вашего URL-адреса.Например: https://example.com/ [slug]

Заголовок URL-адреса автоматически подставляется в виде удобной для URL-адреса версии заголовка вашего сообщения / страницы.

Наверх ↑

Этот раздел относится только к сообщениям

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

Выбор категории

Список ваших категорий будет отображаться с флажками.Добавьте свой пост в одну или несколько категорий.

Основная категория

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

Добавить новую категорию

Быстро добавьте новую категорию в сообщение, заполнив два поля и щелкнув поле «Добавить новую категорию».

Родительская категория

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

Наверх ↑

Только сообщения могут иметь теги.

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

Добавить новый тег

Введите поле, чтобы добавить новый тег. Обычно это строчные буквы и одно слово.

Когда закончите вводить имя тега, разделите его запятой или нажмите клавишу Enter .

Ранее использованные теги заполняются автоматически, когда вы начинаете их вводить.

Наверх ↑

Это применимо для сообщений и страниц

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

Установить Featured Image

Чтобы установить Featured Image , перетащите изображение со своего компьютера в серое поле.

Другой способ — нажать Установить избранное изображение , что откроет раздел, в который вы загрузите новое изображение или выберете изображение из своей библиотеки мультимедиа.

Наверх ↑

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

Если выдержка пуста, WordPress автоматически создает выдержку, используя первые 55 слов сообщения.

Наверх ↑

Этот раздел применим к сообщениям и страницам .

Разрешить комментарии

Это включит комментарии к сообщению или странице.

Разрешить пингбэков и трекбэков (только для сообщений)

Наверх ↑

Это относится только к страницам

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

Родительская страница

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

Заказать

Устанавливает порядок, в котором ваши страницы отображаются на экране администратора страницы.

Наверх ↑

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

  1. Щелкните на трех точках в правом верхнем углу.
  2. Выберите Preferences в конце списка.
  3. Открыть подменю «Панели».
  4. Отключение определенной панели скроет разделы на боковой панели.
История изменений
  • Обновлено 22 февраля 2021 г.
    • Обновлен раздел настроек перед выпуском WP 5.7.
  • Создано 2020-11-26
Каталог блоков

| WordPress.org

Вернуться к списку из блоков

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

  1. Введите ключевое слово в поле поиска модуля вставки, например «команда» или «персонал».

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

  1. Решите, какой блок использовать, и нажмите кнопку «Добавить блок».

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

  1. Если первый вариант не сработал, вы можете вернуться к поиску и выбрать другой, который также будет установлен.

Примеры протестированных одноблочных плагинов:

Наверх ↑

Установленный блок — это плагин. Вы можете удалить его с экрана плагинов.

Демонстрация работы блочного каталога

В этом видео показано, как работает каталог блоков. Начало в 3:00 по времени. Начните с самого начала, если вы новичок в редакторе блоков и нуждаетесь в обновлении.

На сайте Learn.WordPress.org участники начали создавать видеоролики семинаров для самообучения и запланированных дискуссионных групп в Интернете. Проверить это.

Ссылки на ресурсы:

История изменений
  • Обновлено 17.08.2020
    • Встроенное видео с сайта Learn.WordPress.org
    • Добавлена ​​ссылка на исходный источник видео
    • Добавлена ​​ссылка на серию «Введение в публикацию с помощью редактора блоков»
    • Добавлен отзыв на сайт learn.WordPress.org со ссылками
  • Обновлено 2020-08 -10
    • Добавлен журнал изменений
    • Добавлены ссылки на ресурсы
  • Создано 27.07.2020

шаблонов блоков | WordPress.org

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

Содержание

  1. Как использовать шаблон блока
  2. Как настроить шаблон блока
  3. Часто задаваемые вопросы

Как использовать шаблон блока
  1. Щелкните значок +, чтобы добавить новый блок.
  2. Щелкните вкладку Узоры .
  3. Щелкните узор, который вы хотите вставить, и узор будет вставлен в документ в том месте, где находится курсор.
Как добавить шаблоны блоков в сообщение или страницу
Как настроить шаблон блоков

После вставки шаблона блока блоки можно редактировать так же, как и любые другие блоки.

Щелкните любой блок, чтобы отредактировать его содержимое.

Вы также можете добавить больше блоков (и шаблонов блоков) на свою страницу в любом месте.Для получения дополнительной информации об использовании редактора блоков ознакомьтесь с нашим руководством по редактору WordPress.

Ссылки узнать больше

На сайте Learn.WordPress команда обучающих опубликовала небольшой семинар «Введение в блочные шаблоны».

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


Часто задаваемые вопросы

Могу ли я использовать изображения по умолчанию в шаблонах блоков на моем собственном сайте?

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

Мы рекомендуем заменить эти изображения вашим собственным содержимым.

Будут ли изменены шаблоны блоков? Повлияют ли изменения в шаблонах, которые я использую, на мой сайт?

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

История изменений
  • Внутренние ссылки исправлены 2021-02-19
  • Создано 2020-09-04

Работа с блоками — Поддержка — WordPress.com

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

Чтобы быстро приступить к работе, перейдите к тому, как добавить контент с помощью блоков, или выберите одно из наших руководств по началу работы здесь.

Содержание

Редактор блоков WordPress

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

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


Элементы редактора WordPress

Редактор WordPress состоит из трех основных частей; верхнее меню, меню боковой панели и область основного содержимого.

Верхнее меню редактора WordPress

Параметры верхнего меню

Добавить блоки — просмотрите все доступные блоки, шаблоны блоков и повторно используемые блоки.

Modes — Инструменты предлагают различные взаимодействия для выбора и редактирования блоков. Чтобы выбрать, нажмите Escape, чтобы вернуться к редактированию, нажмите Enter.

Отменить и повторить — отменить действие или повторить отмененное действие.

Детали — количество символов, слов, заголовков, абзацев и блоков, используемых в документе.

Outline — список всех блоков, используемых на странице. Полезно для перехода к разным блокам.

Перед тем, как опубликовать свою страницу или сообщение, вы увидите следующие варианты:

Сохранить черновик — сохранить черновик своей страницы или публикации.
Предварительный просмотр — посмотреть, как выглядит ваша страница / публикация с примененной темой.
Опубликовать — опубликуйте свою страницу / пост.

После того, как вы опубликуете свою страницу или сообщение, вы увидите следующие варианты:

Перейти к черновику — отменить публикацию страницы или публикации и переключить на черновик.
Предварительный просмотр — посмотрите, как выглядит ваша страница / сообщение с примененной темой.Обновление
— обновите опубликованную страницу / сообщение новым добавленным контентом.

Настройки — отображение или скрытие меню боковой панели настроек страницы, документа и блока.

Глобальные стили — если вы используете тему, поддерживающую глобальные стили, этот параметр позволяет изменять стили шрифтов для всего сайта.

Jetpack — позволяет вам включать / выключать лайки и публикацию для отдельных страниц и сообщений, просматривать ваши публикации в социальных сетях и размещать Shortlink на вашей странице или в публикации.

Параметры — открывает параметры просмотра, стиль редактора и дополнительные инструменты.

Значки «Настройки», «Глобальные стили» и «Jetpack» в верхнем меню открывают различные меню боковой панели.

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

Настройки

Меню боковой панели «Настройки» включает в себя настройки страницы / документа:

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

Значок настроек

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

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

Значок глобальных стилей

Реактивный ранец

Меню боковой панели Jetpack позволяет:

Значок реактивного ранца

Область содержимого редактора WordPress

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

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


↑ Содержание ↑

Добавить контент через блоки

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


↑ Содержание ↑

Добавить блок

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

Добавление новых блоков

Есть несколько способов добавить блок и выбрать нужный тип блока.

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

Или начните писать в пустой области, что по умолчанию является блоком абзаца.

  1. Щелкните черный значок + сбоку от пустого блока.
  2. Щелкните значок + в верхнем левом углу редактора. Этот параметр отлично подходит для предварительного просмотра различных стилей блоков.
  3. Нажмите клавишу Enter / Return в выбранном блоке, чтобы создать новый блок под ним.
  4. Щелкните три точки над выбранным блоком и выберите добавление блока выше или ниже текущего блока.

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

Ярлык для добавления блока

Узнайте о наиболее часто используемых блоках

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

  1. Щелкните значок многоточия (три точки) в правом верхнем углу экрана редактора.
  2. Выберите Настройки .
  3. Установите флажок рядом с Показать наиболее часто используемые блоки.
Показать наиболее часто используемые блоки

После выбора параметра наиболее часто используемых блоков вы можете просматривать блоки, которые вы используете чаще всего, через библиотеку блоков.

Щелкните значок + Plus в верхнем меню, чтобы получить доступ к библиотеке блоков. Наиболее часто используемые вами будут отображаться в верхней части библиотеки.

Категория наиболее часто используемых блоков

↑ Содержание ↑

Перемещение блоков

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

Движущиеся блоки

↑ Содержание ↑

Настроить блоки

У каждого блока свои настройки.Чтобы найти их, нажмите на блок, и в верхней части блока откроется панель инструментов. Вы также найдете дополнительные настройки на боковой панели справа от редактора.

Если вы не видите настройки блокировки справа от редактора, щелкните значок настроек ⚙️ (который выглядит как шестеренка или шестеренка) рядом с кнопкой «Опубликовать / обновить», чтобы развернуть меню боковой панели.

Примеры различных панелей инструментов блоков

Панель инструментов блока абзаца Панель инструментов блока изображений Панель инструментов блока списка

Параметры блока — панель инструментов

Щелкните три точки справа от панели инструментов блока, чтобы просмотреть дополнительные параметры, которые присутствуют в большинстве блоков.

  1. Скрыть настройки блока закрывает меню настроек.
  2. Дубликат создает второй блок на той же странице с тем же содержанием.
  3. Вставить до / после добавляет новый блок до или после текущего блока.
  4. Редактировать как HTML переключает блок на его HTML-версию, так что вы можете редактировать HTML напрямую. При редактировании в формате HTML этот параметр меняется на «Редактировать визуально».
  5. Добавить в блоки многократного использования позволяет создать блок, который можно использовать на других страницах, который сохраняет содержимое и стиль блока.Учить больше.
  6. Remove Block удаляет блок с вашей страницы / сообщения.
Дополнительные параметры панели инструментов блока

Не весь код будет работать при редактировании как HTML. Если ваш код правильно сформирован и не содержит ошибок, проверьте, есть ли он в списке одобренных HTML-тегов и не является ли он запрещенным, как JavaScript.

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

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

Если вы не видите настройки блокировки справа от редактора, щелкните значок настроек ⚙️ (который выглядит как шестеренка или шестеренка) рядом с кнопкой «Опубликовать / обновить», чтобы развернуть меню боковой панели.

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

↑ Содержание ↑

Изменить тип блока

Что делать, если вы хотите изменить тип блока? Без проблем! Вы можете преобразовать каждый блок в другой подобный или связанный тип блока. Например, изменить абзац на заголовок, список или цитату.

Изменение типа блока

↑ Содержание ↑

Навигация по блокам (выбор блоков)

Некоторые блоки вложены внутрь других блоков (называемых их «родительским» блоком), и вам нужен простой способ выбора родительского блока.

Например, если у вас есть блок «Столбцы», который вы хотите сделать на всю ширину, щелчок по отдельному столбцу не предоставит вам такой возможности. Переход к родительскому блоку (блок Columns) даст вам возможность изменить стиль макета блока Columns.

Щелчок внутри блока, у которого есть родительский блок, покажет смещение кнопки слева от панели инструментов настроек блока — при выборе этой кнопки будет выбран родительский блок.

Это может быть полезно, если у вас может быть текст внутри блока Column и вам нужно выбрать блок Columns, или если у вас есть несколько кнопок внутри блока Buttons, и вам нужно выбрать общий блок Buttons.

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

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


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

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

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

↑ Содержание ↑

Удаление блока

Чтобы удалить блок, выберите блок и щелкните три точки на панели инструментов прямо над ним.Среди настроек вы увидите возможность удалить этот блок.


↑ Содержание ↑

Шаблоны блоков

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

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

Чтобы вставить образец блока:

  1. Щелкните значок + в верхнем меню, чтобы добавить новый блок.
  2. Щелкните вкладку Узоры .
  3. Щелкните узор, который вы хотите вставить, и узор будет вставлен в документ в том месте, где находится курсор.

Для получения дополнительной информации ознакомьтесь с нашим руководством по шаблонам блоков.


↑ Содержание ↑

Предварительный просмотр страницы или публикации

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

Параметр предварительного просмотра в верхнем меню

Параметр Preview загружает страницу, над которой вы работаете, вместе с темой и сохраненными настройками темы (например, пользовательским CSS).

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

Предварительный просмотр на разных устройствах

↑ Содержание ↑

Настройки документа

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

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

Если вы не видите настройки документов справа от редактора блоков, щелкните значок настроек шестеренки / шестеренки ⚙️ в правом верхнем углу, чтобы открыть настройки документа.


↑ Содержание ↑

Дополнительные параметры

Настройте процесс редактирования в соответствии с вашими потребностями с помощью трех точек справа от значка «Настройки».

Посмотреть

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

Редактор

По умолчанию вы находитесь в визуальном редакторе. Переключитесь в редактор кода, чтобы просмотреть всю страницу в HTML-коде.

Инструменты

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

Опции

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

Больше опций

↑ Содержание ↑

Часто задаваемые вопросы
Как редактировать HTML в редакторе WordPress?

Существует блок Custom HTML, который вы можете добавить, если хотите создать свой собственный HTML-код.

Другие варианты редактирования HTML-кода в редакторе WordPress можно найти здесь.

Не весь код будет работать при редактировании как HTML. Если ваш код правильно сформирован и не содержит ошибок, проверьте, есть ли он в списке одобренных HTML-тегов и не является ли он запрещенным, как JavaScript.

Как будет выглядеть мой существующий контент?

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

Почему мой контент не выглядит одинаково в редакторе и на сайте?

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

Почему одни настройки доступны на одном из моих сайтов, а на другом — нет?

Если у вас есть план WordPress.com Business или eCommerce на сайте, у вас могут быть плагины, которые добавляют пользовательские блоки в ваш редактор. Они не будут доступны на другом сайте, на котором нет этого плагина.

Некоторые настройки в блоках — «широкий» или «полный» — должны поддерживаться вашей темой. Хотя одни и те же блоки будут присутствовать на разных сайтах, конкретные настройки, которые вы можете применить к этим блокам, могут немного отличаться в зависимости от вашей активной темы.

Смогу ли я использовать старый редактор? Работают ли шорткоды?

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

Доступен ли этот редактор?

Наша цель — сделать редактор WordPress таким же доступным, как и предыдущие редакторы, если не больше. Мы хотим, чтобы каждый мог им пользоваться. Стандарты кодирования доступности WordPress заявляют, что « Весь новый или обновленный код, выпущенный в WordPress, должен соответствовать рекомендациям WCAG 2.0 на уровне AA. «Это не будет исключением. Если вы столкнулись с проблемой доступности, свяжитесь с нами.

Нужно ли мне использовать определенную тему для нового редактора?

№Новый редактор блоков будет работать со всеми темами. Однако только некоторые темы могут поддерживать определенные функции макета (например, «широкий» и «полноширинный» контент).

Где я могу увидеть полный список быстрых клавиш? Как я могу увидеть такие вещи, как подсчет слов и проверка орфографии?

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

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

Сравнение 6 лучших конструкторов страниц WordPress с перетаскиванием (2021)

Ищете простой способ создать и настроить свой сайт WordPress? Вот здесь и пригодятся плагины для перетаскивания страниц WordPress.

Конструкторы страниц

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

Зачем использовать Drag and Drop Page Builder для WordPress?

При создании блога многим новичкам сложно настроить макеты своих страниц WordPress.

Хотя многие премиальные темы WordPress поставляются с разными макетами страниц, большинство из них чрезвычайно сложно настроить для любого, кто не знает кода (HTML / CSS).

Вот почему пользователи часто задают нам такие вопросы, как: «Как заставить WordPress перетаскивать и оставлять?» или «есть ли простой конструктор страниц с перетаскиванием для WordPress?»

Когда мы разговариваем с людьми, которые переключаются с Weebly на WordPress или с Wix на WordPress, их наиболее частый ответ: «Я бы хотел, чтобы у WordPress был конструктор веб-сайтов с перетаскиванием».

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

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

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

Сказав это, давайте взглянем на лучших конструкторов страниц для WordPress на рынке.

1. SeedProd

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

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

Существуют готовые шаблоны для целевых страниц, страниц продаж, страниц благодарности, страниц регистрации веб-семинаров, страниц, которые появятся в ближайшее время, страниц режима обслуживания, страниц 404 и многого другого.

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

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

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

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

SeedProd работает со всеми популярными темами и плагинами WordPress. Он также имеет встроенное управление подписчиками, и вы можете легко подключиться к популярным службам электронного маркетинга, таким как MailChimp, ActiveCampaign, ConvertKit и другим.

Более 1 миллиона пользователей используют SeedProd для улучшения макетов веб-сайтов.

Стоимость: Начиная с 39,50 долларов США за лицензию на один сайт.

Наша оценка: A +

Обзор: SeedProd — самый быстрый конструктор страниц на рынке. К тому же он самый доступный. Их большая библиотека готовых шаблонов и профессиональных блоков позволяет значительно сэкономить время. Возможность настраивать каждую мелочь делает его идеальным решением для всех пользователей WordPress.

2. Строитель бобров

Beaver Builder — популярный плагин для перетаскивания страниц для WordPress.

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

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

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

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

Мы считаем, что Beaver Builder очень дружелюбен к новичкам. Ознакомьтесь с нашим руководством о том, как создавать собственные макеты WordPress с помощью Beaver Builder.

Хотите знать, совместим ли он с новой версией WordPress? Да, это.

Beaver Builder был обновлен для работы вместе с новым редактором WordPress Gutenberg.

Цена: Начиная с 99 долларов США за неограниченное количество сайтов.

Наша оценка: A +

Обзор: Beaver Builder — популярный на рынке вариант конструктора страниц.Он поставляется с готовыми шаблонами, которые помогут вам начать работу. Многие веб-профессионалы используют Beaver Builder для создания своих клиентских сайтов и пользовательских тем.

3. Divi

Divi — это тема перетаскивания и плагин для построения страниц WordPress. Он чрезвычайно прост в использовании и включает более 20 макетов / шаблонов для различных типов веб-сайтов.

Подобно SeedProd и Beaver Builder, Divi Builder представляет собой конструктор страниц с визуальным перетаскиванием, настоящий редактор WYSIWYG (то, что вы видите, то и получаете).

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

Divi поставляется с 46 модулями содержимого, которые можно перетаскивать в любом месте макета. Вы можете разделить их на 3 типа секций, 20 типов строк и настроить каждый элемент, используя его расширенные настройки дизайна.

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

Плагин Divi Builder является основой темы Divi, но он хорошо работает с любой другой темой WordPress.

И что самое главное, Divi предлагает очень привлекательные цены. По единой цене вы получите тему Divi, плагин для создания страниц Divi и все другие продукты Elegant Themes.

Это означает, что вы можете использовать тему Divi или установить плагин Divi Builder для любой другой темы.

Цена: От 89 долларов в год (также доступен пожизненный план)

Наша оценка: A

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

4. Элементор

Elementor — еще один мощный плагин для перетаскивания страниц WordPress.

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

Затем вы можете перетащить виджеты с левой панели в свой раздел. Elementor поставляется с множеством виджетов, включая наиболее часто используемые элементы веб-сайтов.

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

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

Не хотите создавать собственный макет?

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

Цена: От 49 долларов США за лицензию на один сайт.

Наша оценка: A

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

5. Visual Composer Website Builder

Visual Composer Website Builder — это удобный редактор веб-сайтов на WordPress, который поможет вам быстро создавать собственные макеты веб-сайтов.

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

Подобно SeedProd и Beaver Builder, он также обеспечивает реальный интерфейс редактирования для разработки веб-сайта.Но с этим плагином вы можете сделать гораздо больше. За исключением SeedProd, Visual Composer — единственный другой плагин, который позволяет редактировать все аспекты вашей целевой страницы, такие как логотип, меню, верхние и нижние колонтитулы, боковые панели и т. Д.

Вот почему команда решает назвать это конструктором веб-сайтов, а не просто конструктором страниц.

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

Visual Composer хорошо работает со всеми темами WordPress. Это позволяет вам переключать темы без потери настраиваемых макетов, созданных с помощью Visual Composer.

Он также включает поддержку нового редактора Gutenberg, Google Fonts и Yoast SEO.

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

Цена: 59 долларов США за лицензию на один сайт

Наша оценка: A-

Обзор: Visual Composer — отличный плагин для начинающих, чтобы создать веб-сайт. Он предоставляет мощные функции для простого создания веб-сайтов. Редактирование веб-сайтов стало очень простым с помощью настоящего редактора перетаскивания во внешнем интерфейсе. Интерфейс немного отличается от типичных плагинов WordPress, поэтому он может показаться неприемлемым для новых пользователей.

6. Themify Builder

Themify — популярный магазин тем WordPress, который предлагает встроенный конструктор Themify со всеми своими темами WordPress.Для других тем WordPress, не относящихся к Themify, вы можете получить плагин Themify Page Builder.

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

Плагин включает 40+ готовых макетов для различных отраслей, таких как тренажерный зал, ресторан, портфолио, музыка, фотография, а также интернет-магазины.

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

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

Кроме того, Themify Builder поставляется с готовыми макетами, которые вы можете быстро применить к своей странице.

Цена: 39 долларов США за пакет дополнений Builder (основной плагин бесплатен)

Наша оценка: B

Обзор: Themify Builder — надежный плагин для построения страниц для WordPress.Хотя конструктор имеет многообещающие функции, существует кривая обучения, которая может разочаровать нового пользователя.

Последние мысли: лучший плагин для создания страниц WordPress

Когда мы сравнили разные конструкторы страниц WordPress с перетаскиванием, стало ясно одно. SeedProd, Beaver Builder и Divi явно входят в тройку лучших.

Visual Composer и Elementor Pro — другие отличные альтернативы, которые предлагают полный конструктор страниц WordPress с перетаскиванием.

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

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

В последнее время многие пользователи задают нам этот вопрос.

Блок-редактор

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

Внешне редактор блоков похож на некоторые конструкторы страниц WordPress, описанные выше.

Следовательно, в WordPress ведутся горячие дискуссии о Гутенберге и компоновщиках страниц.

Гутенберг — конструктор страниц? Заменяет ли редактор блоков Гутенберга конструкторы страниц WordPress? И нужен ли мне конструктор страниц, если я использую новый редактор блоков WordPress?

Что ж, ответ на первые два вопроса: «Нет, еще не совсем».

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

Gutenberg в его нынешнем виде не может сравниться с мощными функциями, которые предлагают эти «настоящие» плагины для построения страниц WordPress.

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

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Как создавать собственные макеты WordPress с помощью Beaver Builder

Хотите узнать, как создавать собственные макеты страниц в WordPress? Beaver Builder позволяет создавать собственные макеты страниц без написания кода. В этой статье мы рассмотрим Beaver Builder и покажем вам, как создавать собственные макеты страниц в WordPress с помощью Beaver Builder.

Зачем и когда вам нужны настраиваемые макеты страниц

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

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

Вот где приходит на помощь Beaver Builder.Это плагин для перетаскивания страниц для WordPress. Это помогает вам создавать свои собственные макеты страниц без написания кода.

Обзор Beaver Builder

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

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

В этом обзоре Beaver Builder мы покажем вам, как использовать Beaver Builder для создания пользовательских макетов страниц в WordPress.

Приступим.

Настройка подключаемого модуля Beaver Builder

Для начала необходимо приобрести плагин Beaver Builder. Это платный плагин с ценой от 99 долларов за неограниченное количество сайтов.

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

После активации вам необходимо перейти на страницу Settings »Page Builder , чтобы ввести лицензионный ключ.

После ввода лицензионного ключа вы готовы создавать красивые макеты страниц.

Создание вашего первого пользовательского макета страницы с помощью Beaver Builder

Просто создайте новую страницу в WordPress, посетив Pages »Add New . Вы заметите новую вкладку Page Builder в редакторе WordPress.

Щелкните вкладку «Page Builder», чтобы запустить Beaver Builder.

Если вы впервые используете Beaver Builder, вы увидите приветственное всплывающее окно, предлагающее вам экскурсию.

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

После этого нужно нажать кнопку Templates в верхнем меню.

Beaver Builder содержит несколько профессионально разработанных шаблонов, которые помогут вам сразу же приступить к работе.

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

Когда вы выбираете макет, Beaver Builder загружает его в окно предварительного просмотра. Наведите указатель мыши на предмет, и Beaver Builder выделит его.

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

Beaver Builder покажет всплывающее окно с различными настройками, которые вы можете редактировать.Вы можете изменить текст, цвет, фон, шрифт, отступы, поля и т. Д.

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

Макеты Beaver Builder основаны на рядах. Вы можете перетаскивать строки, чтобы переставить их. Вы также можете удалить или добавить новую строку.

Просто щелкните меню Row Layouts и затем выберите количество столбцов, которое вы хотите в своей строке.

Beaver Builder добавит строку в предварительный просмотр на вашем сайте.

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

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

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

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

Вы также можете повторно использовать весь макет страницы для других страниц вашего сайта WordPress. Просто откройте страницу с помощью Page Builder, а затем нажмите кнопку «Инструменты» на верхней панели.

Beaver Builder покажет вам всплывающее окно. Вы можете сохранить страницу как шаблон или быстро создать дубликат страницы с таким же макетом.

Управление шаблонами макета страницы в Beaver Builder

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

Beaver Builder хранит созданные пользователем шаблоны в настраиваемом типе сообщений, который называется шаблонами. По умолчанию он скрыт, но вы можете сделать его видимым, перейдя в «Настройки » »Page Builder и щелкнув вкладку« Шаблоны ».

Просто установите флажок «Включить администратор шаблонов» и нажмите кнопку «Сохранить настройки шаблона».

Вы заметите, что на панели администратора WordPress появится новый пункт меню «Шаблоны».Все макеты страниц, которые вы сохраняете как шаблон, появятся на этой странице.

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

Посетите Инструменты »Экспорт страницы и выберите Шаблоны. Нажмите кнопку «Загрузить файл экспорта», и WordPress отправит вам XML-файл для загрузки.

Теперь войдите на сайт WordPress, на который вы хотите импортировать шаблоны. Посетите Settings »Import page и нажмите WordPress.

Вам будет предложено загрузить и установить плагин импорта WordPress. После этого вы сможете просто загрузить свой XML-файл шаблона и импортировать его.

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

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

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