Зачинете го менито WordPress со икони Webtimiser
- Последен пат ажурирано на 18 септември 2020 година
- Соња Ридер
- Вордпрес - совети и упатства
- 1
Навигацијата е многу важен дел од веб-страницата и може лесно да се прилагоди во WordPress. Покрај фонтот или бојата, иконите можат да се користат и за дизајнирање на одделните ставки од менито. Како можете да набавите мени на WordPress со икони, објаснувам чекор по чекор користејќи го примерот на темата Дваесет и петнаесет.
1. Создадете детска тема
Така што промените во стилот на стилот не се изгубат при ажурирање на темата, прво треба да креирате детска тема.
Детални упатства за тоа како да го направите, можете да најдете во мојот напис Создавање на WordPress детска тема.
Алтернативно, секако можете да користите додаток или прилагодувач за ваш сопствен CSS во WordPress.
2. Додајте икони во менито
Темата Дваесет и петнаесет вклучува Општи фонтови за икони, што ќе го користам во овој водич. Ако сакате да го користите менито WordPress со икони од друга библиотека со фонтови, можеби ќе треба претходно да ги интегрирате.
Еве краток фрагмент за интегрирање Прекрасен фонт. Со над 500 икони, овој фонт за икони е многу пообемен и брзо вграден во WordPress. За да го направите ова, едноставно додадете ја следната парче код во датотеката функции.php:
Потоа можете да ги користите иконите Прекрасни фонтови за изборните ставки. Само стиловите на CSS тогаш треба да се прилагодат поинаку од овие упатства.
Чекор 1: Активирајте ги напредните опции на менито
Во WordPress можете да доделите посебна CSS класа на секоја ставка во менито. За да го направите ова, прво мора да ги активирате напредните својства на менито.
За да го направите ова, прво одете на контролната табла Дизајн> Менија.
Таму ќе ги најдете напредните својства на менито малку скриени во панелот Опции на врвот.
Сега проверете го полето Часови по CSS. Потоа можете да доделите посебна класа CSS на секоја точка за навигација. И така можете да го стилизирате и индивидуално.
Чекор 2: вметнете CSS класа
Библиотеката со фонтови за икони Genericons е веќе интегрирана во темата WordPress Twenty Fifteen. Затоа ги користам овие икони за да ги потенцирам елементите во менито.
За ставката од менито Дома ја избирам иконата genericon-home. Така, влегувам во CSS часови во новата област: genericon genericon-home
За другите ставки од менито, можете да ги прегледате достапните икони на веб-страницата на genericons.com.
Едноставно кликнете на посакуваната икона, а потоа на Копирајте HTML. Потоа, ќе се појави кодот за иконата во скокачки прозорец.
За моето мени за пример, ги избрав следниве икони:
- Дома: genericon genericon-home
- Контакт: genericon genericon-mail
- Блог: генерикун генерикун-слика
Чекор 3: прилагодете го стилот на стилови
За да се осигурате дека иконите се правилно поставени пред ставки од менито, мора да се вметнат неколку CSS инструкции.
Следните стилови на CSS сега се вклучени во датотеката стил.css.
Во зависност од вашиот вкус, можете да ја одредите и бојата на иконите и нивната големина.
Завршено WordPress мени со икони
Додадете икони за менито WordPress преку додаток/тема
Иконите или сликите, се разбира, исто така можат да се додадат во менијата во WordPress со помош на додаток! Постојат неколку додатоци за ова, како што се иконите за мени. Со него можете да го зачините вашето мени без никакви CSS.
Но, некои теми овозможуваат и интеграција на иконите како стандард. Ја користам темата OceanWP и тука можам да додадам икона или слика во менито со клик.
OceanWP: Вклучете икони во менито со клик
Yoast SEO за WordPress: Инструкции и совети