Сейчас мы немного поправим плагин WP Tab Widget. А именно переведём его несколько вкладок на русский язык, чтобы работать с ним стало легче, не только владельцу сайта, но и гостям блога.
Сам плагин достаточно неплохая примочка к вашему сайту, а особенно для тех, кто заботится о комфорте посетителя и удобстве поданной ему информации.
WP Tab – переводим меню плагина на русский язык
Ну, что можно сказать ещё… механика плагина Tab Widget выполнена по технологии AJAXified. Плюс — неплохое решение способа загрузки компонентов, если говорить просто — он грузится частями, по требованию пользователя и только тогда, когда тот кликнет на определённую вкладку (таб). А это значит, что он достаточно лёгкий, — это важно! …причём, вам не придётся лезть в ядро сайта и править код для реализации какого-то подобного расширения.
Плагин невероятно полезен тогда, когда места в сайдбаре становится всё меньше, а инфы всё больше – выручает технология табов. Табы — это вкладки. Отсюда и название плагина. Один плагин, но четыре виджета… Полезно! В одном виджете вы можете вывести: читаемые статьи… недавние записи… последние комментарии… и метки сайта. Также вы можете выводить миниатюры записей блога и аватарки их комментаторов, к которым в дальнейшем можно будет прикрепить «ТОПкомментаторов». Но об этом в следующей статье. А пока займёмся переводом.
Работу плагина можете посмотреть у меня на сайте. (технические настройки на фото, кликайте))
Ещё, — внутренние настройки я переводил не все, там и так интуитивно ясно… но, при желании, можно перевести полностью!
Вам потребуется Нотепад++ когда станем править код, на его примере нам будет легче отыскать нужные строчки. …как его настроить читайте … Настройка Notepad++ А в общем кто как привык. Я правлю прямо на хостинге. Поехали…
Если плагин у вас уже установлен, открываем его паку с документами (если нет, то заходим в консоль – плагины – добавить новый – вписываем в поиск название и загружаем соответственно правилам). …итак, открываем его функциональную папку. Ищем документ wp-tab-widget.php – открываем в Notepad++ Я здесь и станем работать: (перед началом работ, скопируйте, на всякий мухоморный, редактируемые файлы)
В нём отыскиваем строки с 79 по 91:
<?php _e( 'Popular Tab', 'mts_wpt'); ?>
и т.п – и меняем слово перед «таб» на то, которое вам симпатично. Всё это повторяем и в последующих строках. Это мы с вами переведём внутреннее меню.
Далее ищем строчки 102 – 114 , это Таб ордр. Тоже внутреннее меню.
<?php _e('Popular', 'mts_wpt'); ?>
– в ней так же как и в первом случае всё методично заменяем. И напоследок переведём «размер аватарки» – это строки 155 – 156
<option value="small" <?php selected($thumb_size, 'small', true); ?>><?php _e('Small', 'mts_wpt'); ?>
– меняем …
С внутренним меню закончили. Переходим к основному: ищем строчки
$available_tabs = array('popular' => __('Popular', 'mts_wpt'),
'recent' => __('Recent', 'mts_wpt'),
'comments' => __('Comments', 'mts_wpt'),
'tags' => __('Tags', 'mts_wpt'));
– ту тоже заменяем аглицкие слова на русские, более симпатичные и понятные. Это основное сайтовое окно.
И, как вы догадались, теперь заменим словцо — Next – строка 520
<a href="#" class="next"><span><?php _e('Next »', 'mts_wpt'); ?></span></a>
Всё! Всё оказалось просто.
Да, и ещё, кому интересно, чуть-чуть поменяем CSS – а именно поправим код, чтоб сделать отзывчивое цветом меню, при «касании» курсора.
Открываем файл wp-tab-widget.css – строки – 18. 83. 87. В селекторе строки 18 комментируем свойство цвета ( 444 ) ТЕКСТА в виджете (знаете как)) /**/
.wpt_widget_content a {
color: #444;
}
Строку 83 (В ДОКУМЕНТЕ ПЛАГИНА)
.wpt_widget_content .tab-content li {
list-style-type: none;
float: left;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 11px 0;
padding: 0px 15px 15px 15px;
border-bottom: 1px solid #E4E4E4;
text-align: left;
color: #444;
background: none; /* !!!!!!!!!!!!! */
position: relative;
}
(строки могут немного отличаться, так что вникайте в принцип и ищите) тоже можно закомментировать. Впрочем, смотрите сами, кому как и что удобнее – можете экспериментировать и подстраивать под свою тему. Это строка отвечает за декоративную отделку (если ваша тема имеет соответствующие картинки)
Теперь главное: код-css, который я привожу ниже – скопируйте и просто добавьте, например, между строк 67 и 68. Сделайте меж ними отступ и смело прописывайте на освободившееся место. *ok*
.wpt_widget_content .tab_title a:hover {
background: #fff; /*это белый цвет меню при прикосновении*/
border-bottom: 1px solid #fff;
}
Всё! Смотрите что получилось (если кому нежен переведённый рабочий файл плагина, пишите…).
Online консультация по настройкам и созданию сайтов на WordPress
Спасибо, очень помогла Ваша статья с переводом плагина на нужный язык.
Пожалуйста-а, Марина!
Только вот плагин требует систематического внимания и несколько тяжеловат…
Без излишних плагинов нИ пробовали работать..? ))
После проделанного виджет вовсе не отображается на странице ((
Здравствуйте Ева! Вероятно, где-то допустили ошибку в правке.
Мы же никакого лишнего кода в плагин не пихаем, чтобы могло что-то конфликтовать – “слететь” и виджет перестал работать.
Мы банально, заменяем аглицкие строки на свой язык, и всего делов…
Может, где-то кавычки подтёрли)) Переводите по шагам, а не всё сразу… (тестируйте)
Да и к тому же, правка кода плагина не есть хороший вариант ! затрётся всё, коли обновите его…
Если я правильно понимаю, надо исправить только слова, которые начинаются с большой буквы, и заменить ‘wp-tab-widget’ на ‘mts_wpt’? Но после проделанного вместо слов появляются черные ромбики со знаками вопроса(( Может, ли сама тема конфликтовать с этим плагином? Я дополнительно перевела файлы в папке language и назвала mts_wpt-pt_RU.po/mo как рекомендуют на сайте WordPress, но по-прежнему ничего не работает. Пожалуйста, помогите!
Правильно поняли, всё что с большой Буквы))
Однако: если правите в Нотепад++, то он должен быть настроен
UTF-8 без метки BOM
– это важно (касаемо всяких коозабзюк и значков вопросов))!Здесь и ПОДОБНОМ
<?php _e( 'Popular Tab', 'mts_wpt'); ?>
Вам нужно перевести (заменить) только ‘Popular Tab’ на ‘Популярные’… например – (эта строка относится к переводу меню виджета (в консоли управы)…. mts_wpt не трогать.Если Вам нужно перевести то, что отображается непосредственно на сайте, переводите в массиве $available_tabs (в статье расписано).
Папки перевода language лучше пока не трогайте.
Может, но мало вероятно!
Относительно этого вопроса не понял
‘wp-tab-widget’ на ‘mts_wpt’
– ничего не меняйте!p/s Селекторы CSS (плагина) можно перенести в свой шаблон.
Вы правильно поступаете, что спрашиваете… и если что не понятно ещё, задавайте вопросы.
Это просто чудо какое-то! Всего-то лишь этот несчастный формат, а я тут каким богам только не молилась! Спасибо большое, Михаил!)))
Только вот теперь почему-то в CSS ничего не меняется О_о Ставлю такой же UTF-8 без BOM, но цвета и размеры шрифтов не меняются.
Ева, и CSS замечательно регулируется. Пробуйте прямо в инструментах разработчика браузера тестировать и подбирать варианты color, знаете как?
Однако важно !! очистите кэш браузера (ну и коли пользуетесь плагином, то и – кэш плагина удалите))