Сегодня мы рассмотрим 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 имел преимущества перед визуальным. А какой редактор предпочитаете Вы? Поделитесь в комментариях.
На десерт – видеоролик (о ком, как Вы думаете :)):
Комментарии
Нина, спасибо за статью. Только начинаю сталкиваться с HTML редактором и то, только в тех случаях, если что-то некорректно сделаю в визуальном редакторе (автоматически заменяется стиль предложения или абзаца). В визуальном редакторе изменить не получается, тогда перехожу в HTML редактор и редактирую там. Не знаю, насколько это правильно, учусь на собственных ошибках.
Лена, я тоже его использую, в основном, для корректировки
Мне кажется такое использование HTML редактора и есть самое лучшее и удобное, а чтобы постоянно в нем писать-даже не представляю. Тем более многие блогеры свои статьи вообще пишут в ворде, а потом уже на сайте редактируют..
Я еще только начала осваивать язык HTML, для меня любая информация в этом вопросе полезна.