Как создать на сайте новое место для виджета wordpress

Есть сайт, в шапке нужно вывести выбор языка от плагина qTranslate X. В используемой теме не предусмотрены области для виджетов которые бы выводили в header. У плагина qTranslate X есть виджет «Выбор языка qTranslate», для него и сделаем новую область в шапке.

Находим файл в теме functions.php и прописываем в нем следующее:

1
2
3
4
5
6
7
8
register_sidebar( array(
			'name' => 'langtop',
			'id' => 'langtop',
			'before_widget' => '<div id="" class="header-lang">',
			'after_widget' => '</div>',
			'before_title' => '<h3 class="lang-h3">',
			'after_title' => '</h3>'
		));

Далее в теме находим файл header.php и прописываем в нем следующее

1
<?php dynamic_sidebar( 'langtop' ); ?>

В админке wordpress переходим в меню «Внешний вид» -> «Виджеты»
Перетаскиваем виджет «Выбор языка qTranslate» в получившееся поле «langtop»

Как создать на сайте новое место для виджета wordpress
Как создать на сайте новое место для виджета wordpress

В зависимости от настроек отображения виджета qTranslate получаем отображение выбора языка на сайте.

Настройка qTranslate
Настройка qTranslate

Добавляем необходимые стили для header-lang и lang-h3. Последнее вообще не особо нужно.
Находим style.css темы и добавляем для примера следующее:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.header-lang{
	width:200px;
	display: block;
	margin-top: -40px;
}
.lang-h3{
	display:none;
}
.header-lang select{
	padding: 6px 24px !important;
}
 
.header-lang .form-control{
	height:36px !important;
}

Это частный пример style.css, у вас будет свой.

В итоге получаем вид выбора языка сайта:

Выпадающий список выбора языка сайта
Выпадающий список выбора языка сайта

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *