Сегодня мы рассмотрим HTML редактор WordPress.

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

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

На вид HTML редактор WordPress простой, но, тем не менее, и тут есть свои нюансы.

Чтобы перейти в HTML редактор WordPress, нажимаем на ссылку «HTML». Мы увидим такой ряд кнопок:

Разберем каждую, какие теги будут вставляться в код статьи при ее нажатии и какова ее функция:

• p – <p> – начало абзаца. WordPress ставит его  автоматически.
• br – <br> – принудительный перенос строки. Также ставится WordPress автоматически (Ctrl+Enter).
• b – <strong> – жирный шрифт.
• i – <em> – курсив.
• link – <a href=”URL ссылки”></a> – вставка ссылки.
• b-quote – <blockquote> – вставка цитаты.
• del – <del datetime=”currentdate”> –  выделение текста, который был удален в новой версии документа. Браузеры обычно помечают такой текст как перечеркнутый.
• ins – <ins datetime=”currentdate”> – выделение текста, который был добавлен в новую версию документа. Браузеры обычно помечают такой текст как подчеркнутый.
• img – <img src=”URL изображения” alt=”…” /> – вставка изображения с атрибутом alt.
• ul – <ul> – начало маркированного списка.
• ol – <ol> – начало нумерованного списка.
• li – <li> – элемент списка.
• code – <code> – текст, заключенный в этот тег, будет оформлен особым шрифтом. Обычно используется для вставки кода.
• more – <! – more (подробнее) -> – аналогично вставке разрыва текста.
• поиск – «поиск по словарю», говорит нам всплывающая подсказка. О-о-чень интересная функция!.. Выделив слово и нажав на эту кнопку, мы попадаем на страницу американского сайта со словарем http://www.answers.com. Там можно много узнать про это слово , но только, если оно английское. Выделив слово русское, мы не получим никакой реакции.
• закрыть теги – закрывает все открытые теги. Но поскольку никаким интеллектом HTML редактор WordPress не обладает, он все закрывающие теги помещает в том месте, где стоит курсор.
• на весь экран – тут все понятно. Нажимаем на эту кнопку, окно разворачивается на весь экран:  пиши – не хочу! Только вот кнопки при этом с экрана исчезают.

Из этого списка видно, что практически все кнопки имеют свой аналог в визуальном редакторе WordPress.

Как пользоваться этими кнопками (почти всеми):

1 способ: ставим курсор в начало нужного фрагмента текста, нажимаем на соответствующую кнопку. Пишем текст или переходим к концу выделяемого фрагмента и нажимаем ту же кнопку (на ней теперь нарисован закрывающий тег: </tag>).

2 способ: выделяем нужный фрагмент, нажимаем на нужную кнопку и фрагмент получает сразу оба тега, и открывающий, и закрывающий.

Недостатки HTML редактора:

• он делает с кодом, что хочет. Ставит те теги, которые хочет, и удаляет поставленные автором статьи.
• он не позволяет вставить любые HTML-теги. Есть теги разрешенные, а запрещенные он просто удалит.
• он не позволяет вставить код JavaScript и PHP.

Эти недостатки обходятся либо установкой соответствующих плагинов, либо другими способами.

В общем, я не вижу, чтобы HTML редактор WordPress имел преимущества перед визуальным. А какой редактор предпочитаете Вы? Поделитесь в комментариях.

На десерт – видеоролик (о ком, как Вы думаете :)):

Это тоже интересно: