Как написать и добавить сообщение в WordPress

Опубликовано: 2020-03-02

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

Оглавление скрыть
  1. 1. 1. Добавьте сообщение с помощью классического редактора.
  2. 2. Шаг 1. Откройте новый редактор сообщений.
    1. 2.1. Шаг 2: напишите контент и добавьте медиа
    2. 2.2. Шаг 3. Готово к публикации сообщения
  3. 3. 2. Добавьте сообщение с помощью нового редактора Гутенберга.
    1. 3.1. Шаг 1. Добавьте и отформатируйте блок
    2. 3.2. Шаг 2. Перед публикацией сообщения
    3. 3.3. Шаг 3. Предварительный просмотр и публикация сообщения

Но сначала кого-то может смутить, в чем разница между двумя видами этих редакторов.

Классический редактор, как следует из названия, с самого начала является классической версией редактора WordPress. Имеет поля в старинном стиле и простой интерфейс.

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

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

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

новый редактор Гутенберга.

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

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

1. Добавьте сообщение с помощью классического редактора.

Шаг 1. Откройте новый редактор сообщений

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

Откройте новый редактор сообщений

Или перейдите в Личный кабинет> Опубликовать> Добавить.

Добавить новый пост с помощью классического редактора

Шаг 2: напишите контент и добавьте медиа

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

Написать контент и добавить медиа

1: Заголовок сообщения - Добавьте заголовок для вашего сообщения. Он должен быть информативным и не слишком длинным.

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

3. Инструменты редактирования - стандартные инструменты для форматирования текста, например полужирный, курсив, централизовать и т. Д.

4: Визуальная вкладка. Оставаясь на визуальной вкладке, легче просматривать текст и редактировать сообщения. Вкладка «Текст» используется для написания HTML.

5: Добавить медиа - нажмите здесь, чтобы добавить медиа для вашего сообщения.

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

Параметры экрана

Форматировать содержимое

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

Чтобы отформатировать контент, вам обязательно нужно работать с инструментами редактирования. Что касается основных функций, их совсем нетрудно использовать, поскольку они очень похожи на другие редакторы, такие как Google Doc, Microsoft Word Office. Но если вы обращаете внимание на оптимизацию SEO, вам следует чаще заниматься заголовком, гиперссылкой и стилем текста. Они не только помогают упорядочить и выделить важные части, но также позволяют поисковой машине легко находить ключевое слово вашего контента, что приводит к улучшению SEO.

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

Панель инструментов редактирования

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

отредактируйте или удалите ссылку

Добавить медиа

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

Шаг 1. Загрузите новые медиафайлы

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

Загрузить новые медиа

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

Область медиабиблиотеки

Затем выберите файлы или перетащите их со своего компьютера.

Выберите файлы или перетащите файл с компьютера

Шаг 2: Добавьте информацию для ваших медиа

Альтернативные тексты используются для описания изображения или медиа-элемента в HTML-коде. Они важны, поскольку могут помочь улучшить ваш SEO-рейтинг. Щелкните элемент и посмотрите на боковую панель справа. Здесь вы можете написать альтернативный текст, отредактировать заголовок изображения и подпись для этого единственного медиа-элемента.

Добавление информации для ваших СМИ

Шаг 3. Вставьте медиа в свое сообщение

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

Вставка медиафайлов в ваше сообщение

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

Очистить / удалить носитель

После выбора нажмите « Вставить в сообщение», чтобы добавить его в область для написания .

Вставить в сообщение, чтобы добавить в область написания

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

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

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

выбирая Удалить (кнопка X)

Встроить URL

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

В классическом редакторе вы можете вставлять любые медиафайлы из URL-адреса, например видео с Youtube, Vimeo или изображение из Imgur,… Просто выполните следующие действия: нажмите «Вставить из URL-адреса» , вставьте ссылку на эту вкладку, нажмите « Вставить в сообщение». .

Встроить URL

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

Шаг 3. Готово к публикации сообщения

Установить избранное изображение

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

Установить избранное изображение

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

Готов опубликовать пост

Теперь перейдем к деталям. Первый способ - это « Добавить медиа»> «Лучшее изображение» , выбрать изображение и, наконец, нажать кнопку « Установить избранное изображение» .

нажмите кнопку Set Featured Image

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

Кнопка "Удалить избранное изображение"

Отрывок из публикации и постоянная ссылка

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

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

Отрывок из публикации и постоянная ссылка

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

показать выдержку из руководства или отрывок из публикации в целом

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

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

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

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

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

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

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

5: Опубликовать - Нажмите, чтобы опубликовать свой пост.

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

Запланировать публикацию

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

редактор сообщений для повторного редактирования вашего сообщения

2. Добавьте сообщение с помощью нового редактора Гутенберга.

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

1: Добавить заголовок - Добавьте сюда заголовок вашего сообщения
2: Щелкните этот « + », чтобы выбрать тип используемого блока.
3: Щелкните этот « + », чтобы добавить еще один блок.

Использование нового редактора Гутенберга.

Шаг 1. Добавьте и отформатируйте блок

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

Добавить и отформатировать блок

Чтобы вставить другой блок после предыдущего, просто щелкните значок « + » в верхней части фрейма и выберите блок в списке.

выберите блок в списке

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

добавить новый блок или разбить текущий блок

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

выбранный блок

Форматирование содержимого

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

Форматирование содержимого

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

выберите Заголовок, Список, Котировки блоков

Добавить медиа

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

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

Добавить медиа

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

загрузить и выбрать изображение

Именно так вы выбираете доступное изображение (или любой мультимедийный элемент с эквивалентным блоком) из своей библиотеки WordPress.

выберите доступное изображение

Как насчет создания галереи? Эта статья поможет вам сделать это сразу.

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

выберите медиа-блок

Вставить URL

Встраивание URL-адреса стало проще. Все, что вам нужно сделать, это выбрать блок Видео, Изображение или Аудио, чтобы встроить ссылку. В этом фрейме выберите « Вставить из URL-адреса»> «Вставить URL-адрес»> «Ввод» или нажмите эту кнопку.

Вставить URL

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

встроил видео с Youtube

Шаг 2. Перед публикацией сообщения

Посмотрите на вкладку «Документ» на боковой панели, и вы увидите все разделы для настройки всего поста.

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

Перед публикацией сообщения

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

выбрать, заменить или удалить избранное изображение

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

напишите выдержку из руководства в этом пустом поле

Шаг 3. Предварительный просмотр и публикация сообщения

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

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

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

нажмите "Опубликовать"

Чтобы запланировать дату публикации публикации, щелкните дату и время рядом с надписью «Опубликовать», и вы увидите рамку. Просто выберите дату и время в календаре или заполните поля здесь. Наконец, нажмите « Расписание», чтобы завершить планирование публикации.

полная запись расписания

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

  • Как установить тему WordPress
  • Как написать и добавить сообщение в WordPress
  • Как эффективно использовать теги и категории для организации вашего сайта WordPress
  • Публикация и страница в WordPress: в чем разница?
  • Как настроить тему WordPress с помощью Customizer
  • Как установить и удалить плагин WordPress
  • Как массово отменить выбор категории для сообщений без плагина