возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2024-02-13 в теме: WordPress c плагинами
Запросто с WordPress создание и продвижение сайтов ATs media

Как перевести на русский меню настроек плагина WP Tab Widget

Сейчас мы немного поправим плагин 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 &raquo;', '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;
}

 

 

Всё! Смотрите что получилось (если кому нежен переведённый рабочий файл плагина, пишите…).

 


 

 


подписка feedburner Online консультация по настройкам и созданию сайтов на WordPress

 

 



Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...





Нажатия на кнопочки определяют Ваше высокое гражданское сознание

Поделитесь соображениями: Ваши мысли очень важны!

Внимание! Обязательные поля помечены *

  отныне доступен плагин: ats privacy policy ©


  1. Спасибо, очень помогла Ваша статья с переводом плагина на нужный язык.

    Ответить - Марина

    • Пожалуйста-а, Марина!
      Только вот плагин требует систематического внимания и несколько тяжеловат…
      Без излишних плагинов нИ пробовали работать..? ))

      Ответить - Михаил

  2. После проделанного виджет вовсе не отображается на странице ((

    Ответить - Ева

    • Здравствуйте Ева! Вероятно, где-то допустили ошибку в правке.
      Мы же никакого лишнего кода в плагин не пихаем, чтобы могло что-то конфликтовать – “слететь” и виджет перестал работать.
      Мы банально, заменяем аглицкие строки на свой язык, и всего делов…
      Может, где-то кавычки подтёрли)) Переводите по шагам, а не всё сразу… (тестируйте)

      Да и к тому же, правка кода плагина не есть хороший вариант ! затрётся всё, коли обновите его…

      Ответить - Михаил

      • Если я правильно понимаю, надо исправить только слова, которые начинаются с большой буквы, и заменить ‘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, знаете как?
              Однако важно !! очистите кэш браузера (ну и коли пользуетесь плагином, то и – кэш плагина удалите))

              Ответить - Михаил