WordPress, Введение

Html редактор WordPress

Редактор WordPressДавайте сегодня рассмотрим html редактор WordPress, если Вы новичок в WordPress, то эта статья специально для Вас.

С учетом сказанного, этот урок намерен охватить возможности и функциональность Html редактора WordPress. Несмотря на то, что html редактор может показаться достаточно простым, есть несколько причуд и особенностей с которыми вам следует ознакомиться.

 

Используйте HTML-редактор при необходимости

Даже если вы пользуетесь визуальным редактором WordPress, то иногда Вы просто не сможете реализовать определенные вещи без использования HTML-редактора.

Наиболее распространенные функции:

  • Возможность использования шорткодов;
  • Добавление определенных стилей шрифтов, которые не доступны в визуальной панели инструментов редактора (хотя вы можете значительно увеличить функциональность Визуального редактора WordPress с помощью плагина TinyMCE Advanced );
  • Вставка кода из внешних источников;
  • Возможность вложения некоторых элементов, например – видео;
  • Удаление нежелательных тегов, вставляемых в визуальном редакторе.

Список можно продолжать до бесконечности, но это самые распространенные функции.

Особенности

Чтобы получить доступ к HTML-редактору, нажмите на ссылку “HTML” на вкладке в верхней правой части окна редактора текста в WordPress. После перехода в HTML режим будет предложен ряд кнопок:

 html редактор WordPress

Кнопки слева, скорее всего знакомы вам, в то время как кнопки, которые я обвел справа требуют некоторого объяснения. Давайте посмотрим какие HTML-теги у нас будут вставляться:

  • <strong>
  • <em>
  • <blockquote>
  • <del datetime=”currentdate”>
  • <ins datetime=”currentdate”>
  • <ul>
  • <ol>
  • <li>
  • <code>

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

Также в редакторе WordPress есть замечательная особенность – возможность использовать горячие клавиши.

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

Давайте рассмотрим более подробнее теги, обведенные прямоугольником справа.

more

Нажав на кнопку “more” в текстовом редакторе появится тег:

<! – more (подробнее) ->

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

поиск

Считаю абсолютно лишней кнопкой, которая позволяет искать любое слово в поисковой системе answers.com, скорее всего у WordPress с ними какая-то договоренность:)

Закрыть теги

Очень удобная кнопка и часто ей пользуюсь, покажу лучше на скриншотах, как она работает:

Закрыть теги

Закрыть теги

То есть эффект такой – все ваши открытые теги после нажатия на кнопку сами закроются, но если вы не перемудрили с открытыми тегами и их ней вложенностью.

На весь экран

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

Полный экран

Хотя после входа в полноэкранный режим у Вас пропадет большая часть кнопок.

 

Недостатки

Ну что же о хорошем поговорили, теперь давайте посмотрим на недостатки редактора WordPress:

Код

Редактор HTML позволяет использовать лишь определенные HTML-теги, ниже приведен список разрешенных тегов, остальные же он просто удалит:

address, a, abbr, acronym, area, article, aside, b, big, blockquote, br, caption, cite, class, code, col, del, details, dd, div, dl, dt, em, figure, figcaption, footer, font, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, img, ins, kbd, li, map, ol, p, pre, q, s, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var

Список не большой, что порой очень расстраивает.

Javascript

Вы не сможете просто вставить код JavaScript в ваш HTML редактор – разработчики WordPress считают, что такая функциональность практически не требуется.

Для того, чтобы использовать Javascript в посте или на странице, вам нужно будет поместить код в отдельный файл, а затем уже из редактора делать его вызов.

PHP

По умолчанию, редактор WordPress не позволяет выполнять PHP код. К счастью, вы можете обойти это путем установки этого плагина.

Чистый код (или его отсутствие)

Редактор HTML, так же, как и визуальный редактор далек от совершенства. Он будет вытворять странные вещи с вашим HTML кодом, который заставит вас почесать затылок или просто убиться об свой монитор:)Ну это конечно же шутка.

Это можете быть Вы:)

Хотелось бы услышать ваше мнение по поводу данного редактора, или чем вы пользуетесь больше всего?

 

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

 

Поделиться:

Похожие записи

  • В кодах нужно осторожно чтото делать, чтоб не напартатич

    • Верно подмечено Роман.

  • Я думаю, что всем блоггерам стоит изучить и знать хотя бы базовые вещи HTML и CSS

  • Поддерживаю Veleyar.

    Мне в целом хватает редактора и я как-то не задумывался, если честно, что нужно хотеть вставлять в него яву и пхп :) Хотя как-то раз пхп очень хотелось воткнуть, да

    • Базовые основы все таки будет полезно знать:)

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

  • Никогда не пишу в редакторе WordPress, тем более в развернутом режиме. 
    Очень сильно косит текст

    • А через что пишите Дмитрий?

      • Microsoft Word =)

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

  • Я прямо почти уверен, что здесь был мой комментарий о том, что мне хватает редактора WP. Как-то он исчез :(

    • Снизу же есть кнопочка – больше комментариев,стоит ограничение по выводам записей,думаю нужно расширить все-таки нужно)

  • Анатолий

    статья реально для меня написана, спасибо!
    освобожусь немного и изучу подробнее

  • Irina

    Вот то , что я искала! Делаю закладку. нужно сесть и поизучать. Спасибо!
    С праздником Светлой Пасхи!

  • Мне не нравится публиковать записи в блог из админки. Окошко для текста очень маленькое, а если вставить картинку, то совсем “не развернуться”.

    • Окошко можно растянуть Наталья.

  • Лариса

    Редактор удобен, когда все уже написано и отредактировано без него. Тогда вносишь мелкие изменения и ладно. Но вот у меня тэги н2, н3 ставятся только с изнанки. А если просто выделить текст и нажать Н2 – пол страницы будет аршинными буквами. Может, кто знает, что ему надо?

  • Максим

    У меня текстовый редактор в шаблоне поддерживает шорткоды и в HTML редакторе нужды пока нет. Раньше возникали проблемы с тем, что вставляя с ворда все шло под откос, но потом я использовал HTML и было лучше. Но со временем я начал вставлять текст через блокнот и проблемы отпали, так же как и необходимость использовать HTML редактор.

  • Pingback: Как добавить свои кнопки в HTML-редактор WordPress()

  • Ирина

    У меня проблема с редактором html. В Версии WP 3.6.1 – почему-то не работает этот редактор. Перезаливала папки wp-admin wp-include – ничего не помогла. Инспектировала плагина, отключала полностью – та же картина. Может быть что-то посоветуете?