Урок 3; Добавим и отредактируем новую запись в WordPress

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

Важно! Все редактирование сайта происходит в режиме администрирования. Чтобы приступить к добавлению и редактированию записей, входим в административную панель Word Press, используя свой логин и пароль (из письма-подтверждения о создании сайта).

Добавление новой записи

Способ 1

С помощью кнопки «Редактировать запись» в администраторской панели в верхней части сайта:

 

Способ 2

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

Находясь в консоли, в меню слева выбираем пункт Записи -> Добавить новую

 

Любая запись начинается с заголовка.

Важно! Если заголовок вашей записи содержит не более одного предложения, точка в конце не ставится.

Вставка текста

Вставлять скопированный фрагмент из интернет-источника или блокнота можно напрямую, с помощью функций «Копировать» -> «Вставить» (или клавиш CTRL+C -> CTRL+V).

Вставка из документа Microsoft Word в старых версиях редактора осуществлялась только через специальную кнопку (иначе к тексту применялись лишние стили и он начинал выглядеть некрасиво).:

 

В новых версиях редактора (4.1, 4.2) вставка текста из Word производится напрямую. Редактор сам распознает и оформляет текст, как надо, без лишних стилей. Если же вы хотите вставить текст без стилей, воспрользуйтесь кнопочкой «Т» — тогда в вашу запись вставится чистый текст без оформления.

 Стиль текста

Оформление текста очень похоже на то, что применяется в MS Word.

B — выделение жирным

I — выделение курсивом

Важно! Выделять жирным / курсивом — имеет смысл отдельные слова, к которым мы хотим привлечь внимание. Выделять жирным / курсивом целые абзацы текста «для красоты» — не рекомендуется (плохо отражается на SEO).

 

Выравнивание текста

Производится с  помощью кнопок:

 

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

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

Оформление цитаты

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

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

Маркированный / нумерованный список

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

 

Заголовки

Текст читается  лучше будучи разделенным на подзаголовки. Чтобы сделать текст заголовком, выделите его и выберите уровень заголовка из списка в панели инструментов:

 

Важно! Не выбирайте Заголовок 1 — этот уровень заголовка уже использован в названием вашей записи. Выбирайте заголовки, начиная с уровня 2 и ниже.

Важно! Не применяйте к заголовкам дополнительные стили (выделение жирным, курсив и т.п.). Если вам не нравится, как выглядят заголовки, лучше изменить тему WordPress (стиль оформления заголовков — это часть темы).

 

Оформление ссылок

Эти кнопки добавляют или убирают ссылку к выделенному тексту. Чтобы ссылка открывалась в новом окне, оставьте галочку в соответствующем чекбоксе «Открывать в новом окне/вкладке». Чтобы ссылка открывалась в том же окне, уберите галочку (считается, что так делать правильнее).

 

Вставка изображения

Изображение вставляется с помощью кнопки «Добавить медиафайл» над панелью инструментов.

Загрузка файла с компьютера

«Добавить медиафайл» -> «Загрузить файлы».

Можно указать путь к нужному файлу на вашем компьютере с помощью кнопки «Выберите файлы» или просто перетащить файл с помощью мышки.

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

При  добавлении нового изображения заполните поля:

 

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

Важно! Текст поля «Атрибут alt» наиболее значим. Не забудьте заполнить его!

 

Вставка изображения из библиотеки

Подразумевает вставку в текст ранее загруженной картинки.. «Добавить медиафайл» -> «Библиотека файлов». Выбираем нужный файл и нажимаем «Вставить в запись».

Редактирование изображения

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

 

Например, можно изменить размер уже вставленной картинки средствами WordPress. Это не самый предпочтительный способ, но все же допустимый. Изменив размер со 100%, например, на 70%, не забудьте нажать кнопку «Обновить» внизу окошка редактирования.

 

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

 

Выравнивание картинки

По умолчанию картинка выровнена слева и обтекается текстом.

Клик по кнопке «Выравнивание слева» убирает обтекание, картинка при этом остается слева. Повторный клик возвращает обтекание текстом.

Вставка видео с Youtube

Под выбранным вами роликом на Youtube выберите кнопку «Поделиться».

Затем — вкладку «HTML-код».

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

 

Полученную ссылку скопируйте.

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

Перейдите во вкладку «Визуально» и вы увидите, что видео вставлено.

«Читать далее»

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

С помощью кнопки «Читать далее»:

 

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

Просмотр изменений

Для просмотра изменений в ходе редактирования записи пользуйтесь кнопками «Сохранить» и затем «Просмотреть».

Ну и конечно, в конце не забываем «Опубликовать»!

Материалы показанные в данном уроке взяты из свободных источников сети интернет.
Все права на данный контент как мультимедийный так и текстовый принадлежат компании: ООО»СПРИНТХОСТ.РУ».

3 responses on “Урок 3; Добавим и отредактируем новую запись в WordPress

  1. Manvirov

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

  2. Kotmebelev

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

  3. via24

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

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