Автор: Алексей

Продолжение цикла записей о базовых навыках работы с сайтом на CMS WordPress. Речь в данной заметке пойдёт о добавлении и/или редактировании записей.

В предыдущей записи мы выяснили, как найти сайт Budaevs.ru и как авторизоваться на нём. Хорошо, предположим, вы вошли на сайт как зарегистрированный пользователь и хотите оставить свой авторский след на нём.

С чего начать

Сначала необходимо перейти в редактор записей WordPress. Сделать это можно несколькими способами.

1. Из панели администратора:

2. На любой другой странице сайта:

3. Ну и, наконец, функционально обеднённую версию редактора записей можно найти прямо на панели администратора (виджет «Быстрая публикация»):

Виджет «Быстрая публикация» наиболее прост в освоении — заполняем поля «Заголовок» и «Метки», пишем «Текст» и, если всё устраивает и время публикации настало, жмём «Опубликовать». Если надо, вставляем в запись медиафайлы (фотографии, например) с помощью вот этой иконки: .

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

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

Создание новой записи в редакторе WordPress

Тут всё достаточно просто. Если вы уже работали в офисных приложениях типа Microsoft Word или OpenOffice.org Writer, то не увидите ничего нового. Специально для тех, кто никогда не работал в подобных программах, чуть ниже я объясню значение и функционал основных «кнопок» редактора.

Итак, что нам необходимо сделать в первую очередь:

Думаю, с названием, рубриками и метками всё понятно. Изменение постоянной ссылки важно скорее с эстетической точки зрения — например, веб-адрес вида http://budaevs.ru/contacts выглядит гораздо лучше и правильнее http://budaevs.ru/kontakti. Если вы не понимаете, о чём я сейчас говорю, не обращайте внимания на постоянную ссылку, она сгенерируется автоматически исходя из заголовка заметки. Теперь настало время поговорить про то, каким образом и с помощью чего оформлять содержимое нашего нового материала.

О редакторе WordPress и базовой работе с текстом

Давайте более подробно рассмотрим текстовый редактор WordPress и его основной функционал:

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

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

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

Зачем это нужно? Давайте посмотрим скриншот главной страницы сайта на момент написания данной заметки:

На этом по редактированию текста пока всё. Если что-то ещё непонятно, задавайте вопросы в комментариях.

Добавляем фотографии

Здесь тоже всё достаточно просто. Ставим курсор на то место в окне редактирования, куда хотим вставить изображение, и жмём на кнопку «Загрузить/вставить «. Появится новое окно, в котором вам будет предложено выбрать источник фотографии:

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

Теперь о публикации изображений, которые уже где-то интернете есть. Допустим, я хочу разместить в своей заметке фотографию, размещённую в популярной социальной сети «ВКонтакте«. Захожу на сайт «ВКонтакте», открываю понравившуюся фотографию, жму на ней правой кнопкой мыши, выбираю «Копировать URL изображения», затем перехожу на вкладку браузера с открытым в ней редактором записей, жму кнопку «Загрузить/вставить «, выбираю «Добавить медиафайл «С сайта» (см. через один скриншот выше), а затем вставляю ссылку на фотографию из сети «ВКонтакте» в соответствующее поле URL:

Вот что у меня получилось в результате:

Фотография из ВКонтакте

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

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

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