На моем сайте используется интересная тема OMG Theme от WP Dev Shed. Тема распространялась по лицензии GLP v.2, чем я незамедлительно воспользовался. Кстати, у ребят на сайте достаточно много интересных тем оформления для WordPress. Бесплатных, почти как пиво =)
Я связался с разработчиками и предложил им поправить одну небольшую ошибку в теме, перевести ее и добавить русский перевод. Мне отписались, поблагодарили и сказали, что ошибку изменят в следующем патче, а российские социальные сети не войдут в основную тему, потому что тогда каждая страна запросит свои соц. сети. Поэтому в основной теме, только международные соцсети.
Я решил, что на этой страничке с постоянным адресом https://bigazzzz.ru/russian-omg-theme/ будут лежать русская версия этой темы оформления, а также краткая инструкция, как эту тему самому русифицировать.
Русский перевод
Итак, русский перевод. Текущий перевод для OMG Theme версии: 3.0. Кто хочет сразу готовый перевод скачиваем файлы omg-ru_RU.po и omg-ru_RU.mo и сразу переходим к пункту 4, а мы пока по порядку:
1. Берем файл из темы wp-content/themes/omg/library/translation/omg.po.
2. Качаем программу PoEdit с официального сайта https://poedit.net/download.
3. Загружаем туда omg.po и переводим. После сохранения получаем два файла с расширением *.po и *.mo. Строго говоря в файле *.po хранится информация для перевода в текстовом формате, а файл *.mo – это уже скомпилированный для WordPress файл. Переименуем наши файлы в omg-ru_RU.po и omg-ru_RU.mo
4. Закачиваем файлы в директорию wp-content/languages/themes/
5. Заходим на сайт. Обновляем страничку и видим русский язык.
Российские соцсети
Заходим на FTP. Ищем файл /wp-content/themes/omg/functions.php. В файле ищем функцию omg_theme_customizer. Как видно, добавление опций в конфиг происходит путем вызовов методов add_control и add_section класса wp_customize. Ищем в функции добавление кнопок соцсетей (там есть комментарий social media option). Прокручиваем в самый конец и добавляем VK.COM. Добавляем по аналогии со всеми остальными, только меняем facebook на vkontakte. и priority увеличиваем на 1.
|
1 2 3 4 5 6 7 8 9 10 |
$wp_customize->add_setting( 'omg_vk', array ( 'sanitize_callback' => 'esc_url_raw', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'omg_vk', array( 'label' => __( 'Enter your VK.COM url', 'omg' ), 'section' => 'omg_social_section', 'settings' => 'omg_vk', 'priority' => 114, ) ) ); |
Теперь в настройке темы у нас появится возможность ввести профиль из VK. Теперь нужно добавить иконку. К сожалению, у разработчиков темы старая версия шрифта Font Awesome. Для начала скачиваем последнюю версию и ищем нужную нам иконку. Для этого переходим на страничку поиска и начинаем набирать vk. Сайт находит нам соответствующую иконку. Переходим по ссылке, а в нашем случае это https://fortawesome.github.io/Font-Awesome/icon/vk/ и находим класс описания данной иконки в нашем случае это fa-vk.
Сейчас в /wp-content/themes/omg/functions.php ищем функцию omg_social_icons и добавляем в массив $social_network нашу сеть. Теперь строчка будет выглядеть так
|
1 2 3 4 5 6 |
$social_networks = array( "omg_facebook" => "fa-facebook", "omg_twitter" => "fa-twitter", "omg_google" => "fa-google-plus", "omg_pinterest" => "fa-pinterest", "omg_linkedin" => "fa-linkedin", "omg_youtube" => "fa-youtube", "omg_tumblr" => "fa-tumblr", "omg_instagram" => "fa-instagram", "omg_flickr" => "fa-flickr", "omg_vimeo" => "fa-vimeo-square", "omg_rss" => "fa-rss", "omg_vk" => "fa-vk" ); |
Сейчас нам необходимо обновить Font Awesome до последней версии. Распаковываем скаченный нами архив и загружаем содержимое директории css в директорию /wp-content/themes/omg/css/, а содержимое директории fonts в директорию /wp-content/themes/omg/fonts/fontawesome/. Теперь нам остается только поправить пути в файле /wp-content/themes/omg/css/font-awesome.css. Меняем в файлах ../fonts на ../fonts/fontawesome в строчках 9 и 10, чтобы получилось вот так
|
1 2 |
src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); |
В принципе этого достаточно, осталось только в файл omg-ru_RU.po добавить строчку. Открываем этот файл и добавляем в конец
|
1 2 |
msgid "Enter your VK.COM url" msgstr "Введите ссылку на страницу в vk.com" |
Открываем новый файл *.po и компилируем новый файл *.mo и загружаем его в wp-content/languages/themes/
Скачать полный патч
В полном патче содержится перевод темы OGM Theme, а также добавлены иконки и обработка российских соцсетей VK.com и Odnoklassniki.ru. Для установки патча нужно распаковать архив в корень сайта.
Скачать патч для версии 3.0
Ну и если понравилась моя работа – можете задонатить мне пару баксов на фотик =)
Добавить комментарий
Для отправки комментария вам необходимо авторизоваться.