Плагины из этой подборки не для создания финтифлюшек и различных красивостей, например, анимации или тому подобного, а для обеспечения корректной работы веб-страницы . Они понадобятся в том случае, когда становится бессильным перед поставленной задачей. Например, ели нужно автоматизировать обрезку текста по количеству символов или по высоте блока , если нужно быстро и правильно настроить типографию в адаптивном сайте , а также при мудреном выравнивании текста и т.д.
Мы в своей работе очень часто используем или использовали раньше эти плагины. Итак. К вашему вниманию 10 лучших jQuery плагинов для работы с текстом , которые помогут быстро и эффективно реализовать нестандартную дизайнерскую идею.
TextTailor - обрезка текста в зависимости от высоты блокаTextTailor - это очень полезный плагин, который поможет обрезать текст (поставить cut или ссылку «подробнее») так, чтобы он максимально заполнил контейнер, в котором находится. То есть, он позволяет обрезать текст в зависимости от высоты родительского блока и убрать все, что не поместилось, под кат. Единственное условие для корректной работы скрипта - это наличие у блока заданной высоты в фиксированном или процентном значении.TextTailor часто используется на страницах со списком статей в виде плитки, когда блоки с превью топиков расположены по несколько штук в ряд и при этом заголовки статей разного объема. Дополнительно это может усложниться, если ширина этих блоков меняется, например, в . В таких случаях, как правило, количество символов краткого описания (аннотации) грубо ограничено, и из-за того, что заголовки имеют разную высоту, в блоках получаются пустые области. TextTailor поможет обойти эту проблему и заполнит весть блок текстом .
P/S Возможно кому-то будет полезно. Когда-то мы публиковали плагин под названием flexMenu , который регулирует количество пунктов в зависимости от ширины родительского блока. Все, что не помещается, отправляется в выпадающий список. Он был с статье под названием "5 адаптивных меню для разных задач ".
Кроме всего этого, плагин выполняет и вторую, не менее важную функцию. С его помощью можно масштабировать многострочный текст в зависимости от размеров родительского блока или экрана . Все что требуется сделать - это настроить требуемые параметры, все остальное плагин сделает за вас. Он автоматически будет изменять кегель и размер шрифта относительно размера экрана пользователя для обеспечения максимально комфортного чтения.
Succinct - обрезка текста по количеству символовSuccinct - jQuery плагин, который позволяет поставить ссылку «Подробнее» или многоточие после заданного количества символов в тексте. Все что не поместилось - обрезается.По сути, это стандартный подход в обрезке текста, только средствами jQuery, а не на PHP .
Данное решение применяется в работе нечасто, но при мудреной дизайнерской задумке без него не обойтись.
Добрый день!
Начнем с самого начала на тот случай, если кто-то вообще ничего не знает о more.
Я не был на море.
– Ладно, не заливай, ни разу не был на море!
– Не довелось, не был…
– Уже постучались на небеса, накачались текиллой, буквально проводили себя в последний путь, а ты на море-то не побывал?!
– Не успел, не вышло…
– Не знал, что на небесах никуда без этого?
к/ф “Достучаться до небес”
Как добавить moreТак вот, какой фрагмент текста отображать в анонсе задается с помощью тега more . Этот тег разделяет статью на две части: вступительную (анонс) и продолжение.
В редакторе WordPress тег more можно вставить с помощью кнопки в панели инструментов.
1. Визуальный режим редактора:
2. Текстовый режим редактора:
В текстовом режиме, так же можно вручную разделить запись: просто напишите
А теперь важная информация, которую знают далеко не все!
Так вот, есть элементарный способ задавать каждой ссылке после анонса свой уникальный текст!
Сделать это можно, просто написав, нужный текст внутри конструкции с more. Вот так:
Спросите а зачем так делать? Еще прописывать каждый раз текст.
Честно говоря, сам такой =) Уже 84 статьи опубликовал, и только “расчехлился” по этому поводу.
Как изменить текст?
1. Первый – самый простой способ – это добавить ваш текст (обычно в index.php) в функцию the_content
2. Второй способ с использованием хука the_content_more_link . Просто добавьте следующий код в и задайте желаемый текст ссылки.
function my_more_link($more_link, $more_link_text) { return str_replace($more_link_text, "Продолжить чтение...", $more_link); } add_filter("the_content_more_link", "my_more_link", 10, 2);
Этот способ удобен тем, что вам не нужно искать по файлам шаблона, где именно у вас используется the_content (это не обязательно в index.php, может быть и content.php и что угодно.) Здесь вы работаете только в файле functions.php.
3. В третьем пункте просто сохраню для истории способ с использованием произвольного поля WordPress.
Вписывание текста непосредственно в , конечно же проще и понятней.
Здесь просто откорректируйте вызов функции the_content одним из двух способов.
Как убрать #more из ссылкиВ коде этот якорь устанавливается таким вот способом: