-
Головна сторінка »Wordpress» Вставка перемикача мов на мультимовну wordpress блозі qtranslate
У даній статті я розповім як додати красиві прапори для перемикання між мовами на мультимовну блозі wordpress створеному за допомогою плагіна qtranslate. В общем-то все це викладено на офіційному сайті плагіна qtranslate, якщо володієте англійською можете почитати. Для того щоб додати прапори-перемикачі необхідно додати код в файли header.php і style.css вашої теми. Результат вставки кодів можна бачити на цьому блозі. Перед будь-якими діями робимо бекап.
Є два варіанти вставки перемикача: використовуючи зображення прапорів вбудовані в плагін qtranslate (прямоугольнички 18х12) і використовуючи власні зображення прапорів (викачані або намальовані самостійно).
Варіант 1. Вбудовані зображення
Втручаємося в header.php. Вставляємо код для відображення прапорів встановлених мов (ось куди саме залежить від встановленої теми, доведеться поекспериментувати).
Варіант 2. Власні зображення
І міняємо на свої, наприклад, 32 і 32
Видалення цього рядка у мене призводило до того, що прапори взагалі переставали виводитися. Розміри прапорів краще вказувати точно, але можна і ставити значення більше, так би мовити "з запасом". Врахуйте також що при кожному оновленні плагіна всі зміни які Ви внесли в файли плагіна будуть "затирається" і необхідно заново їх редагувати. Це ж стосується Ваших власних зображень прапорів.
Вирівнюємо горизонтально. Щоб прапори відображалися горизонтально (за замовчуванням прапори виводяться один під іншим) і в правій частині сторінки вставляємо в style.css наступний код:
За вирівнювання по правому краю відповідає параметр float: right, можете поміняти на left, тоді буде зліва. Щоб зробити відступ зверху, наприклад, 40рх:
і так далі. Можна виставити будь-яку відстань щодо краю екрану. Сподіваюся сенс зрозумілий. Один нюанс - дозвіл у моніторів різний і соотвественно вигляд вашого сайту буде різним. Враховуйте це.
Перемикач завжди у правій частині екрана. Можна зробити так, щоб перемикач був завжди "пристебнутий" до правій частині екрана в незалежності від прокручування сторінки. Для цього коду, який вставляли в header.php присвоюємо свій стиль qt1:
А в style.css додаємо:
В цьому випадку прапори будуть орієнтовані вертикально, у правій частині екрана з відступом зверху 428px.
Оформляємо в красивому блоці. Якщо Ви хочете виводити прапори в блоці-прямокутнику, можна зробити наступне. Задати стиль блоку, в який вставляєте перемикач, наприклад:
А потім додати цей стиль "block1" в style.css:
У прикладі ширина блоку 200рх, фон сірий і є рамочка, але трохи підредагувавши код Ви, я думаю, отримаєте бажаний результат.
Що ще можна вставити крім прапорів? Можна змінити в рядку параметр "image" на "both", "dropdown", "text" і отримати прапори + текст, що випадає список або текст. Щоб прапори обвів в рамочки (поліпшується загальне естетичне сприйняття) вставляємо в style.css код:
Інформація звідси плюс власні напрацювання. Радий буду почути Ваші питання, зауваження і побажання по роботі плагіна qtranslate на wordpress.
Схожі записи
55 thoughts on "Вставка перемикача мов на мультимовну wordpress блозі qtranslate"
У вас прапори перестали відображатися з простої причини.
файл qtranslate_hooks.php в папці з плагіном:
27 рядок додає css стиль. $ Css. = ». Qtrans_flag
поміняйте розміри. або затріть стиль в своєму css-файлі.
.qtrans_flag display: block;
height: 12px;
width: 18px;
>
Спасибі, John Morton. Вам 10+. Виправив текст статті.
Підкажіть будь ласка, є варто шаблон battery2 (_ttp: //yowordpress.ru/wordpress-themes/wordpress-tema-battery-2.html) Внем у мене чомусь не хочуть відображатися прапори, показує тільки текст. В чому може бути причина?
Добрий день. Дайте посилання на блог. І перешліть код Вашого відредагованого header.php
Допоможіть, не ховаються пости для мови, на який пост ще не перекладений. Замість того, щоб нічого не показувати для даної мови, з'являється заголовок типу «(Русский) + назва посади російською», при натисканні на який відбувається перехід на пост російською. Що робити, підкажіть ...
Працювати він буде. Але просто ключові слова будуть однакові для всіх мов. Тобто наприклад Вам доведеться вписати і «вордпресс» і «wordpress». Але є спеціальний плагін. У цій статті написано. А якщо конкретно то qTranslate META. Він менш функціональний, зате ідеально підходить для мультимовного блогу. Там можна з кожним мовою задати свої ключові слова.
Це треба дивитися сайт. З такою проблемою не стикався. Почитайте статтю Налаштування посилань на мультимовну блозі на основі qtranslate.