Intereting Posts
Пагинация на index.php не работает на первой странице Как называется страница с одной категорией и как она узнает, какие сообщения показывать? Добавление `post_author` в php Код вставки в заголовок моего шаблона Post-thumbnail только для определенных пост-типов? Требуемая ошибка проверки в поле пользовательского контроля woocommerce, которое не отображается на экране Скрипт AWS Есть ли лучший способ перечислить все термины базы данных в алфавитном порядке? Как отключить диалоговое окно предупреждения контента для зарегистрированных пользователей Использование оператора switch в WordPress Этика вопрос: что квалифицируется как вилка? Получить текущего пользователя, изменить статус публикации для публикации Меню WordPress: как сделать www.link.com/#name никогда не будет содержать текущий_страница? Скрыть div для подписчиков (роль пользователя) на одной странице (is_page) Как реализовать пользователей пользовательских типов сообщений

Как добавить стиль в строку текста на веб-сайте WordPress?

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

Сразу же я подумал о плагине SEO Smart Links , который автоматически связывает строку текста. Есть ли что-нибудь подобное для применения стилей или классов к строке текста?

ИЛИ предложение другого метода для выполнения этой задачи?

Solutions Collecting From Web of "Как добавить стиль в строку текста на веб-сайте WordPress?"

Если это чисто для установки стиля текста, вы можете использовать JavaScript / jQuery. Вот быстрый пример, который заменит все экземпляры «ipsum» на

<span class="red">ipsum</span> 

И полный код:

 // Find text in descendents of an element, in reverse document order // pattern must be a regexp with global flag // function findText(element, pattern, callback) { for (var childi= element.childNodes.length; childi-->0;) { var child= element.childNodes[childi]; if (child.nodeType==1) { findText(child, pattern, callback); } else if (child.nodeType==3) { var matches= []; var match; while (match= pattern.exec(child.data)) matches.push(match); for (var i= matches.length; i-->0;) callback.call(window, child, matches[i]); } } } findText(document.body, /ipsum/g, function(node, match) { var span= document.createElement('span'); span.className= 'red'; node.splitText(match.index + 5); // +5 is the length of the string to replace span.appendChild(node.splitText(match.index)); node.parentNode.insertBefore(span, node.nextSibling); }); 

Скрипки:

http://jsfiddle.net/QH5nG/5/

Замените текстовый код, найденный здесь:

https://stackoverflow.com/questions/1501007/how-can-i-use-jquery-to-style-parts-of-all-instances-of-a-specific-word#answer-1501213

Поиск RegEx – хороший плагин для поиска и замены Grep через все сообщения и страницы. Таким образом, вы можете добавить класс CSS в текст и в любом случае создать стиль, не требуя накладных расходов или сложности jQuery.