То се дешава свима.

Пронађете тему која вам се свиђа, инсталирате је и проведете неколико месеци уживајући у изгледу свог сајта. Али онда, након неколико месеци, тема почиње да делује устајало. Помало досадно.

Једини проблем је што не желите да проведете неколико сати тражећи нешто ново. Кад би само постојао начин да се вашој теми дода мало зачина, мало бљештавила да се истакне.

Пре него што подигнете руке у очајању, дозволите ми да вам покажем једноставан начин да зачините своју тема без превише напора и без додавања непотребних слика које би могле да успоре ваш сајт.

Унесите Дасхицонс. Дашиконе су иконе фонтова које су уведене у ВордПресс 3.8. То су оне сјајне и цоол иконе које видите када се пријавите на своју контролну таблу. Зар не би било супер када бисте могли да их додате и својој теми?

Па, можете и показаћу вам како.

Како можете да користите Дасхицонс у свом мени за навигацију?

Почнимо са једноставним примером. Дасхикони су већ укључени у ВордПресс од верзије 3.8, али и даље морате да их укључите да би се правилно приказали на предњој страни ваше веб локације; то јест ваша тема.

Корак 1: Припремите Дасхицонс теме

Да бисте припремили своју тему Дасхицонс, прво отворите датотеку фунцтионс.пхп (која се налази у Аппеаранце&гт ;Едитор – подразумевано ће отворити ЦСС фајл ваше тренутне теме. Само напред и потражитефунцтионс.пхп датотеку и кликните на њу да бисте је учитали у Едитор.)

Корак 2: Ставите скрипту у ред

Скролујте до дна и налепите ове редове кода на крају:

//Enqueue the Dashicons script add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); function load_dashicons_front_end() { wp_enqueue_style( 'dashicons' ); }

У реду! Сада је ваша тема спремна за коришћење Дасхикона.

Корак 3: Додавање Дасхикона у ставке менија

Хајде да додамо Дасхицон за вашу везу Почетна. Идите на веб локацију Дасхицонс и изаберите икону која вам се свиђа.

Ажурирање: Дасхицонс су првобитно били доступни на ГитХуб.ио, али су од тада доступни на ВордПресс.орг.

Корак 4:

Кликните на жељену икону (у овом случају сам изабрао почетну икону), а затим кликните на Копирај ХТМЛ. То ће вам дати искачући прозор са кодом који вам је потребан.

Корак 5:

Вратите се на своју ВордПресс контролну таблу, кликните на Изглед &гт ; Меније и налепите код тачно тамо где пише Ознака за навигацију.

Ако и даље желите да се реч појављује, откуцајте је после завршне заграде див.

Кликните на сачувајте и учитајте своју почетну страницу. Ваша кућна веза би сада требало да приказује леп, оштар Дашикон.

Ово можете да урадите за све ставке менија за навигацију или само за дом. Само поновите горе наведене кораке са одговарајућим иконама. То је било лако, зар не?

Како користите Дасхицонс у мета мета?

Можете отићи корак даље и додати Дасхицонс у своју мета мета, или другим речима додати Дасхицонс испред ауторске име, датум, категорија или ознака; зависи одсвоју тему и информације које приказује.

Пошто сте већ ставили Дасхицонс у своју тему, све што сада треба да урадите је да отворите датотеку стиле.цсс (или користите Цустом ЦСС едитор који је увек боља опција тако да не губите промене када се ваша тема ажурира!), пронађите одговарајући бирач и додајте ЦСС код.

Рецимо да желите да додате икону испред свог имена или имена аутора.

1. корак:

Прво ћемо изабрати икону коју желимо.

2. корак:

Затим кликните на њега и овог пута изаберите Копирај ЦСС. Опет ће вам дати искачући прозор са кодом који треба да налепите.

Корак 3:

Сада отворите свој стиле.цсс и пронађите одговарајући селектор, у овом случају – .ентри-аутхор. Додавањем :бефоре и затим лепљењем ЦСС кода који сте копирали са веб локације Дасхицонс, име аутора ће имати лепу икону испред себе. Такође морате да наведете да користите Дасхицонс фонт. Модификовани код изгледа овако:

.entry-author:before { font-family: "dashicons"; content: "\f110"; }

Хајде да додамо и мало стила, а сада завршени код изгледа овако:

.entry-author:before { font-family: "dashicons"; content: "\f110"; color: #f15123; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/1; vertical-align: top; margin-right: 5px; margin-right: 0.5rem; } 

Крајњи резултат

Па шта да ли ће ово изгледати на крају?

Нешто овако:

Постоји толико начина на које можете да користите Дасхицонс – пустите своју креативност да узме маха и видите шта можете да урадите.

Стављајући све заједно

Осим горњих примера, можете користити Дасхицонс у свом позадину да бисте навели различитеиконе за различите типове постова, или их можете користити у насловима својих постова, насловима виџета или ако правите прилагођену одредишну страницу, можете разликовати различите странице вашег сајта.

Ево основног примера шта можете их користити за креирање: