WordPress: добавляем контент на сайт

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

Создание новой страницы в WordPress

Полезный плагин для редактирования текста WP Edit

Как вставлять ссылки на страницы в WordPress

Как сделать якорь в WordPress

Как вставить изображение на страницу в WordPress

Как вставить HTML код на страницу в WordPress

Как вставить Яндекс карты на страницу в WordPress

Создание новой страницы в WordPress

Wordpress: добавление новой страницы

В правой колонке нажимаем «Страницы»-«Добавить новую». У вас открывается окно редактирования страницы. В целом панель форматирования и значки очень схожи с Word, так что сложностей у вас не должно возникнуть.

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

Чтобы посмотреть и при желании отредактировать HTML код странички, перейдите во вкладку «Текст».

Полезный плагин для редактирования текста WP Edit

Для расширения возможностей форматирования текста в WordPress создано большое количество вспомогательных плагинов. Мне нравится плагин WP Edit. Найдите и установите данный плагин. У вас появится окно с выбором кнопок, выберите и перетащите нужные Вам кнопки. 

Как вставлять ссылки на страницы в WordPress

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

Нажимаем на «скрепку» — Добавление ссылок

Далее переходим в «Настройки ссылки» Ссылка в WordPress: настройки

Wordpress настройки ссылки

URL — сюда вставляем адрес, куда должен перейти пользователь

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

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

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

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

В конце нажимаете «Добавить ссылку». Готово!

Как сделать якорь в WordPress

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

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

Нам понадобится кнопка добавления якоря Wordpress: делаем якорь

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

Имя якоря

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

Wordpress: добавление ссылки на якорь

Вписываем в поле имя нашего якоря и ставим перед именем значок #. Нажимаем «применить». Якорь успешно сделан!

HTML код созданного якоря выглядит следующим образом

сам якорь 

<h5><a id=»имя якоря»></a>Заголовок</h5>

Тег h5 — это заголовок 5 уровня (у вас может быть любого другого уровня. Имя якоря в кавычках — то, уникальное имя (id), которые вы присваиваете вашему якорю. Якорь ставится перед текстом заголовка, куда вы хотите, чтобы попал пользователь.

ссылка на якорь

<a href=»#имя якоря»>Текст ссылки

Как вставить изображение на страницу в WordPress

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

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

Как вставить HTML код на страницу в WordPress

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

Вариант 1. 

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

Wordpress: добавление HTML кода

Вариант 2

Если вам необходимо вставить HTML код непосредственно в текст статьи, то переходим в режим редактирования «Текст» и вставляем нужный нам HTML код.

Wordpress: добавление HTML кода на страницу

Как вставить Яндекс карты на страницу в WordPress

Алгоритм создания Яндекс карт на странице следующий.

  1. Заходим в конструктор карт Яндекса.
  2. Пишем название карты и ее краткое описание
  3. Находим нужный нам адрес на карте
  4. Нажимаем «Сохранить и продолжить»
  5. Редактируем карту, рекомендую использовать вариант «интерактивная карта»
  6. Когда вы привели карту в желаемый для вас вид, нажимаем «получить код карты»
  7. Копируем код карты JavaScript
  8. Переходим в режим редактирования страницы в WordPress «Текст» (смотри предыдущий абзац) и вставляем скопированный код

Читать далее: Как проиндексировать сайт в Yandex и Google

Пошаговое руководство по созданию своего сайта