Для создания мульти-язычных сайтов я использую плагин под названием Polylang. Чтобы вывести на сайте переключатель языков в нем используется встроенный виджет, в котором языки выводятся списком.
Список выводится по умолчанию и выглядит это примерно так:
Как сделать, чтобы языки отображались горизонтально в плагине Polylang
Чтобы список языков выводился горизонтально, нужно добавить описание стилей в оформление вашей темы, а точнее в файл style.css (его можно открыть из Консоли перейдя в меню Внешний вид — Редактировать). Лучше всего будет добавить раздел под стили для плагина, но в принципе можно просто дописать в конце следующий код:
1 2 3 |
.lang-item { display: inline-block; } |
Вот, что получилось:
Можно оставить все как есть, но мне понадобилось убрать значки флагов, поэтому появляется необходимость добавить разделитель между названиями языков. Для этого я дописала еще один стиль:
1 2 3 |
.lang-item-ru:after { content: " |"; } |
Теперь результат соответствует тому, что требовалось:
Подскажите как сделать выпадающий список с флагами и названиями языков
Буквально недавно возникла та же необходимость, есть вот такое решение http://blog.nasrulhazim.com/2015/12/wordpress-customize-polylang-language-switcher/
Скажу честно пока не разбиралась детально, как только разберусь, выложу сюда.
Спасибо, что зашли!