WordPress редактор текста: Текстовый визуальный редактор WordPress — плагин TinyMCE Advanced и CKEditor – Как поменять визуальный редактор записей в WordPress? Плагин TinyMCE Advanced –

Как включить стандартный редактор страниц ВП?

Как из такого редактора переключится на классический

При помощи плагина Classic Editor

Воистину, в правильно поставленном вопросе содержится бо́льшая часть ответа.

То есть получается без плагина редактировать страницы как раньше больше не получиться?

Модератор Yui

(@fierevere)

ゆい

в версии 5.0 и выше — стандартным считается редактор блоков

это нормально, когда старые возможности возвращают официальным плагином. Т.е. его не кто-то там сделал, а те же разработчики, которые занимались сопровождением компонента редактора до этого и они же будут поддерживать его как минимум до начала 2022 г.

То есть получается без плагина редактировать страницы как раньше больше не получиться?

нет, не получится

это нормально, когда старые возможности возвращают официальным плагином.

Все-таки, согласитесь, не совсем нормально, когда люди в массовом порядке не хотят пользоваться новым редактором.

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

Это не нормально, но вполне в современном тренде. И такая фигня не только в IT. O tempora, o mores! как в свое время сказал Марик Т. Цицерон.

но вполне в современном тренде.

Людям всегда не нравится все новое.
А еще больше им не нравится, когда это новое насаждается насильно, без учета их мнения.

да уж, такова наша жизнь) Спасибо всем за ответы!)

Модератор Yui

(@fierevere)

ゆい

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

Classic Editor

новое насаждается насильно, без учета их мнения.

как будто без альтернатив
Classic Editor

как будто без альтернатив

«альтернативно» — это появилась бы третья вкладка «редактор блоков», рядом с «текст» и «визуальный редактор»

а как сейчас, то да, без альтернатив в движке «искаропки»

Новый редактор WordPress как с ним работать?

Приветствую вас, дорогие друзья!

Вы уже видели новый редактор WordPress? Как он вам?

Я когда его впервые увидела, то была в ужасе 🙂 То что они решили его усовершенствовать – это конечно хорошо, но зачем же сразу так кардинально всё менять? Больше всего напряг тот факт, что теперь многие привычные, проверенные и обкатанные плагины не работают и нужно как то выкручиваться.
Второе что не понравилось – это отсутствие возможности для пользователей выбирать каким редактором они хотят открывать уже созданные ранее страницы: стандартным или новым.

Навигация по статье:

Ведь если вы создавали страницу каким-нибудь плагином для создания структуры страниц, например, то при открытии его в новом редакторе WordPress вся её структура собьётся!

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

Зачем нужен новый редактор WordPress?

Наверняка вы уже сталкивались с проблемами при попытке создать блочную структуру страниц в стандартном редакторе WordPress: часть кода удаляется, вёрстка перекашивается и так далее. Разработчики WordPress решили исправить это и внедрить в само ядро движка некое подобие визуального редактора чтобы облегчить процесс создания сложной структуры страницы.

Для этой цели они выбрали редактор Gutenberg.

новый редактор Gutenberg

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

Многие вебмастера его опробовали и оставили свои отзывы. Как видно по скриншоту оценки он получил далеко не самые высокие, но разработчиков WordPress это не остановило.

отзывы Gutenberg

И вот, начиная с версии 5.0 миру явился новый WordPress с новым редактором и целой кучей несовместимых с ним плагинов.

Как обновить WordPress и не испортить сайт?

К счастью для временного решения множества возникших проблем был создан отдельный плагин Classic Editor.

плагин Classic Editor

Как вы наверняка догадались, его основное предназначение заключается в том, что он позволяет открывать страницы и записи при помощи старого редактора, с которым работают все привычные нам плагины WordPress.

Я не понимаю, почему разработчики не внедрили сразу возможность выбора и зачем для этого ставить и настраивать отдельный плагин! Видимо была какая то причина. Если кто-то что-то об этом знает – напишите в комментариях.

После установки и активации плагина Classic Editor вы можете настроить возможность выбора каким редактором открывать страницы или записи.

Для этого:

  1. 1.Переходим в раздел «Настройки»«Написание».
  2. 2.Здесь мы можем выбрать редактор по умолчанию для всех пользователей, а так же включить возможность переключения редактора. Настройка Classic Editor
  3. 3.Задаём настройки как на скриншоте выше и нажимаем на кнопку «Сохранить изменения» внизу страницы.
  4. 4.Теперь при переходе в раздел «Страницы»«Все страницы» при наведении на название страницы вы можете увидеть 2 ссылки «Редактор блоков» (он же новый редактор Gutenberg) и «Классический редактор».

Основные элементы интерфейса нового редактора WordPress

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

Как работать в Gutenberg?

Над областью редактирования контента размещается панели инструментов, которая содержит следующие кнопки:

  • Кнопка добавления новых блоков
  • Кнопка отмены действий
  • Кнопка повтора действий
  • Информация о структуре статьи
  • Навигация по блокам.

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

Справа у нас есть панель с двумя вкладками «Документ» и «Блок» на которых мы можем задавать настройки для страницы в целом, а так же для конкретного выделенного блока.

Настройки для страницы в Gutenberg

В зависимости от выбранного блока настройки на вкладке «Блок» меняются.

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

Элементы управления Gutenberg

Более подробно обо всех этих настройках я рассказываю в видео инструкции ниже.

Видео инструкция

Напишите в комментариях что вы думаете о новом редакторе Worppress Gutenberg. Какое ваше общее впечатление? Что понравилось, а что нет?

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

Успехов вам и вашим проектам!

С уважением Юлия Гусарь

Как редактировать сайт на wordpress

Площадки на WordPress очень просто редактировать – это одна из главных причин, почему лучше разместить сайт именно на этом движке. В нем сможет разобраться каждый. Даже тот, кто раньше и не сталкивался с сайтостроением. Это не uCoz со всеми его премудростями ручного написания кода. В Wordress система управления сайтом полностью автоматизирована. Вам не придется беспокоиться, что вы не знаете, какой прописать код. Редактировать страницы вручную не понадобится!

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

Вы узнаете о всех “премудростях” редактирования страниц сайта на этом движке и быстро поймете, что этому даже можно и не учить – все очень просто. Итак, поехали!

Редактор страниц WordPress – как пользоваться

Наверняка вы уже знаете, что сайт – это целая совокупность программного кода, написанного на разных языках. И что каждая отдельная функция – это разный код. А для того, чтобы эти функции появились на сайте, программисты создают специальные инструменты, прописывая код. Все это звучит страшно и совсем не похоже на WordPress.

page-quick-edit

Ядро WordPress – это нечто уникальное, простое и неповторимое. Если вы разместите свой сайт именно на этом движке, то к коду вам практически не придется притрагиваться. А все потому, что у этой CMS-системы есть свой редактор страниц. Система управления сайтом сводится к управлению всеми процессами через обыкновенное меню, с каким справиться и юноша 12 лет, и даже 70-летний старик (если постараться).

У WordPress есть своя панель управления. Среди вебмастеров ее именуют “админкой”. Чтобы начать редактировать сайт и изменить структуру страниц, вам необходимо пройти в эту панель управления. Находится она чуть выше шапки сайта. Для входа стоит ввести логин и пароль, причем администраторские, не то не сможете вносить изменения на сайт.

Если вам необходим редактор страниц, тогда зайдите в соответственный раздел “Страницы”. Там вы увидите полный список всех доступных, уже опубликованных и личных страниц. Чтобы начать редактировать содержимое, вам необходимо нажать на один из доступных заголовков – вы перейдете во вкладку управления содержимым страницы. Внутри редактор очень похож на программу Word. Только у него еще есть всяческие дополнительные функции и кнопки. И все эти кнопки объясняются, потому вам будет просто изменять сайт и содержимое страниц.

Чтобы добавить новый текст на странице, просто начните его печатать в приведенном текстовом редакторе WordPress. Там же вы сможете изменить заголовки страниц, подправить многие функции, шрифт, выделения и прочее. В этом вы уже разберетесь самостоятельно. Теперь рассмотрим другие способы, как редактировать сайт.

Запуск редактора WordPress с определенной страницы

Это очень продуманный движок. Он рассчитан на новичков и малоопытных в сайтостроении людей, так что вы точно с ним справитесь. Необязательно, чтобы система управления сайтом открывалась именно так, как было описано в предыдущих абзацах. Вы можете сначала зайти на необходимую страницу, либо просто просматривать содержимое ресурса, и если возникнет желание что-нибудь изменить, нажмете в верхнем правом углу кнопку “Редактировать страницу”.

Учтите, что такая кнопка появится только в том случае, если вы уже авторизованы на движке. В ином случае сайт будет видеть вас как простого пользователя и не предоставит права доступа для редактирования. После нажатия на кнопку “Редактировать страницу” вы попадете в аналогичный раздел, как если бы сделали это через “админку”.

Быстрое изменение свойств страницы

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

После нажатия вы перейдете в режим быстрой редактуры страницы. Вы не сможете изменить ее содержимое, то есть текст, картинки и записи на ней, но сумеете откорректировать некоторые свойства. Например:

  • можно изменить текст заголовка, его формат, а также дату публикации и ярлыки страницы;
  • если понадобится, то сможете установить пароль на определенные страницы;
  • сумеете поменять расположение страницы в меню;
  • откроются некоторые возможности редактирования шаблона;
  • доступно отключение/включение комментариев;
  • можно менять статус страницы.

После проведенных изменений не забудьте их сохранить. Система управления не сохраняет изменения автоматически, из-за чего у многих вебмастеров случается депрессия, особенно после написания статьи в редакторе Вордпресс. Так что как только добавите новые свойства, нажмите на кнопку “Обновить”.

Как удалить страницу

В начале, еще перед публикацией своего проекта на Вордпресс, многое приходится менять. И это хорошо, что вы пытаетесь сделать содержимое своего ресурса лучше. Порой для этого приходится удалять лишние страницы. Ведь чем меньше указано разделов в меню навигации для пользователя, тем удобнее пользоваться сайтом. Так что лучше не размещайте у себя в меню больше 5-10 страниц – это навредит статистике отказов проекта. А если уже разместили, то сделайте подразделы, либо удалите ненужные страницы. Как раз процесс их удаления мы и разберем.

Чтобы удалить страницу, необходимо точно так же зайти в административную панель, введя свой логин и пароль. Далее зайдите в меню “Страницы” и нажмите на необходимый заголовок. Потом возле пункта “Опубликовать” или “Обновить” вы увидите кнопку “Удалить”. Либо не заходите в редактор содержимого, а лишь наведите курсор на заголовок страницы в списке и откроются дополнительные кнопки, в том числе и пункт “Удалить”. Нажмите на него и страница переместиться в “Корзину”. Если она снова понадобится, вы сможете ее восстановить.

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

Как установить пароль на страницу

Пароль и страницы с частным доступом – это один из популярных способов монетизации сайтов на Вордпресс. Вы сможете размещать в “запароленных” разделах площадки какую-то уникальную, полезную и редкую информацию. А за доступ к этим частям ресурса посетители будут вам платить определенную ежемесячную или даже ежедневную плату.

Возможно, установка пароля на страницу вам нужна и для других целей, но в любом случае это несложно сделать. Код доступа можно установить в том разделе, где редактируется содержимое страниц, там где можно нажать кнопку “Опубликовать”. Вы увидите специальный пункт для этого и форму для вставки пароля.

Визуальный редактор | WordPress.org Русский

Модератор Yui

(@fierevere)

ゆい

осваивайте новый редактор блоков в WordPress 5

Я пробовал гутенберг. Там тоже самое же
В редакторе гутенберг также как и в старом всё на одной линии. Но при сохранении на сайте всё иначе. И также устанавливаешь курсор перед заголовком (хочешь его опустить вниз) нажимаешь enter и ничего не происходит. Ну и тд

  • Ответ изменён 1 год, 1 месяц назад пользователем 3vgeny.
Модератор SeVlad

(@sevlad)

wp.me/3YHjQ

Визуальный редактор

О каком редакторе речь?

Ок. выравнивание картинки сделал в стилях css: для img — margin-left: -10px;
Остальное пока не знаю как
Редакторы гутенберг или TinyMCE

  • Ответ изменён 1 год, 1 месяц назад пользователем 3vgeny.
Модератор SeVlad

(@sevlad)

wp.me/3YHjQ

Редакторы … TinyMCE

Также читал что в визуальном редакторе не советуют работать.

Вы какую-то ересь читаете, чесслово.

Например если заголовок отметить тегом h5 и после этого нажать enter то он создаёт пустую строку <h5></h5>

У меня сбрасывается на «абзац».
https://streamable.com/2t941
ЧЯДНТ?

Если тебе нужно допустим 3 пустые строки, то он удаляет их.

Всё верно он делает. Пустые строки — зло. Они разрушают форматирование. Если нужны визуальные отступы — это делается стилями. Но тем не менее их можно сделать, поставив пробел в каждой строке.

А по конкретным вопросам п2.

В общем понял что нужно просто приноровиться или привыкнуть не знаю. Допустим у меня в визуальном редакторе пустые строки не видно, а на странице видно. А в текстовом редакторе они создаются <h5>пробел</h5> Что по моему мнению извращение какое то. Хотя может это лучше, чем «пустая строка» не знаю. Стилями я замучаюсь всё делать. Это можно конечно и я смогу. Но простой админ юзер сайта хотел бы всё делать в визуальном редакторе и тут большая проблема что не совпадает то что показывается в редакторе с тем что на самом деле. Можно конечно постоянно тыкать предпросмотр в гутенберг редакторе. Но просто жаль что вот так всё не четко оказалось.

Модератор SeVlad

(@sevlad)

wp.me/3YHjQ

Стилями я замучаюсь всё делать.

Стили делаются один раз.

А в текстовом редакторе они создаются <h5>пробел</h5> Что по моему мнению извращение какое то.

Почему происходит у Вас такое извращение — это ищите. Я же показал, что такого не происходит. См инструкцию по поиску виновного в пп 3-6.

простой админ юзер сайта

Вы. простите, сейчас говорите как «простой» админ или как простой юзер?
«Простой админ» — это оксюморон в принципе. И именно его задача сделать так, чтобы было удобно простому юзеру. Если не устраивает «из коробки» (большинство не испытывает «проблем», озвученных Вами).
А если Вы «простой юзер», которому что-то не удобно/не так, то у Вас есть 2 пути: научится реализовывать хотелки или нанимать специалистов. В «научится» может помочь и наш форум.

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

Во первых это не так в подавляющем большинстве случаев.
Во вторых — если для конкретных задач/условий что-то не так — задача админа сделать так, как удобно (Вот тут ещё до рождения гутенберга я показывал несколько реализаций)
В третьих это есть одна из задач гутенберга (блочного редактора). Возможно Вам просто нужно научиться с им работать. //Да, он пока ещё очень сырой и неудобен, но возможно для Вас будет проще, чем TinyMCE//
И в любом случае обязательно изучить CSS (Ваши » Стилями я замучаюсь всё делать» говорят что Вы не понимаете для чего они служат и как работают).

O

(@perdyllo)

раздражающие вещи при работе с визуальным редактором. В нём просто невозможно работать нормально

Миллион пользователей работает с этим редактором нормально. А вот миллион первому что-то не так. В связи с этим вспоминается поговорка про того танцора, которому постоянно кое-что мешает…. 🙂
С наступающим!

Я только своих стилей вручную прописал 500 строк в simple css. Можно ещё дописать конечно. Но не я буду в дальнейшем размещать контент на сайте. Сегодня нужен такой отступ, завтра другой. И кто будет в текстовом редакторе стили указывать? В визуальном редакторе это делается по ходу (редактирование). Там и не требуется каких-то особых стилей на сайте, поидее всё это должно делаться в визуальном редакторе.
Спасибо за ссылки, буду разбираться с редактором.

O

(@perdyllo)

Но как сделать допустим чтобы снизу или сверху фотки текст как бы примыкал к картинке (например указать автора фото).

Вот как-то так….
http://joxi.ru/brRzGwMtJP064r
Не догадались задать это в настройках картинки? Сразу на форум жаловаться на «плохой редактор»?

Чтобы текст по левому краю был на одной вертикальной линии с картинкой

Странно….. Почему это у меня получилось? Хоть по левому, хоть по правому…И без всяких танцев с бубном? http://joxi.ru/krDzGv3tEYRZR2

  • Ответ изменён 1 год, 1 месяц назад пользователем O.
  • Ответ изменён 1 год, 1 месяц назад пользователем O.
Модератор SeVlad

(@sevlad)

wp.me/3YHjQ

Я только своих стилей вручную прописал 500 строк в simple css.

Количество строк не говорит ни о качестве ни о правильности. А «simple css» вообще не понятно что и зачем. (Что опять как бэ намекает..)

Сегодня нужен такой отступ, завтра другой.

Это, простите, бред и ересь. Никогда так не нужно и противопоказано.

И кто будет в текстовом редакторе стили указывать?

В редакторе не указываются стили. Там могут указывать классы/id элементов, которым нужны индивидуальные стили (как напр на моём скриншоте). Вот если такое реально нужно (а это НЕ нужно в подавляющем большинстве случаев), то оно не сложно реализуется несколькими способами.

Повторяю намёк: если есть конкретные вопросы/задачи — см п2 и наверняка Вам помогут найти решения.

O

(@perdyllo)

Прописывал 2 вида кода в function.php

Я только своих стилей вручную прописал 500 строк в simple css

Извините, но это называется «Горе от ума»… Тем самым вы еще более усугубили возможные глюки вашего секретного сайта на секретной теме и возможно вызванные этой самой темой и непонятно какими плагинами.

Плагин simple custom css скачивается с ru.wordpress.org и отлично удобно всегда работал, просто добавляешь свои пользовательские стили и всё. Из файла functions.php некорректно работающие коды я естественно удаляю сразу.
Текст по левому краю картинки или по правому у меня тоже получается делать. Проблема была в том, что текст который под картинкой, уезжал влево. Проблема решена -10px в стилях на все картинки. Но не понятно почему это всё так. В редакторе на одной линии всё и без отступов. Ставишь допустим enter в редакторе ничего не происходит. Открываешь предпросмотр там уже с отступом. Хочешь текст перенести на новую строку в нужном месте, он абзац ставит (большой отступ) в текстовом редакторе enter ставишь он не реагирует ни в визуальном ни на сайте. Ну вот просто если надо легко и удобно написать например так под картинкой:
-блабла
-блабла2
-блабла3

Визуальный редактор сделает так:
-блабла

-блабла2

-блабла3
А зачем он мне абзац когда не нужен? Или я иногда хочу разместить текст сразу под картинкой без отступа. А иногда двойной отступ. То как разве удобно это делается в редакторе?

O

(@perdyllo)

Лично я использую темы (бесплатные, из оф каталога) в которых можно настраивать всё и вся. В том числе и абзацы. Например не только отступы, но даже межстрочный интервал и некоторые другие параметры http://joxi.ru/brRzGwMtJP0zEr

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

Также читал что в визуальном редакторе не советуют работать

Или еще хуже — вы создаете сайт на локальном хостинге.

  • Ответ изменён 1 год, 1 месяц назад пользователем O.

Тема framer
Просто гуглю по проблеме и там так пишут люди, что мол это что-то вроде плохого тона и спецы так не делают. Куча инфы и жалоб на это нагугливается, что редактор ведёт себя не так как люди того ожидают.
Но как я уже сейчас понял, приноровиться всё же можно к нему.
Всех с наступающим )

Редактор WordPress

Здравствуйте уважаемые начинающие веб-мастера. Продолжаем изучать Консоль WordPress

В этой статье рассмотрим инструмент, с помощью которого Вам предстоит заполнять сайт контентом, то есть — основное рабочее место.

Речь о текстовом редакторе.

Дополнение продиктованное временем

Начиная с версии 5.03 WordPress комплектуется новым редактором. Не знаю, что сподвигло разработчиков на смену редактора.

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

Эта статья про привычный добрый TinyMCE, который многие годы служил нам верой и правдой, а чтоб он остался, разработчики подстраховались и создали плагин Classic Editor, установив который мы сможем продолжить пользоваться старым редактором.

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

Итак, на WordPress установлен небольшой текстовый редактор TinyMCE.

21

Код его находится в папке «wp-includes > js», вот только лезть в него, и что-то там исправлять, я не советую потому, что поначалу, желая увеличить функционал редактора, я добавил в код несколько кнопок.

В результате этого, не каждый раз конечно, TinyMCE, при обновлении, стал терять данные, то есть пишешь-пишешь, потом нажимаешь «Обновить», и всё написанное просто исчезает.

Так, что если кому-то захочется увеличить число кнопок в панели управления редактора, то делать это нужно только при помощи плагинов.

Благо, их для редактора TinyMCE великое множество, от добавки нескольких функций, до настоящих гигантов, с панелью управления аж из пяти строк.

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

Если нужно добавить страницу, то: Консоль — Страницы — Добавить новую.

Если добавить запись, то: Консоль — Записи — Добавить новую.

Если редактировать страницу, или запись, то пройти по ссылке «Изменить» на любой странице сайта.

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

Как видите, набор функций вполне достаточный для написания текста.  Некоторые из них , я так ни разу и не использовал.

Пользоваться функциями редактора очень просто. Допустим, чтобы написать слово, или фразу шрифтом другого размера, нужно выделить написанное, нажав левую клавишу мыши и проведя курсором по написанному, затем щёлкнуть по «Абзац», и выбрать требуемый размер.

Выделенный текст приобретёт заданный размер.

Точно так же можно сделать его жирным, выделив и щёлкнув по первой кнопке, затем курсивным, щёлкнув по второй, затем, можно окрасить его в какой-нибудь цвет, выбрав его кнопкой «А«.

Затем, с новой строки, шрифт сам опять станет стандартным, и можно писать текст.

Если в изменённом участке придётся что-то исправлять, то стоит только поставить курсор на место исправления, как тут-же автоматически включаться все функции заданные для него.

«Выравнивание» выбирается в самом начале работы в редакторе, и сохраняется до следующего изменения. Но, если Вам нужно будет выровнять один абзац по другому, то выделите его, и щёлкните по иконке с нужным Вам способом выравнивания.

С новой строки автоматически вернуться прежние настройки.

Чтобы отделить анонс статьи, который будет отображен в рубрике «Новости» со ссылкой «Читать далее», нужно установить курсор после той части текста, которую Вы решили оставить для анонса, и нажать кнопку «Вставить тег «more». У меня она 12-ая в первой строке панели.

При чём, ссылка «Читать далее» в анонсе, появляется только в том случае, если размер анонса у Вас не менее 50-и слов.

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

Это всё было про работу в визуальном режиме, теперь перейдём в режим HTML. Переходить в этот режим можно лишь ознакомившись с основами HTML и CSS. И тогда возможности для творчества в редакторе многократно возрастают.

Перейдя в режим HTML, Вы увидите упрощённый код страницы. Почему упрощённый? Потому, что редактор не показывает некоторые теги, такие, например, как абзац (тег «р»), перенос строки (тег «br»), и пробел. Они как бы сами собой подразумеваются.

А вот сами Вы, при написании текста, можете вставить любой тег, и сделать с текстом всё, что Вашей душе угодно.

Также можно заключить любой кусок текста в блок «div», подключить к нему CSS, и творить с ним вообще, что угодно — задавать фон, перемещать, в любом направлении, причём делать это в таких диапазонах, которые не доступны в визуальном редакторе.

Если страница получается очень длинной, то разделить её можно при помощи тега <!—nextpage—>. Вставляется он в режиме HTML, в том месте, где Вы хотите разделить страницу.

Синтаксис тега nextpage

При этом на странице появляется навигация.

Результат применения тега nextpage

И, сколько раз этот тег Вы вставите, столько страниц будет в навигации, но не больше десяти. Потом они начинают налезать друг на друга, и нужно применять CSS, чтоб это исправить.

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

Если Вам потребуется поставить в тексте простые прямые кавычки, то нужно в HTML  режиме, вместо кавычек вставить спецсимвол &quot; .

Желаю творческих успехов.

Короткий отдых
Перемена

В чем отличие между начинающим и продвинутым пользователем:
если программа глючит, начинающий пользователь бъёт по монитору, а
продвинутый…  продвинутый — по системному блоку.

— Что дают? — Хемингуэя. — Это лучше кpимплена? — Hе знаю, пить не пpобовал.

Создаём контент < < < В раздел > > > Как сделать главную страницу в WordPress постоянной
 

Рекомендую: Бесплатные HTML шаблоны на русском от TemplateMonster

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

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

Поэтому было принято решение сделать в WordPress 2 редактора:

  1. Визуальный редактор – WYSIWYG (что вижу, то и пишу). Внешне очень напоминает MS Word.
  2. HTML редактор – редактор привычный для верстальщиков, сайтостроителей и т.д.

У визуального редактора WordPress есть как плюсы, так и минусы.

Из плюсов можно назвать разве что легкое освоение редактора и удобство пользования для начинающих юзеров.

А минусы:

  1. В нем отсутствуют достаточно полезные кнопки форматирования текста.
  2. Визуальный редактор WordPress иногда создает лишние html теги, что в свою очередь создает лишний код.
  3. Уверен, у многих возникали проблемы с нумерованными и маркированными списками, которые удавалось исправлять только в HTML редакторе.

И если с форматированием тегов и проблемами списков можно бороться только с помощью освоения HTML, то с добавлением кнопок редактирования можно разобраться с помощью плагина Ultimate TinyMCE.

Ultimate TinyMCE – расширяем функционал визуального редактора

С помощью этого практичного плагина можно добавить кнопки форматирования текста и значительно расширить возможность его стилизации.

Скачать и установить плагин для редактирования текста Ultimate TinyMCE можно либо из административной панели WordPress, либо же тут: http://wordpress.org/plugins/ultimate-tinymce/.

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

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

  1. Кнопка редактирования шрифтов – 17 штук в наличии.
  2. Изменение размера шрифта.
  3. Кнопка, позволяющая выбрать цвет фона текста.
  4. Кнопка, добавляющая горизонтальный разделитель.
  5. Верхний и нижний индекс. Особенно будет полезно статей, в которых присутствуют математические формулы.
  6. Кнопка найти, позволяет осуществить поиск по статье.
  7. Вставка даты, времени.
  8. Mailto – с помощью этого тега можно выделить электронный почтовый адрес, после чего он станет активной гиперссылкой.
  9. Новый слой – создает блок (div). Правда не совсем понятно, почему автоматом к нему прописывается position: absolute, его необходимо удалять для корректной работы.
  10. Перемещение объекта на передний или на задний план (z-index).
  11. Включение или отключение абсолютного позиционирование. Скорее всего предназначено для работы совместно с пунктом 9.
  12. Вставка тегов <span></span>.
  13. Кнопка для создания формул. Очень крутая штука для сайтов математической направленности.
  14. Шифрование и дешифрование текста. Не совсем понятно где это может пригодиться.
  15. Кнопки направления текста.
  16. Вставка изображения. Как по мне, то и стандартного WordPress медиа загрузчика хватает.
  17. Вставка параграфа с возможностью задать стиль, класс и id.
  18. Вставка тега обрыва строки (<br>).
  19. Можно добавить таблицу с достаточно большим количеством настроек: ширина, высота, выравнивание, количество строк и колонок и прочее.
  20. Добавление разнообразных смайликов.
  21. Кнопка аббревиатуры. При наведении будет высвечиваться расшифровка.
  22. Вставка акронима – то же самое что и аббревиатура.
  23. Вставка и редактирование атрибутов.
  24. Редактирование стилей – огромнейшее количество настроек, включая редактирование текста, бэкграунда, границ, списков и пр. К сожалению, на русский не переведено, но немного покопавшись можно разобраться.
  25. Расширенный редактор Html кода. Очень порадовала подсветка синтаксиса.
  26. Html5 теги. Для новичков абсолютно бесполезен, а вебмастера и без подобных штук прекрасно обходятся. Хотя, кому то это может и будет полезно.
  27. Кнопка вставки, редактирования медиафайлов (аудио, видео, iframe, flash и пр.).
  28. Добавление видео из Youtube.
  29. Вставка шорт кода – достаточно удобный инструмент.
  30. Добавление бесплатных клипартов. Очень большое количество рисунков, берется с сайта Clker.com.
  31. Расширенная кнопка добавления ссылки. Есть с чем поиграться.
  32. Добавление Div со свойством clear. Убирает обтекание объекта или текста.
  33. Разбивание статьи на страницы. Очень симпатично смотрится. Крайне полезно, если необходимо разбить большую статью.
Юрий Белоусов WordPress

Добавить комментарий

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