Как оформить статью на блоге WordPress

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

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

Оформление текста в WordPress

Итак, какие же возможности для форматирования текста предоставляет нам с вами WordPress? Я буду показывать это на примере моей статьи. Ну а вы, если хотите, создайте для экспериментов у себя тестовую запись через меню консоли «Записи → Добавить новую».
Где находится текстовый редактор WordPress

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

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

Тем не менее я детально пройдусь по всем кнопкам и элементам.

Панель инструментов WordPress

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

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

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

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

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

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

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

В WordPress также можно выровнять текст и по ширине, но разработчики по какой-то причине убрали эту кнопку из панели инструментов. Однако сама возможность осталась – для этого просто выделите текст и нажмите на клавиатуре сочетание «Shift+Alt+j».

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

Более детальные настройки скрываются за значком шестерёнки.
Как редактировать ссылку в WordPress

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

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

Вот так он выглядит в окне редактирования.
Что такое тег «Далее» в WordPress

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

Как открыть нижнюю панель инструментов в редакторе WordPressКнопка-переключатель, которая открывает нижнюю часть панели инструментов.

Нижняя часть панели инструментов WordPress

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

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

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

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

Как вставить текст в WordPress с сохранением форматированияЭта кнопка-переключатель нужна для тех, кто готовит статьи в Word’е, а потом копирует их в редактор WordPress. При выключенном состоянии (по умолчанию) текст из буфера обмена вставляется с сохранением форматирования. Но если вам по какой-то причине это не требуется, то включите данный режим – и вставляться будет только чистый текст, без форматирования.

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

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

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

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

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

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

Советую изучить их – вдруг найдёте что-то полезное для вас.

Как вставить картинку в WordPress?

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

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

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

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

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

Все настройки размещены в правой части окна.

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

Рекомендую всегда заполнять это поле – это помогает поисковым системам правильно индексировать ваши изображения.

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

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

Как вставить изображение записи?

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

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

Теперь жмите «Установить изображение записи». Откроется уже знакомое вам окно загрузки изображения.
Как задать миниатюру записи в WordPress

Загрузите подготовленную картинку, добавьте «Атрибут alt» и нажмите «Установить изображение записи». Теперь в панели «Изображения записи» должна показываться ваша картинка.
Как добавить миниатюру записи в WordPress

***

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

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

Понравилось? Расскажите друзьям!
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Антон Северный

Ленивый интроверт и блогер на полставки. Помогаю создавать и вести блоги другим. Не профи в блогинге – просто нравится этим заниматься.

Читайте также:

3
Оставить комментарий

avatar
  Подписаться  
самые новые самые старые по рейтингу
Уведомлять о
Инна
Инна

Я к нумерации в Вордпресс так и не привыкла. Пока простой список идет типа 1, 2, 3, то ничего, а вот когда цифровые подпункты начинаются… ну хоть скрин вместо текста выкладывай, потому как WP все равно его по-своему на выходе форматирует. Никак не приноровлюсь.

Александр
Александр

Движок WordPress действительно продвинутый и имеет массу преимуществ.