Метка: lj-cut

Борьба с тегом “more” с помощью шорткода “спойлер”

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

Как я уже не раз отмечал (например, здесь и здесь), по сравнению с жж-шным тегом “lj-cut” вордпрессный тег “more” работает более грубо, приводя среди прочего к лишней перезагрузке отображаемой страницы.

И вот среди шорткодов я увидел вариант со вставкой “спойлера”. Вставляю его.

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

Получилось? А теперь проверим инструмент при работе с двумя абзацами, чтобы заодно оценить сохранение типового интервала между параграфами. Жмём.

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


А вот и второй абзац. Здесь и вовсе писать ничего не планировалось, потому что я решил испытать устроить второе испытание чисто в процессе создания заметки. Ну и… мммм, интервалы, конечно, спорные, но ситуация приемлема.

Вордпресс. Использование тега “more” вместе с Разделителем

Я уже упоминал, что в Вордпрессе тег “more” является более грубым инструментом по сравнению жж-шным тегом “lj-cut”. Конкретные неудобства такие:

  1. “Lj-cut” можно вставить несколько раз в один текст и настроить хитрую схему сжатия-разжатия контента. Здесь же один пост – один тег. Режим сугубо для формата “анонс-остальное”. Это не так уж и плохо, но в любом случае – не гибко.
  2. При активации тега происходит открытие отдельной страницы самого поста вместо разжатия текста там же, где был пользователь (на главной странице блога). Это уже вообще не особенно удобно.
  3. Совсем печально то, что вот написал первый абзац, вставил тег more (по умолчанию читатель видит ссылку “читать далее”, которую можно нажать), написал пару следующих абзацев, опубликовал. Читатель жмёт по ссылке, но отображаемый для него текст начинается вовсе не с начала следующего абзаца, а скорее даже с его конца или начала следующего. То есть часть контента по сути просто пропадает!

Ну и что я придумал? Порылся в функционале редактора текстов (про него как-нибудь тоже напишу) и нашёл т.н. “Разделитель”. Это средство разметки, которое отделяет блоки контента в публикации. Визуально виден в виде эдакой полоски. Например, в заметке про выбор домена для блога, в самом верху. Сочетание тега “more” и затем Разделителя позволяет после перехода на страницу записи продолжить чтение именно с заданной части текста. То “проскальзывание”, которое делает тег “more” сам по себе как раз и “съедается” Разделителем. С этим уже можно работать.

Результат использования разделяющего тега

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

С одной-то стороны, главную функцию он выполняет. Пространство главной ленты с постами экономится, и если публикация большая, то отделитель вполне допустим. Посетитель видит только заголовок и какие-то первые фразы, вполне нормальный вариант.

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

Так что текущий вердикт – слишком дубовый инструмент. Использовать его в данном виде не слишком разумно. Либо вовсе без делителей писать, либо поискать какие-то альтернативы. Поищу.

Пост для проверки отсекающего тега

В Живом Журнале есть одна из наиболее фундаментальных опций – тег lj cut. Одни её ненавидят, другие, напротив, активно используют. Известный блогер Артёмий Лебедев, например, посылает желающих “ката” далеко и напрочь. 

Так в чём же суть этого тега?

Узнать суть