Русифицирование кнопок на сайте

Миниатюра

В прошлой статье мы с вами вставили ссылку на скачивание файла из директории сайта. В статье данная кнопка отображается с английским текстом «Download» (Скачать). Я попытался исправить данное недоразумение, раз уж автор плагина до конца не перевел его на русский язык.

Добрый день, уважаемые читатели нашего блога!

В прошлой статье я рассказал вам, как Раздавать файлы на сайте, сделанном на движке WordPress с помощью популярного плагина Wp-Filebase.

Плагин хорош, но есть у него несколько серьезных косяков:

  • ЧАСТИЧНО переведен на русский язык, да так, что на одной странице настроек в Админке, наименования вкладок идут на 2 языках (русский, английский)
  • В некоторых иконках Английский текст встроен в изображение, таким образом необходимо переделывать сами иконки для правильного отображения кнопок на сайте, на котором Админ хочет видеть ТОЛЬКО русский текст.

В прошлой статье мы с вами вставили ссылку на скачивание файла из директории сайта. В статье данная кнопка отображается с английским текстом «Download» (Скачать). Я попытался исправить данное недоразумение, коли автор плагина до конца не перевел его на русский язык.

Хочу предупредить читателей, что при написании статьи я был абсолютно незнаком с плагином, а также не знал что слово «Download» встроено в картинку иконки. Я начал поиск с другой стороны (в коде и настройках плагина). Тем не менее, хочу вам представить обычный алгоритм русификации плагинов, широко применяемый веб-мастерами. Его можно упростить (), если знать где искать.

ИТАК, начнем!

1. Англоязычная кнопка на сайте

1. Англоязычная кнопка на сайте. Вот так выглядела кнопка («Download») ДО изменений.

2. Редактор кода шаблона

2. Редактор кода шаблона. Если вы уверены что кнопка вызывается кодом шаблона (встроена в шаблон, появляется когда вы активируете шаблон и т.п.) то смело открывайте Редактор шаблонов и ищите слово «Download» в коде (нажимаем Ctrl-F, вверху-справа открывается поле — в нем вводим слово и нажимаем поиск)

Причем слово надо искать в коде каждого из файлов шаблона (те, что справа от окна с кодом). Если вы точно знаете в каком модуле он может быть — заходите в него. Я например, немного знаком с Php и знаю что кнопка появляется в статье, в момент формирования статьи — это сужает поиск определенными файлами шаблона.

3. Откройте установленные шаблоны, найдите установленный

 3. Откройте установленные плагины, найдите установленный плагин Wp-Filebase в котором описывается поведение кнопки Download, нажмите изменить. Я точно уверен, что кнопка управляется плагином Wp-Filebase, а не шаблоном сайта, поэтому ищу в коде плагина.

4. Откроется редактор плагина. Нажмите сочетание клавиш Ctrl-F

4. Откроется редактор плагина. Нажмите сочетание клавиш Ctrl-F, сверху справа появится окно, введите в нем искомое слово Download

 

5. В  верхнем поле в всплывающем окне выберите нужный плагин

5. В  верхнем поле в всплывающем окне выберите нужный плагин для редактирования и нажмите Выбрать

 

6. Просматривать кучу файлов плагина в браузере неудобно и долго

6. Просматривать кучу файлов плагина в браузере неудобно и долго. Поэтому предлагаю скачать с помощью бесплатной программы FileZilla файлы плагина на диск в папку и искать слово в файлах на диске.

 

7. Обязательно создайте резервную копию файлов на диске перед редактированием

7. Обязательно создайте резервную копию файлов на диске перед редактированием. Начинаем просмотр файлов с первого файла Admin_php

 

8. В окне программы Total Commander нажимаем F3 - откроется окно просмотра файла

8. В окне программы Total Commander нажимаем F3 — откроется окно просмотра файла. Видим упоминание класса Download. Описание класса должно идти в отдельном файла download_php — ишем его в списке файлов

 

9. После долгих разборок кода файлов я пришел к выводу что

9. После долгих разборок кода файлов я пришел к выводу что надо искать код выводимой кнопки в Корневых классах, например в Классе Setup. Ищем слово Download в коде класса с помощью удобной программы NotePad++

 

10. В окне NotePad+ мы находим нужное сочетание

10. В окне NotePad+ мы находим нужное сочетание (начало тега title, которое в Html означает в нашем случае Наименование кнопки — которое нужно изменить) можем тут-же заменить во всем тексте на нужное

 

11 С помощью FileZilla заливаем измененный файл на хостинг с заменой исходного

11 С помощью FileZilla заливаем измененный файл на хостинг с заменой исходного

 

12. В файле languages - wpfb-ru_RU_po мы видим строки переведенные на русский язык

12. В файле «languages/wpfb-ru_RU.po» мы видим строки переведенные на русский язык. Очевидно переведено не все.

 

13 Изменения в коде файлов плагина (пункт 10) не подействовали на сайте

13 Изменения в коде файлов плагина (пункт 10) не подействовали на сайте. Видимо код изменяется интерактивно в настройках плагина. Так и есть!Посмотрите в настройках плагина: «панель — Шаблоны и скрипты»

 

14 НА закладке Управление шаблонами в меню плагина мы зайдем

14 На закладке «Управление шаблонами» в меню плагина мы зайдем в редактирование кнопки «Download-button»

 

15 В коде шаблона конкретной кнопки мы не нашли слова Download

15 В коде шаблона конкретной кнопки мы не нашли слова «Download» зато нашли слово «Downloads» — заменим его русским «Закачиваний»

 

16 Очевидно что Текст Download указан в картинке самой кнопке в чем мы

16. Меня озарила идея, которую я проверил... Скорее всего, текст «Download» указан в картинке самой кнопке. В этом мы убеждаемся, открыв иконку кнопки (в папке «images» плагина). Автор плагина не соизволил для каждого поддерживаемого языка выложить разные иконки с текстом на нужном языке. Придется рисовать свою иконку на русском языке вручную!

 

17. Открываем файл иконки в Фотошопе и с помощью инструмента Палец

17. Открываем файл иконки в Фотошопе и с помощью инструмента «Палец» замазываем Слово «Download»

 

17.1 Сначала стираем верхнюю часть слова (так как визуально иконка состоит

17.1 Сначала стираем верхнюю часть слова (так как визуально иконка состоит из 2 вертикально расположенных частей)

 

17.2 С помощью инструмента текст и параметров наложения слоя зададим

17.2 С помощью инструмента текст и параметров наложения слоя зададим цвет, Шрифт слоя и сохраним на диск

 

18 Можно самостоятельно нарисовать иконку по образцу в бесплатной программе IcoFX

18 Можно самостоятельно нарисовать иконку по образцу в бесплатной программе IcoFX

 

19 Закачиваем измененные иконки на ftp сайта

19 Закачиваем измененные иконки на ftp сайта (с заменой файлов). НЕ ЗАБУДЬТЕ! Сделайте резервную копию изменяемых файлов, для этого перед копированием на Ftp с заменой, измените наименования файлов, прибавив к наименованию «_» (см. рисунок).

20. Если все сделано правильно то в статье, где вставлена ссылка на скачивание

20. Если все сделано правильно то в статье, где вставлена ссылка на скачивание сайта, появится наша нарисованная иконка. Все симпатично и по-руски!

 

В следующих статьях на аналогичную тему, я русифицирую другие кнопки и сообщения данного плагина.

Плагин оказался очень полезным, удобным и популярным. Даже если он частично на английском — не беда! Переведем его!

В конце курса статей я планирую выложить русифицированную версию плагина, если кому понадобится...

До скорого, успехов в веб-мастеринге!

Теги: , , ,

>