HTML редактор WordPress

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

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

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

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

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

редактор wordpress

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

  • 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. Там можно много узнать про это слово Laughing, но только, если оно английское. Выделив слово русское, мы не получим никакой реакции.
  • закрыть теги – закрывает все открытые теги. Но поскольку никаким интеллектом HTML редактор WordPress не обладает, он все закрывающие теги помещает в том месте, где стоит курсор.
  • на весь экран – тут все понятно. Нажимаем на эту кнопку, окно разворачивается на весь экран:  пиши – не хочу! Только вот кнопки при этом с экрана исчезают.


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

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

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

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

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

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

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

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

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

 

Комментарии

  • Елена пишет:

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

    • Лена, я тоже его использую, в основном, для корректировки

      • Юлия пишет:

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

  • Галина пишет:

    Я еще только начала осваивать язык HTML, для меня любая информация в этом вопросе полезна.

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">