WordPress fix 4. Хидер, футер

1. Иконки в верхнем меню

WordPress Dashboard->Appearance->Menus позволяет работать с меню, но без картинок. Доступные поля – только “URL” и “Navigation Label” в текстовом формате . Но хотя сам WordPress и не позволяет использовать в меню картинки, то CSS – позволит.

Профессиональный совет от Артёма Дёмина:

Мы можем доступиться до элементов меню по имени/названию. И тогда можно изменить их вид и содержание. Код для флажков в верхнем меню:

/* flags */
a.nav-link[title='En']{
    content: url(https://writingagame.com/img/icons/flag_us01.jpg);
	width: 40px;
	padding-top: 12px;
}
a.nav-link[title='Ru']{
    content: url(https://writingagame.com/img/icons/flag_ru01.jpg);
	width: 40px;
	padding-top: 12px;
}

Dashboard -> Appearance -> Customize -> Additional CSS, добавляем вышеприведенный код, Publish.

Результат:

Да, сам бы никогда не догадался…


2. Footer

Футер в моем случае был великоват:

Мои попытки найти где его настроить – провалились.

Профессиональный совет от Артёма Дёмина:

Этот футер генерируется WordPress-ом автоматически, и настроек нет. Но можно его “спрятать” и добавить вместо него свой собственный.

Dashboard -> Appearance -> Customize -> Additional CSS, добавляем код:

/* footer */
.site-info {display: none;} /* hides original footer */
.site-footer {text-align: center;}
.site-footer:before { /* placing content before hidden footer */
	content: "Copyright © WritingAGame.com";
	color:grey;
}

Publish.

Результат:


Leave a Reply

Your email address will not be published. Required fields are marked *