Домены

Шпаргалки для блогера ► Шаг 12-й. Знакомимся с текстовым редактором TinyMCE

Вчера я вам пообещала, что в следующей шпаргалке мы с вами попробуем опубликовать первые записи. А действительно, чего тянуть-то? Блог у нас тестовый, вот давайте и протестируем, как будут выглядеть наши посты в этом блоге. Но сначала познакомимся с текстовым редактором, в котором нам предстоит работать.

Текстовый редактор TinyMCE

Встроенный редактор TinyMCE имеет два режима — «Визуально» и «Текст».

Текстовый редактор TinyMCE, добавить запись

Текстовый редактор TinyMCE. Режим Визуально

Режим «Визуально» дает возможность работать с контентом по принципу «What You See Is What You Get: что ты видишь — то и получаешь».

Текстовый редактор TinyMCE, режим текст

Текстовый редактор TinyMCE. Режим Текст

Режим «Текст» правильнее было бы назвать «HTML-код», но раз переводчики решили дать такое название, остается только смириться и запомнить, что в режиме «Текст» у нас есть возможность работать с html-кодом.

Если вы умеете работать в каком-нибудь текстовом редакторе, то и в этом разобраться вам будет несложно, тем более, что здесь есть всплывающие подсказки. Но хочется обратить внимание на некоторые вещи, которые позволят вам быстрее освоить редактор TinyMCE.

1. У редактора TinyMCE есть дополнительная панель, которую можно показать или скрыть всего одним щелчком мыши. Можно также воспользоваться горячими клавишами. Для этого нажмите комбинацию Alt+Shift+Z

Текстовый редактор TinyMCE. Дополнительная панель

Дополнительная панель в редакторе TinyMCE.

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

Текстовый редактор TinyMCE. Полноэкранный режим

Полноэкранный режим редактора TinyMCE

Обратите внимание на подсказку: полноэкранный режим можно ввести, воспользовавшись горячими клачишами Alt+Shift+W

3. Кнопка, которая позволяет ввести тэг «more», разбив тем самым текст на две части: анонс и основную часть, нам будет нужна постоянно, не забывайте про нее!

Текстовый редактор TinyMCE. Тэг more

Текстовый редактор TinyMCE. Кнопка для тэга more

Начинающие блогеры не всегда знают о такой функции и этим тэгом не пользуются, выкладывая на главную посты полностью, без анонсов. То, что страница в этом случае становится «портянкой» и при чтении нужно постоянно будет пользоваться скроллингом, это еще полбеды. Хуже, что подобная публикация постов плодит дубли, а вот этого поисковые системы вам не простят.

В режиме «Текст» тэг можно ввести вручную, причем, вместо обезличенного «Читать далее» можно ввести свой текст с ключевыми словами, допустим, такой:

<strong><!--moreУзнать все подробности про редактор TinyMCE ...--></strong>

В результате ваш анонс будет выглядеть так:

Текстовый редактор TinyMCE. Тэг more. Как выглядит анонс

Так выглядит анонс в блоге.

В режиме «Текст» можно вставить и такой код:

<strong><!--moreУзнать все подробности про редактор TinyMCE ...--></strong><!--noteaser-->

В этом случае у вас анонс не будет дублироваться в основном тексте, то есть уникальность будет стопроцентная, ПСам это понравится 🙂

4. Не забывайте про кнопку «Убрать форматирование» — если вы скопируете текст с чужого сайта и он будет выглядеть как-то странно и непривычно или вам просто не нравится его форматирование, вспомните про эту функцию.

Текстовый редактор TinyMCE. Убрать форматирование

Как убрать форматирование

Пример 1. Так выглядит текст, скопированный с сайта 9seo.ru:

Я сталкивался с такими случаями взлома:
– тупо вставляют рекламу (тизеры, баннеры, ссылки и прочее);
– вставляют в .htacces какой-то хитрый код и, к примеру, перенаправляет мобильных юзеров;
– хитро вставляют ссылки, которые появляются только для ПС;
– заливают на сайт дорвеи;

Пример 2. Так этот же текст выглядит после того, как была использована кнопка «Убрать форматирование»:

Я сталкивался с такими случаями взлома:
– тупо вставляют рекламу (тизеры, баннеры, ссылки и прочее);
– вставляют в .htacces какой-то хитрый код и, к примеру, перенаправляет мобильных юзеров;
– хитро вставляют ссылки, которые появляются только для ПС;
– заливают на сайт дорвеи;

5. В режиме «Текст» в этой версии Вордпресса есть небольшой косяк — кнопка «Закрыть тэги» не работает. Но пусть это вас не смущает — достаточно щелкнуть на режим «Визуально», а затем на режим «Текст» и вы увидите, что все открытые тэги закрылись автоматически.

Когда эта функция может вам пригодиться? Допустим, вы скопировали откуда-то код, но не уверены, что там все тэги закрыты, особенно это чревато для тэгов <noindex></noindex> и <div></div>, которые нужно закрывать в обязательном порядке.

Так вот, с тэгом <div> проблем не будет, редактор его закроет, а вот с тэгом <noindex> такой фокус не пройдет, вместо <noindex> редактор поставит спецсимвол неразрывного пробела &nbsp;

Но это намного лучше, чем если бы тэг <noindex> остался у вас открытым. Так что не забывайте про эту фишку редактора TinyMCE.

Все остальные кнопки вам должны быть знакомы, но если что непонятно — спрашивайте.

Последнее дополнение. Некоторые плагины добавляют в панель редактора свои кнопки, что расширяет его функциональность и делает еще более удобным. Вот так, например, у меня выглядит текстовый редактор TinyMCE в админке блога «Записки сеошницы-самоучки»:

Текстовый редактор TinyMCE. Дополнительные кнопки

Текстовый редактор TinyMCE. Дополнительные кнопки

В текстовом редакторе TinyMCE мы обошли вниманием самую крупную кнопку «Добавить медиафайл». Но это будет тема для отдельной шпаргалки.

А пока — домашнее задание. Вы должны самостоятельно опубликовать какой-либо текст, вначале как запись, потом его же — как страницу. И ответить на вопрос — в чем разница, зачем в движке предусмотрены два типа публикации контента?

Всем удачи и хорошего трафика!
Елена Олейникова

 

 

Словарь блогера

Анализ сайта — комплекс мероприятий, позволяющий выявить проблемные места с точки зрения поисковой оптимизации.

Блог (англ. blog, от web log) — интернет-дневник или онлайн-дневник. Основное содержимое такого веб-сайта — регулярно добавляемые записи, содержащие текст, изображения или мультимедиа.

Блогер (блоггер) — автор блога (интернет-дневника, онлайн-дневника).

WordPress — система управления содержимым сайта (CMS или движок) с открытым исходным кодом.

Школа блогера: подписаться на рассылку

Домен и хостинг для блога

Домены
 
Поделись ссылкой, добавь в закладки:

Есть вопросы? Задавайте!

ДОБРО ПОЖАЛОВАТЬ!

Елена Олейникова - автор Школы блогера

RSS-подписка
RSS-лента Школы блогера

Введите ваш адрес электронной почты:

ВСЁ для БЛОГЕРА

Анализ блога

Проверка Траста

Домен для блога

Регистрируй домен и зарабатывай
Наш адрес не дом и не улица...
Домен на 50 процентов дешевле
Бегет: как изменить домен?
Домен для блога

Регистратор доменов

Хостинг для блога

Фото для блога

Depositphotos

Книжная полка

CMS WordPress
ВЕК ЖИВИ — ВЕК УЧИ:
СОФТ для БЛОГЕРА

Купить The Bat

Фотошоп-онлайн
Транслитераторы
Клавиатурные тренажеры
 
софт в Allsoft.ru
поиск программ
 
СТАТИСТИКА