Многие начинающие блогеры задаются вопросами: как убрать в анонсах статей непонятные скобки и точки в завершении?? …как убрать эти надоевшее англицкое «Continue reading», которое выставляет редактор того же Вордпресс, если мы решаем сделать произвольный анонс статьи с помощью тега «more»?
Как заменить скобки […] в анонсах WordPress на читать далее
В самом деле, настройки WordPress по умолчанию (особливо относительно русскоязычного админа)), бывают не совсем корректны и красивы. Но это только на первый и неопытный взгляд. В действительности же, эта машина WordPress обладает огромными возможностями. Есть и ещё удобная машинка MaxSiteCMS, которая (при начальной установке) содержит в себе все необходимые атрибуты для начинающего web-мастера. Но это так, к слову.
Что ж, начнём! И все эти несимпатичные нашему глазу «Continue reading» и скобки […]
поубираем напрочь. Это довольно просто, если обладать хотя бы начальными знаниями работы с HTML.
Как убрать квадратные скобки и точки из анонса статьи
Есть два способа, выбирайте сами. Первый:
Для этого вам нужно будет в ваших записях вставлять цитаты. Как это!? Просто. И если они у вас отключены, то просто – нужно их включить. Зайдите на страничку редакции вашей записи. Далее жмите на «Настройки экрана» вверху справа, как на фото.
…теперь
фото
…ниже…
И там, в чекбоксе, ставим галочку на «Цитаты».
Теперь у вас, при редактировании записи, снизу от формы поста, появится ещё одно подменю «Цитаты»: Фото.
И вот в этом-то подменю и пишите всё, что считаете нужным. А весь этот процитированный вами текст и выведется в анонсе. Но скобок уже не будет.
как убрать Continue reading и прочее используя файл functions.php
И второй, он мне более по душе: но тут будет необходимо кое-что добавить в скрипт файла functions.php
.
ПАМЯТКА:
…напоминаю всякий раз: заведите какой-то документ «запоминалку» всех совершаемых эксов с блогом. Копируйте редактируемые файлы. Пригодится!
Поверьте: так короче до профессионализма, ибо возможность переварки накопленных крупиц знаний в кашу маловероятна!
Итак, как я и говорил, что убрать скобки из анонсов статей довольно просто: заходим в консоль, кликаем «Внешний вид» затем «Редактор» и отыскиваем файл functions.php
. Нашли?
…проматываем его в самый конец и находим закрывающий тег ?>
. Теперь, осторожно устанавливаем курсор перед этим значком, и клавишей «Пробел» щёлкаем несколько отступлений вниз. Чтоб тег опустился сантиметра на три ниже от верхних примеров. Это для того, чтобы не спутаться… когда через какое-то время решите эту надпись заменить.
Так.
Отступили? … теперь копируем нижний код (функцию) и переносим в свой документ functions.php.
Делается это так: устанавливаете курсор прямо перед закрывающим тегом ?>
и ПРОПИСЫВАЕТЕ скопированную функцию.
Проверяете всё и сохраняете…
// меняем текст читать далее
function custom_excerpt_length( $length ) {
return 50;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
function new_excerpt_more( $more ) {
return '... ДАЛЕЕ, ЧИТАТЬ ПО ССЫЛКЕ ВЫШЕ... ';
}
add_filter('excerpt_more', 'new_excerpt_more');
Как только сохраните, идите в ваш текстовый редактор WordPress и проверьте работу, создав новую запись.
Потом откройте «Рубрики» и посмотрите. Если нигде не ошиблись, то в финале анонса должна получится ваша произвольная надпись.
Ах, да! Мы совсем забыли, что нужно было поменять мой текст на ваш! Но это не беда. Меняйте на своё усмотрение.
как раскрасить тег more Читать далее в различные цвета соответственно дизайну сайта
Ну, что!? …думаю, нужно как-то нашу записку “Читать” усовершенствовать. А именно выполним её каким-то иным цветом. Пример выше: (в 7 строке)
– просто копируете показанный ниже пример и вставляете на место 7-й строки между апострофами /одинарными кавычками/ (старую стираете).
return '...<font color="#DB0000"><i> ДАЛЕЕ, ЧИТАТЬ ПО ССЫЛКЕ ВЫШЕ...))</i></font>...';
Разберёмся немного: <font color="#DB0000">
– это у нас, уверен, догадались – кодировка цвета.
<i>
– это тег “текст КУРСИВОМ” (наклон строк).
Ну и завершение: закрывающие теги </i></font>
…
В скобках обязан сказать: пример с заменой цвета – не совсем правильный, это я показал для вашего ознакомления c трансформацией языков html и CSS. Теперь подобные font color выражения лучше не использовать в файлах функций html и т.п. да и разметке вообще… Но об этом в следующих статьях:
Внимание !! нынче заместо тегов <font color="#DB0000"> текст </font>
– нужно использовать такие <span></span>
или <span style="свойство"></span>
– и в качестве обучения, попробуйте в показанных кодах всё заменить на нужные теги сами.
Online консультация по настройкам и созданию сайтов на WordPress
А пока – вот пример, если решите не ИСПОЛЬЗОВАТЬ файл стилей (то есть не заморачиваться на div-классах, селекторах и т.п) – можно прописать непосредственно в код html – большой ошибки не будет.
<span style="color: #DB0000;"><i>Самое сладкое далее...))</i></span>
И всё же в финале концерта настоятельно напоминаю и докладываю, – правильнее для всевозможных улучшений валидности и СКОРОСТЕЙ ЗАГРУЗКИ САЙТА в реализации цветовых и т.п. стилевых улучшалок использовать возможности ФАЙЛА CSS style.css
Т.е обернуть нашу фразу “Читать далее” в div класс (или тот же span) и их значения отправить куда следует – потренируйтесь, стоит только вернуться к статье Shortcode (шорткоды) WordPress и внимательно рассмотреть поподробнее представленные в тексте примеры. Там всё очень просто.
…но если не получится, спрашивайте, разберёмся.
Ну-у – всё!
Как убрать квадратные скобки и точки в анонсах статей в разделах рубрик или тегов
вы теперь знаете!
Занавес падает, а из-за кулис доносится:
…В следующей статье рассмотрим, как изменить английское Continue reading.
И ещё: рекомендую прочесть мои статьи по НАСТРОЙКЕ текстового редактора WordPress…
Добавляем свои кнопки в визуальный редактор WordPress
mihalica.ru !
Доброго времени суток – респект автору кода – работает
Успеха и большого трафа
И Вам доброго времени, успеха и, как вы говорите, трафа)
Спасибо! Квадратные скобки […] убрали, а как увеличить Анонс, хотя бы на 2 строки. С уважением а Вам Ахмад.
Привет, Ахмед!
Вариантов много… Посмотрите, начиная с поста по the_excerpt() – решите задачу.