WordPress html редактор

20

Posted by Виктория Павловна Дончик | Posted in О блоге | Posted on 01-11-2011

Метки: ,

Редактирование html кодаWordPress html редактор

Сегодня поговорим как использовать WordPress html редактор для удаления ненужных тегов, а также рассмотрим как и где можно выполнить еще Просмотр кода элемента. Работая в WordPress столкнулась с такой проблемой:

  • написала ключевые слова,
  • выделила их специальным тегом, используя кнопку на панели форматирования в WordPress (Alt+Shift+B)
  • и обрамила текстом с двух сторон.

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

Автоматическое выделение ненужного текста

"Как выделила, так и отменю", – подумала я - и нажала на все туже кнопочку В на панели форматирования, рассчитывая, что удалю теги. Это я так сделала по старой доброй привычке, оставшейся после офисных приложений, ведь там кнопка включает и отменяет действие. А здесь это не сработало!!! Что делать? Все просто скажите Вы: переходим в просмотр кода текста в WordPress html редактор - и убираем лишние не нужные теги. Отлично. Сказано, сделано.

Лишние теги

Этот способ хорош, когда текста немного и при этом он находится у верхнего или нижнего края. Т.е. его легко обнаружить в html-коде страницы. А что делать например, если текст в середине статьи нужно подправить? Исправление текста внутри статьи

Давайте посмотрим еще один способ редактирования кода. Выделим, например, текст Автоподбор ширины Alt+Shift+B, который находится в центре статьи как создать таблицу в Word. Нажмем правую кнопку мыши (ПКМ) и выберем пункт Просмотр кода элемента.

ПКМ-Показать html код

В результате этих действий откроется окно, в котором будут видны теги форматирования, примененные к элементу Автоподбор ширины:

Редактирование html кода

Далее

  • выделяем текст Автоподбор ширины (в окне, которое открылось внизу справа)
  • нажимаем ПКМ,
  • выбираем пункт Редактировать html-код (Edit as HTML)

Удаляем теги <b> и </b>

Удаление форматирования элемента

Не забудьте потом нажать ПКМ-Word wrap. Все. С поставленной задачей справились: удалили теги WordPress для текста в центре страницы, используя ПКМ-Просмотр кода элемента.  И что особенно приятно -  не искали эти теги мучительно в html-коде. Кто-то скажет, что можно было бы открыть окно WordPress html редактор и найти элемент по поиску, нажав Ctrl-F. Да, можно.

Поиск CTRL-F текста

Поиск в WordPress html редактор работает практически также как и поиск в Word. Здесь тоже реализован принцип поиска всех слов на странице. Причем очень легко передвигаться по тексту страницы вверх или вниз для поиска нужных словосочетаний. Для реализации этого в окне поиска есть две кнопочки Вперед и Назад.

Поиск словосочетаний WP html-редактор St 52_9

Подведем итог. Сегодня мы узнали:

  • как удалить ненужные теги WordPress
  • как использовать ПКМ-Просмотр кода элемента
  • научились пользоваться поиском, нажав Ctrl-F, в окне WordPress html редактор

Вернуться на главную.

Comments (20)

Спасибо. Для меня очень актуальный материал.Буду знать.

Актуальная информация. Спасибо.

Очень нужные и полезные уроки. Что мне понравилось так это то что уроки подойдут и новичкам и опытным.

Интересный для меня комментарий. Мне кажется опытный пользователь все знает и ему нечего рассказать.

А может вы и правы! Профессионал на такие мелочи как я описала и не обращает внимание, хотя мне кажется, что эти знания очень облегчают ЖИЗНЬ в АДМИНКЕ.
Честно говоря много я разных сайтов прошла по вордпресс, но такой инфы не нашла. Надеюсь она пригодится Вам так же как и мне.

Очень полезный сайт! Надо почаще заходить)

Очень полезная полезная информация для чайников, вроде меня. Спасибо. Буду заходить.

Прочитал статью с интересом. Спасибо.

Очень надеюсь, что будете использовать эти инструменты в работе. Удачи. Благодарю за комментарий

А как убрать мета-тег noindex с сайта можете подсказать?

Очень полезная инфа, для человека который далёк от этого (например для меня) эта статья отличное подспорье в работе.

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

Будем разбираться вместе. Удачи.

очень здорово, обязательно воспользуюсь, надо вносить креатив.

Хороший и полезный материал, который изложен в простой и доступной форме. Спасибо.

Хороший и нужный редактор )

очень познавательная статья. спасибо

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

Благодарю за советы! Обязательно возьму на вооружение!

Подробненько так..
Сидела-сидела, чувствую – СКОРО разберусь)
Пойму, что и куда)
Сайт очень интересный) Сложный только для среднестата (типа меня)..
Виктория Мишка серыйMy Profile

Хороший совет! Захожу в редактор постоянно, стараюсь разбираться и удалять не нужные теги
Светлана Резьба по листьям дереваMy Profile

Write a comment