Bidh e a' tachairt dhan a h-uile duine.

Lorgaidh tu cuspair a thogras tu, stàlaichidh tu e agus caithidh tu beagan mhìosan a' gabhail tlachd ann an coltas na làraich agad. Ach an uairsin, às deidh beagan mhìosan, bidh an cuspair a ’tòiseachadh a’ faireachdainn sean. Beagan dòrainneach.

Is e an aon duilgheadas a th’ ann, chan eil thu airson uair no dhà a chaitheamh a’ coimhead airson rudeigin ùr. Mura biodh ann ach dòigh air beagan spìosraidh a chur ris a’ chuspair agad, beagan lasadh gus toirt air seasamh a-mach.

Mus tilg thu do làmhan an-àirde ann an eu-dòchas, leig dhomh sealltainn dhut dòigh fhurasta air do spìosrachadh a dhèanamh. cuspair gun cus oidhirp, agus gun a bhith a' cur dealbhan neo-riatanach ris a dh' fhaodadh do làrach a dhèanamh nas slaodaiche.

Cuir a-steach Dashicons. Tha Dashicons nan ìomhaighean cruth-clò a chaidh a thoirt a-steach air WordPress 3.8. Is iad sin na h-ìomhaighean uamhasach agus fionnar a chì thu nuair a logas tu a-steach don deas-bhòrd agad. Nach biodh e math nam b’ urrainn dhut an cur ris a’ chuspair agad cuideachd?

Uill, faodaidh tu agus tha mi a’ dol a shealltainn dhut ciamar.

Ciamar a chleachdas tu Dashicons nad clàr-taice seòladaireachd?

Feuch an tòisich sinn le eisimpleir shìmplidh. Tha dashicons mar-thà air an toirt a-steach do WordPress bho dhreach 3.8 ach feumaidh tu fhathast an toirt a-steach gus am faigh iad air an taisbeanadh gu ceart air ceann aghaidh na làraich agad; 's e sin an cuspair agad.

Ceum 1: Dèan do chuspair Dashicons deiseil

Gus do chuspair a dhèanamh deiseil Dashicons fosgail am faidhle functions.php agad an-toiseach (lorgar ann an Coltas> ;Deasaiche - gu bunaiteach fosglaidh e am faidhle CSS aig a' chuspair làithreach agad. Rach air adhart is coimhead airsonfunctions.php agus cliog air gus a luchdachadh san Deasaiche.)

Ceum 2: Cuir a-steach an sgriobt

Sgrolaich fad na slighe chun bhonn agus cuir a-steach na loidhnichean seo de chòd aig an deireadh:

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

Ceart gu leòr! A-nis tha an cuspair agad deiseil airson Dashicons a chleachdadh.

Ceum 3: A’ cur Dashicons ri nithean a’ chlàr

Nach cuir sinn Dashicon ris airson do cheangal Dachaigh. Rach a-null gu làrach-lìn Dashicons agus tagh an ìomhaigh as toil leat.

Ùrachadh: Bha dashicons rim faighinn bho thùs air GitHub.io, ach tha iad rim faighinn bhon uair sin air WordPress.org.

Ceum 4:

Cliog air an ìomhaigh a tha thu ag iarraidh (sa chùis seo thagh mi an ìomhaigh dachaigh) agus an uairsin cliog air Copy HTML. Bheir e pop-up uinneag dhut leis a’ chòd a tha a dhìth ort.

Ceum 5:

Till dhan deas-bhòrd WordPress agad, cliog air Coltas > ; Clàr-taice is cuir a-steach an còd ceart far a bheil e ag ràdh Navigation Label.

Ma tha thu fhathast ag iarraidh gun nochd am facal, dèan seòrsa às dèidh a' bhreic div dùnaidh.

Briog air sàbhail agus luchdaich do dhuilleag dachaigh. Bu chòir don cheangal dachaigh agad Dashicon brèagha, crùbach a thaisbeanadh.

'S urrainn dhut seo a dhèanamh airson a h-uile clàr seòlaidh no dìreach airson an dachaigh. Dìreach dèan a-rithist na ceumannan gu h-àrd leis na h-ìomhaighean co-fhreagarrach. Bha sin furasta ceart?

Ciamar a chleachdas tu Dashicons ann am post meta?

'S urrainn dhut a dhol ceum air adhart agus Dashicons a chur ri meta a' phuist agad, no ann am faclan eile cuir Dashicons air beulaibh an ùghdair ainm, ceann-latha, roinn no tag; a rèiran cuspair agad agus am fiosrachadh a tha e a’ taisbeanadh.

Leis gu bheil thu air Dashicons a chuartachadh sa chuspair agad mu thràth, chan eil agad ach am faidhle style.css agad fhosgladh (no cleachd deasaiche Custom CSS a tha an-còmhnaidh na roghainn nas fheàrr dhut na caill na h-atharraichean aon uair ‘s gu bheil an cuspair agad ag ùrachadh!), lorg an roghnaiche co-fhreagarrach agus cuir an còd CSS ris.

Canaidh sinn gu bheil thu airson ìomhaigheag a chuir air beulaibh d’ ainm neo ainm an ùghdair agad.

Ceum 1:

An toiseach tha sinn gu bhith a’ taghadh ìomhaigh a bu toil leinn.

Ceum 2:

An uairsin cliog air, agus an turas seo tagh Copy CSS. A-rithist, bheir e uinneag pop-up dhut leis a' chòd a dh'fheumas tu a phasgadh.

Ceum 3:

A-nis fosgail do style.css agus lorg an taghaidh iomchaidh, sa chùis seo – .entry-author. Le bhith a’ cur :roimh agus an uairsin a’ dol seachad air a’ chòd CSS a rinn thu leth-bhreac bho làrach-lìn Dashicons, bidh ìomhaigh snog aig ainm an ùghdair air a bheulaibh. Feumaidh tu cuideachd sònrachadh gu bheil thu a’ cleachdadh cruth-clò Dashicons. Tha coltas mar seo air a’ chòd atharraichte:

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

Nach cuir sinn beagan stoidhle ris cuideachd, agus a-nis tha coltas mar seo air a’ chòd crìochnaichte:

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

An toradh deireannach

Mar sin dè am bi seo coltach aig a’ cheann thall?

Rud mar seo:

Tha uimhir de dhòighean ann air an urrainn dhut Dashicons a chleachdadh – leig le do chruthachalachd grèim fhaighinn agus faicinn dè as urrainn dhut a dhèanamh.

A’ cur a h-uile càil ri chèile

A bharrachd air na h-eisimpleirean gu h-àrd, faodaidh tu Dashicons a chleachdadh nad backend gus diofar a shònrachadhìomhaighean airson diofar sheòrsaichean foillseachaidh, no faodaidh tu an cleachdadh anns na tiotalan puist agad, tiotalan widget, no ma tha thu a’ cruthachadh duilleag tighinn air tìr àbhaisteach faodaidh tu eadar-dhealachadh a dhèanamh eadar diofar dhuilleagan na làraich agad.

Seo eisimpleir bhunaiteach de na tha b' urrainn dhut an cleachdadh gus: