Как использовать редактор WordPress

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

Подпишитесь на наш канал Youtube

Что такое редактор WordPress?

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

Хотя редактор блоков установлен по умолчанию в WP начиная с версии 5.0, вы можете использовать любой из трех, которые захотите. Вы можете установить плагин Classic Editor, чтобы сохранить старый TinyMCE, плагин Gutenberg, чтобы сохранить новейшие функции (хотя и потенциально нестабильные) в вашем редакторе, или вы можете оставить редактор блоков по умолчанию.

Учитывая дополнительные шаги, связанные с использованием чего-либо, кроме редактора по умолчанию (а также присущей ему нестабильности и изменяющейся природы плагина Gutenberg), в этом посте мы собираемся сосредоточиться исключительно на редакторе блоков по умолчанию. Тем не менее, вы должны отметить, что основы такие же, как и у Gutenberg, и TinyMCE, содержащийся в плагине Classic Editor, имеет базовый паритет функций с любым заданным текстовым редактором или программным обеспечением для обработки текстов - не говоря уже о любых обсуждаемых нами функциональных возможностях WP. над, как правило, отличаясь только эстетикой, но не функциями.

С учетом всего сказанного, давайте узнаем, как использовать редактор WordPress.

Основы редактора WordPress

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

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

1. Название блок - Все , что вы вводите здесь , будет отображаться в качестве основного тега H1 Почты / страницы.
2. Блок / Область содержимого - это область, в которую вы будете добавлять различные блоки, составляющие содержимое вашего сообщения или страницы.
3. Кнопка «Добавить блок» - каждый раз, когда вы видите « +» в круге, вы можете щелкнуть по нему, чтобы добавить новый блок. Появится раскрывающийся список, в котором вы выбираете тип, который хотите вставить. Все они работают одинаково, поэтому независимо от того, щелкаете ли вы один справа от блока, под блоком или в углу экрана, вы получаете одинаковые параметры.
4. Вкладка «Параметры документа» - на этой вкладке вы найдете все: категории, теги, постоянные ссылки, переключатели включения / выключения комментариев и многое другое. Плагины могут добавлять сюда параметры, но они всегда применяются ко всей странице или к самой публикации.
5. Вкладка «Параметры блока» - на этой вкладке обрабатываются параметры любого выделенного вами блока. Если вы щелкните блок абзаца, вы редактируете параметры только для этого блока . Ни другие блоки, ни сам документ не меняются.

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

Что такое блоки?

Вы уже видели, как мы упоминали блоки в этом посте, но что это такое? Блок - это отдельный настраиваемый элемент страницы или сообщения. Это может быть отдельный абзац, список, изображение или галерея. Эти блоки можно перемещать и настраивать по своему усмотрению, настраивать индивидуально и предоставлять вам детальный контроль над вашим контентом, который редактор WYSIWYG просто не может. (Если вы являетесь пользователем Divi, вы уже знакомы с этой концепцией, потому что наши модули работают одинаково.)

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

Как создать группу блоков

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

Создать группу легко. Вы просто нажимаете на блок, затем, удерживая Shift или CTRL, нажимаете на другой. Если вы хотите сгруппировать все блоки в сообщении, вы можете нажать CTRL / CMD - A, чтобы выбрать все. Затем, когда вы увидите, что значок в левом верхнем углу изменился на квадрат, состоящий из небольших блоков, вы можете щелкнуть его и выбрать « Преобразовать в группу» .

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

Блоки теперь снова будут функционировать как отдельные лица.

Что такое многоразовые блоки?

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

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

Основная надпись

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

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

Блок / область содержимого

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

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

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

Если вы посмотрите на изображения в этом разделе, то (1) указывает на кнопки изменения порядка, которые вы получаете для каждого блока, когда он выбран (просто нажмите на него, чтобы выбрать). (2) указывает на раскрывающийся список, который позволяет вам удалить блок, а также редактировать его содержимое как HTML, клонировать его или добавлять новые блоки вокруг него.

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

Структура документа, количество слов и другая информация

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

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

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

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

Вкладка параметров блока

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

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

Если выбран блок изображения, вкладка «Блок» изменится на это.

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

Вкладка "Параметры документа"

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

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

Дополнительные метабоксы постов

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

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

Раскрывающийся список параметров редактора WordPress

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

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

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

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

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

Переключатели Visual / Code Editor работают точно так же, как в редакторе TinyMCE. Примеры в этом посте до сих пор относились к визуальному редактору. То есть вы видите визуальное представление сообщения, когда пишете его. Вы получаете кнопки для нажатия, контекстные меню и отображение настроек в реальном времени по мере их изменения. Однако редактор кода - это всего лишь код. У вас будет простое текстовое поле, в котором вы будете писать обычным текстом и HTML.

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

Редактор блоков использует определенные теги HTML, чтобы сообщить WordPress, какие блоки нужно отображать, поэтому убедитесь, что вы сохранили весь код, который выглядит как <! - wp: paragraph ->, нетронутым. В противном случае все может получиться довольно запутанным.

Ярлыки глобального редактора блоков WordPress

Редактор блоков также имеет собственный набор изящных ярлыков. Они не все такие же, как TinyMCE, но они одинаково полезны и не менее важны для изучения. Сохранение самых полезных из них в памяти сэкономит вам много времени и проблем, если говорить по опыту. Вы можете нажать Shift + Alt + H, чтобы отобразить следующий список ярлыков в самом редакторе WordPress.

Ярлыки документов

• Переключение между визуальным редактором и редактором кода - Ctrl + Shift + Alt + M
• Открыть меню навигации блока - Shift + Alt + O
• Показать или скрыть боковую панель настроек - Ctrl + Shift +,
• Перейдите к следующей части редактора - Ctrl + ` или Shift + Alt + N
• Переход к предыдущей части редактора - Ctrl + Shift + ` или Shift + Alt + P
• Перейти на ближайшую панель инструментов - Alt + F10
• Сохраните изменения - Ctrl + S
• Отменить последние изменения - Ctrl + Z
• Повторить последнюю отмену - Ctrl + Shift + Z

Ярлыки выбора

• Выделите весь текст при вводе. Нажмите еще раз, чтобы выделить все блоки - Ctrl + A
• Очистить выбор - ESC

Заблокировать ярлыки

• Дублируйте выбранный блок (ы) - Ctrl + Shift + D
• Удалить выбранный блок (ы) - Shift + Alt + Z
• Вставить новый блок перед выбранным блоком (блоками) - Ctrl + Alt + T
• Вставить новый блок после выбранного блока (ов) - Ctrl + Alt + Y
• Удалить несколько выбранных блоков - del или backspace
• Измените тип блока после добавления нового абзаца - /

Текстовые ярлыки

• Сделать выделенный текст жирным - Ctrl + B
• Сделать выделенный текст курсивом - Ctrl + I
• Преобразовать выделенный текст в ссылку - Ctrl + K
• Удалить ссылку - Ctrl + Shift + K
• Подчеркнуть выделенный текст - Ctrl + U

Заключение

Редактор WordPress прошел долгий путь за последнее десятилетие, и текущий редактор блоков определенно достаточно мощный, чтобы провести нас через следующее. Благодаря возможности детального управления каждым элементом на странице вы можете создавать контент быстрее, проще и намного эффективнее, чем это было возможно раньше. Однако, если текущий редактор блоков не для вас, существует плагин Classic Editor, и если вы один из тех, кто находится в авангарде, плагин Gutenberg на несколько выпусков опережает редактор по умолчанию в ядре WordPress. Так что независимо от того, какой способ создания вы предпочитаете, WordPress поможет вам.

У вас есть какие-нибудь советы и рекомендации о редакторе WordPress? Дайте нам знать об этом в комментариях!