Статья посвящена новым и бывалым пользователям, в этот раз разберемся, как пользоваться, таким важным элементом панели управления WordPress, как «Добавить новую запись».

Для разгона фантазии, тут у нас нереальное количество возможностей, и в этой статье я разложу для Вас по полочкам всё, что предлагает использовать нам WordPress для написания нового материала.

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Визуальный редактор

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Еще одно уточнение: если Вы используете русифицированную версию WordPress, то ярлык создается на русском языке (это не всем нравится да и не все поисковые системы понимают такие ссылки). Чтобы избежать этого, необходимо установить плагин Rus To Lat – никаких настроек не требуется, все поменяется автоматически (правда если Ваш сайт уже давно в интернете, то опубликованному материалу придется прописать ярлыки ручками).

Сразу под заголовком идет форма для ввода контента, WordPress использует редактор TinyMCE, который позволяет работать в двух режимах: визуально (почти как Word) и HTML (используя теги HTML разметки – для тех, кто имеет больше, чем базовые знания HTML). Для удобства каждый режим оснащен разными панелями редактирования контента. Чтобы узнать больше о возможностях визуального редактора нужно всего лишь совершить два клика в очередности, как показано на скриншоте:

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Про HTML редактор скажу, что в нем есть следующие возможности:

  • сделать текст жирным, наклонным, перечеркнутым;
  • вставить блок с цитатой;
  • вставить изображение;
  • задать нумерованный, ненумерованный список и вставить неограниченное число элементов списка;
  • вставить ссылку;
  • вставить тег «Читать далее…»;
  • вставить любой код (зачастую HTML, PHP, JavaScript, CSS и др.);
  • можно воспользоваться поиском по набранному тексту;
  • можно закрыть все открытые теги;

ну и работать с редактором в полноэкранном режиме, довольно таки круто (мне очень нравится).

Работа с изображениями

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

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Добавляем изображения с другого сайта

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

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Или же добавить медиафайл из библиотеки файлов (то есть Вы допустим, когда-то загрузили какой-то медиафайл, но не вставили его в запись, то можно его добавить, перейдя в библиотеку и напротив нужного медиафайла нажать ссылку «Показать», а потом «Вставить в запись»):

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Добавляем изображение с компа

Хочу показать Вам все аспекты добавления на примере изображения, нажимаем кнопочку добавить изображения -> выбираем файл -> нажимаем загрузить

Добавить новую запись WordPress. HowToMake - дизайн и разработка сайтов

После того, как изображение загрузилось, нам предлагается:

  1. ввести заголовок (отображается, когда наводишь на картинку на сайте),
  2. ввести альтернативный текст (показывается, если картинка не загрузилась),
  3. ввести подпись (подпись под картинкой, по желанию – я не использую),
  4. ввести описание (отображается, только на странице вложения – статья о иерархии WordPress [напишу когда выйдет версии 3.3]),
  5. выбрать ссылки (я выбираю нет, а Вы можете проставить ссылку или на изображение или на статью, которой принадлежит изображение),
  6. выровнять изображение (по центру, слева, справа или без выравнивания),
  7. указать размер изображения (три типа размеров изображений WordPress формирует сам, их можно задать в Настройки -> Медиафайлы),
  8. кнопка «Вставить в запись» (добавляет загруженное изображение в Вашу статью в то место, где стоял курсор мыши и модальное окошко закрывается, лучше не спешить ее нажимать),
  9. ссылка «Использовать как миниатюру» (нажатием формируется миниатюра к Вашей статье, отображается только, если в шаблоне темы вписан нужный код),
  10. ссылка «Удалить» (используется в случае если Вы загрузили не то изображение что хотели).

Редактируем изображение

Отдельно следует упомянуть о кнопке «Редактирование» изображения

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Создаем фотогалерею

Итак, изображение добавилось и все прекрасно, но допустим, Вы хотите вставить не одно изображение, а галерею фотографий из 9 – 20 фоток, например, что тогда? Тогда мы нажимаем кнопку «загрузить изображение», выбираем все изображения, которые хотим добавить, и нажимаем «загрузить» (учтите надпись, не более 2 Мб). После того, как фотки загрузятся, нужно прописать им хотя бы заголовок и альтернативный текст, и после этого, нажать кнопочку в самом низу «Сохранить все изменения».

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Нажатие на эту кнопку перебросит Вас на, автоматически созданную, вкладку «Галерея», где Вы можете увидеть загруженные изображения и настройки галереи. В настройках Вам нужно отметить : ссылки с миниатюр – файл изображения, если же Вы заполнили описание у каждой фотки, то можно указать – страница вложения; выбрать любой критерий сортировки, не принципиально; порядок, тоже не принципиально; число столбцов (помните, что на сайте галерея отображается миниатюрами по-умолчанию их размер 150 на 150 пикселей + отступы, актуально выбрать 3, но можно и 4, и 5, и зависит это, в первую очередь, от дизайна Вашего ресурса). Устал я. Теперь нажимаем кнопку «Вставить галерею» и готово! Поздравляю Вас, с галереей закончили!

Возможности функционала

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

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Формат

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Миниатюра записи

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Автор

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Обсуждение

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Отправить обратные ссылки

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Цитата

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Ярлык

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Рубрики

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Рубрики – полезный элемент для составления структуры Вашего ресурса. В этом блоке Вы можете: 1 – указать принадлежность статьи уже существующей рубрике; 2 – создать новую рубрику; 3 – если новая рубрика не основная, а вложенная, то не забудьте указать родительскую рубрику; 4 – нажать добавить!

Метки

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

Метки – великолепный инструмент классификации Ваших статей внутри рубрик (например, у меня на блоге есть рубрика WordPress, а статьи внутри классифицированы метками: Плагины, Статьи, Сделай сам – что очень удобно). В этом блоке Вам в текстовом поле предлагается ввести 1 – новое название метки или 2 – выбрать метку из уже использующихся.

Произвольные поля

Добавить новую запись WordPress. HowToMake - Дизайн и разработка сайтов

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

Заключение

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

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


Комментарии
  1. Наталья

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

  2. Владимир

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

    Спасибо.

  3. JAH

    Владимир, нужно открыть папку с Вашей темой, найти там файл category.php (index.php, tag.php, loop.php) в нем найти вывод списка постов и заменить код < ?php the_content(); ?> на < ?php the_excerpt(); ?>

    При этом не забывайте что нужно заполнить в статьях само поле «Цитата»

    И как бонус, если этих файлов нет (в частности category.php), то нужно просто его создать и заполнить содержимым с файла index.php

  4. Natalija

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

  5. JAH

    Наталья, возможно Вы используете какието фильтры в файле functions.php или jquery скрипты которые нарушают работу скриптов админ панели

    Вы можете зарегистрироваться на рускоязычном форуме wordpress и там задать свой впорос, причем ответ получите чуток быстрей)

  6. Oksana

    У тебя тоже хороший блог, интересный.

  7. Vsevolod

    Автору за интересную информацию спасибо.

  8. Rodrick

    Wow, incredible weblog structure! How lengthy have you been blogging for? you made blogging look easy. The full look of your web site is great, as smartly as the content material!

  9. JAH

    Rodrick, thanks, I tried)