Ew bi her kesî re dibe.

Tu mijareke ku tu jê hez dikî dibînî, tu wê saz dikî û çend mehan bi kêfa xweya malpera xwe derbas dikî. Lê dûv re, piştî çend mehan, mijar dest pê dike. Piçek bêhnteng.

Tenê pirsgirêk ev e, hûn naxwazin çend saetan li tiştekî nû bigerin. Heger bi tenê rêyek hebûya ku meriv hinekî biharatê li temaya xwe zêde bike, piçekî bişewitîne da ku wê biqewime.

Berî ku hûn destên xwe bi bêhêvîtiyê bavêjin jor, bihêle ez rêyek hêsan nîşanî we bidim ku hûn xwe xweş bikin. Mijarek bêyî hewldanek zêde, û bêyî zêdekirina wêneyên nehewce yên ku dikarin malpera we hêdî bikin.

Dashicons bikeve. Dashicon îkonên fontê ne ku di WordPress 3.8 de hatine destnîşan kirin. Ew ew îkonên bi heybet û xweş in ku hûn gava ku hûn têkevin dashboarda xwe dibînin dibînin. Ma ne xweş be ku hûn wan jî li mijara xwe zêde bikin?

Belê, hûn dikarin û ez ê çawa nîşanî we bidim.

Hûn çawa dikarin Dashiconan di xwe de bikar bînin menuya navîgasyonê?

Werin em bi mînakek hêsan dest pê bikin. Dashicon jixwe ji guhertoya 3.8-ê ve di WordPress-ê de cih digirin lê dîsa jî hûn hewce ne ku wan têxin nav wan da ku ew bi rêkûpêk li pêşiya malpera xwe nîşan bidin; ango mijara te.

Gavê 1: Mijara xwe Dashicons amade bike

Ji bo ku mijara xwe Dashicons amade bike pêşî pelê functions.php xwe veke (di Appearance> tê dîtin ;Edîtor - bi xweber ew ê pela CSS ya mijara weya heyî veke. Pêşde biçin û lê bigerinpelê functions.php bikirtînin û pê bikirtînin da ku wê di Edîtorê de bar bikin.)

Gavek 2: Skrîptê bixin rêzê

Hemû rê ber bi jêr ve bigerin û van rêzan bixin koda li dawiyê:

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

Temam! Naha mijara we amade ye ku Dashicon-an bikar bîne.

Gavek 3: Zêdekirina Dashiconan li hêmanên menuyê

Werin em Dashiconek ji bo girêdana Mala we zêde bikin. Sere xwe bidin malpera Dashicons û îkona ku hûn jê hez dikin hilbijêrin.

Nûvekirin: Dashicon di destpêkê de li ser GitHub.io peyda bûn, lê ji hingê ve ew li ser WordPress.org peyda bûne.

Gava 4:

Li ser îkona xwestî bikirtînin (di vê rewşê de min îkona malê hilbijart) û dûv re li ser Kopîkirina HTML-ê bikirtînin. Ew ê bi koda ku hûn hewce ne pencereyek pop-upê bide we.

Gavek 5:

Vegerin dashboarda WordPress-ya xwe, li ser Xuyabûn > bikirtînin ; Pêşek û kodê rast li cihê ku lê dibêje Labelê Navîgasyon binivîsin.

Heke hûn hîn jî dixwazin ku peyv xuya bibe, wê li dû bendika div-ê ya girtî binivîsin.

Li ser bikirtînin rûpela xweya malê hilînin û bar bikin. Divê lînka mala we aniha Dashiconek xweş û zelal nîşan bide.

Hûn dikarin vê yekê ji bo hemî hêmanên menuya navîgasyonê an tenê ji bo malê bikin. Tenê gavên li jor bi îkonên lihevhatî dubare bikin. Raste ev hêsan bû?

Hûn çawa di post meta de Dashiconan bikar tînin?

Hûn dikarin gavek pêşde biçin û Dashiconan li meta posta xwe zêde bikin, an bi gotinek din Dashiconan li pêş nivîsa nivîskar zêde bikin. nav, dîrok, kategorî an tag; girêdayî yemijara xwe û agahdariya ku ew nîşan dide.

Ji ber ku we berê Dashicon di mijara xwe de rêz kiriye, tiştê ku hûn niha bikin ev e ku hûn pelê style.css-ya xwe vekin (an jî edîtorê CSS-ya Xweser bikar bînin ku her gav vebijarkek çêtir e ji ber vê yekê hûn Dema ku mijara xwe nûve bike guherandinên xwe winda neke!), hilbijêra lihevhatî bibînin û koda CSS lê zêde bikin.

Em bibêjin ku hûn dixwazin li ber navê xwe an jî navê nivîskarê xwe îkonekê lê zêde bikin.

Gavê 1:

Pêşî em ê îkoneke ku em dixwazin hilbijêrin.

Gavê 2:

Piştre li ser bikirtînin, û vê carê Copy CSS hilbijêrin. Dîsa, ew ê pencereyek pop-upê bi koda ku hûn hewce ne ku lê bixin bide we.

Gavê 3:

Niha style.css-a xwe veke û hilbijêrê têkildar bibînin, di vê rewşê de - .entry-author. Bi lêzêdekirina :berî û dûv re koda CSS-ê ya ku we ji malpera Dashicons kopî kiriye, bixin, navê nivîskar dê li ber wî îkonek xweş hebe. Her weha hûn hewce ne ku diyar bikin ku hûn tîpa Dashicons bikar tînin. Koda hatî guherandin wiha xuya dike:

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

Werin em hinekî şêwazê jî lê zêde bikin, û niha koda ku hatiye temamkirin wiha xuya dike:

.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; } 

Encama dawiyê

Ji ber vê yekê çi dê di dawiyê de wisa xuya bike?

Tiştek weha:

Gelek awayên ku hûn dikarin Dashicon-an bikar bînin hene - bila afirîneriya we bigire û bibînin ka hûn dikarin çi bikin.

Hemûyan li hev bicivînin

Ji xeynî mînakên jorîn, hûn dikarin Dashicons di paşiya xwe de bikar bînin da ku cûda diyar bikinîkonên ji bo celebên postê yên cihêreng, an jî hûn dikarin wan di sernavên postên xwe, sernavên widgetan de bikar bînin, an heke hûn rûpelek danûstendinê ya xwerû diafirînin, hûn dikarin rûpelên cihêreng ên malpera xwe ji hev cuda bikin.

Li vir mînakek bingehîn heye. Hûn dikarin wan bikar bînin ku çêbikin: