Как выровнять размер шрифта виджета облака меток

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

Ибо начальные возможности cms вордпресс несколько не симптичны!

Что ж, поправим эту закавыку и реализуем симпатичное же управление виджетом “облака меток” tagcloud – подстроим его отображение в сайдбаре иле футере…

Задаём размер шрифта тегов виджета и делаем его более симпатичным

Меточная навигация, или навигация тегами, – на мой взгляд стоящий подход владельца сайта к  ведению блога. Это полезный и удобный инструмент как для пользователей, так и для поисковиков. Хотя всё ещё многие продолжают спорить о выгоде тегов: одни говорят, это рассадник дублей, – другие, напротив, относятся с симпатией.

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

Другое дело, если всё не организованно в техническом плане.

Ну и пусть говорят. …ибо не ведают, что говорят… Да это, в общем, говорят и не SEOшники, а бегцы за каждой единицей посетителя. Как говорил дядя Ешта: “…барыги…”

Ну, ладно!

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

…приступим:

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

Далее, напоминаю о целесообразности бекапа (или отдельного документа) решайте. Сегодня мы правим (если так можно сказать) ядро машинки WordPress. А также определитесь с вариантом редакции файлов: либо тут же в Ф.М либо переносите куда-то в Notepad++

И, конечно же, говорю всякий раз: заведите какой-то документ «запоминалку» всех совершаемых эксов с блогом. Пригодится.

1 – способ. НЕ очень правильный

Открываем главную папку вашего сайта (корень).

…ваш_сайт.ru/

Там нам потребуется подпапка wp-includes – открываем… ищем такой документ (или файл, как угодно) category-template.php и его открываем. Путь: ваш_сайт.ru/wp-includes/category-template.php

Проматываем его примерно до серёдки и отыскиваем строки 642-647

Вот как бы и всё!

…и пожалуй только замечу о нашей сегодняшней цели настройки tagcloud: как сделать в виджете “облако меток” одинаковый размер шрифта всех тегов независимым от количества статей относительно другого?

Обратите внимание на строки примерно 644 –

'smallest' => 10, 'largest' => 11, 'unit' => 'pt', 'number' => 45,

smallest – минимальный размер тэга, и largest – наибольшая величина. На фото выше, я уже подставил нужные мне значения (минимальный “развал”) от 10 до 11.

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

Ну а теперь простенький код CSS, который вы пропишите в финал своего файла стилей – путь: …ВАШ_ДОМЕН/wp-content/themes/имя_шаблона/style.css

.tagcloud{
font-style:italic;/*наклонный текст*/
padding:5px; /*внутренние отступы шрифта от внешних границ виджета*/
}

Естественно, можете добавлять какие-то свои свойства… Я дал селектор максимально приближенный к  дефолтному (“родным” свойствам шаблона).

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

И тогда на душе будет спокойно…

2- способ: Правильный!

Но… напоследок, для пущего спокою, предлагаю способ, который выполняется посредством ХАКа в файле шаблона functions.php

Открываем файл функций, путь таков:

ВАШ_ДОМЕН/wp-content/themes/имя_шаблона/ … functions.php

…и прописываем следующий код: прописывать так – в самом конце документа перед тегом ?>

// выравниваем текст МЕТОК
add_filter('widget_tag_cloud_args','set_tag_cloud_args');
function set_tag_cloud_args( $args ) {
$args['number'] = 45;
$args['largest'] = 12;
$args['smallest'] = 12;
$args['unit'] = 'px';
return $args;
}

Всю эту редакцию сохраняем!

Далее также желательно открыть файл стилей – style.css …и поправить под свой шаблон шрифт и т.п. этих самых меток или тегов (кому как угодно)

Вот приблизительный код…

.tagcloud{
font-style:italic;
text-align:center;
padding:9px;
margin: 7px 0px 7px 0px; /*...тем у кого не заданы css свойства виджетов*/
}

Ну, и как обещал, – вот шифровка функций тегов  Алекс – Юстату

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

****

<?php
  $args = array(
    'smallest' => 10, // самый маленький размер шрифта меток
    'largest'  => 22, // максимальный размер меток
    'unit' => 'pt', // в чем задавать размер шрифта: em, px, pt ...
    'number' => 45, // показывать не более 45 значений: можно задать и 10, и 26...
    'format' => 'flat', // в виде облака, также доступен список (list) и php-массив (array)
    'separator' => "\n", // как отделить друг от друга метками
    'orderby'  => 'name', // выборка по имени, но можно по количеству: count
    'order' => 'RAND',  // сортировка: случайная ...и возможны вызовы ASC и DESC
    'exclude' => null, // ничего по ID исключать не станем
    'include' => null, // как и принудительно включать
    'topic_count_text_callback' => default_topic_count_text, // вплывающие подсказки количества записей "в теге"
    'link' => 'view', // ссылка на просмотр, а на редактирование ставьте edit
    'taxonomy' => 'post_tag',  // источник: метки, но и возможны category и пользовательские варианты таксономии
    'echo' => true // вывести или нет, в данном случае вывести. Или возможно false
  ); 
?>

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

А вот так можно оформить ссылки сайта визуальными иконками: