Éta kajadian ka sadayana.

Anjeun mendakan téma anu anjeun pikahoyong, anjeun pasang sareng nyéépkeun sababaraha bulan pikeun ngaraosan tampilan situs anjeun. Tapi saterusna, sanggeus sababaraha bulan, téma mimiti ngarasa bulukan. Rada pikaboseneun.

Hiji-hijina masalah, anjeun teu hayang méakkeun sababaraha jam néangan nu anyar. Upami aya cara pikeun nambihan sakedik bungbu kana tema anjeun, sakedik flare supados langkung menonjol.

Sateuacan anjeun ngalungkeun leungeun dina asa, hayu atuh nunjukkeun anjeun cara anu gampang pikeun ngabumbukeun anjeun. tema tanpa loba usaha, sarta tanpa nambahkeun gambar teu perlu nu bisa ngalambatkeun situs anjeun.

Asupkeun Dashicons. Dashicons mangrupikeun ikon font anu diwanohkeun dina WordPress 3.8. Éta mangrupikeun ikon anu saé sareng keren anu anjeun tingali nalika anjeun asup kana dasbor anjeun. Éta langkung saé upami anjeun ogé tiasa nambihanana kana téma anjeun ogé?

Muhun, anjeun tiasa sareng kuring bakal nunjukkeun anjeun kumaha.

Kumaha anjeun tiasa nganggo Dashicons dina anjeun. menu navigasi?

Hayu urang mimitian ku conto basajan. Dashicons parantos kalebet dina WordPress ti saprak vérsi 3.8 tapi anjeun tetep kedah ngalebetkeun aranjeunna supados tiasa ditingalikeun leres dina tungtung hareup situs anjeun; nyaéta téma anjeun.

Lengkah 1: Siapkeun Téma anjeun pikeun Dashicons

Pikeun nyiapkeun téma anjeun Dashicons, buka heula file functions.php anjeun (kapanggih dina Appearance> ;Editor - sacara standar bakal muka file CSS téma anjeun ayeuna. Teruskeun sareng milarianfunctions.php teras klik kana éta pikeun ngamuat dina Éditor.)

Lengkah 2: Enqueue skrip

Gulung dugi ka handap sareng témpélkeun garis ieu kodeu di tungtung:

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

Muhun! Ayeuna téma anjeun parantos siap nganggo Dashicons.

Lengkah 3: Nambahkeun Dashicons kana item ménu

Hayu urang tambahkeun Dashicon pikeun tumbu Home anjeun. Buka halaman wéb Dashicons teras pilih ikon anu anjeun pikahoyong.

Update: Dashicons asalna aya dina GitHub.io, tapi ti saprak éta parantos sayogi dina WordPress.org.

Lengkah 4:

Klik ikon nu dipikahoyong (dina hal ieu kuring milih ikon imah) terus klik Copy HTML. Bakal masihan anjeun jandela pop-up sareng kode anu anjeun peryogikeun.

Lengkah 5:

Balik deui ka dasbor WordPress anjeun, klik Penampilan > ; Menu teras témpélkeun kodeu langsung kana tulisan Label Navigasi.

Upami anjeun masih hoyong kecapna muncul, ketik saatos kurung div nutup.

Klik kana simpen sareng muatkeun halaman bumi anjeun. Tautan asal anjeun ayeuna kedah nampilkeun Dashicon anu saé sareng garing.

Anjeun tiasa ngalakukeun ieu pikeun sadaya item ménu navigasi atanapi kanggo bumi. Ngan ngulang léngkah di luhur sareng ikon anu cocog. Éta gampang kan?

Kumaha anjeun ngagunakeun Dashicons dina meta pos?

Anjeun tiasa langkung salengkah sareng nambihan Dashicons kana meta postingan anjeun, atanapi dina kecap sanésna nambihan Dashicons di payuneun panulis. ngaran, tanggal, kategori atawa tag; gumantung kanatéma anjeun sareng inpormasi anu ditampilkeun.

Kusabab anjeun parantos ngalebetkeun Dashicons dina téma anjeun, anu anjeun kedah laksanakeun ayeuna nyaéta muka file style.css anjeun (atanapi nganggo pangropéa CSS Adat anu sok janten pilihan anu langkung saé pikeun anjeun. entong kaleungitan perobahan saatos téma anjeun diropéa!), panggihan pamilih anu cocog sareng tambahkeun kode CSS.

Misalna anjeun hoyong nambihan ikon di payun nami atanapi nami pangarang anjeun.

Lengkah 1:

Kahiji urang bade milih ikon nu dipikahoyong.

Lengkah 2:

Teras klik éta, sareng waktos ieu pilih Salin CSS. Sakali deui, éta bakal masihan anjeun jandela pop-up sareng kode anu anjeun kedah témpélkeun.

Lengkah 3:

Ayeuna buka gaya anjeun.css sarta manggihan pamilih pakait, dina hal ieu - .entry-pangarang. Ku nambihan: sateuacan teras nempelkeun kode CSS anu anjeun tiron tina halaman wéb Dashicons, nami panulis bakal ngagaduhan ikon anu saé di payuneunana. Anjeun ogé kedah netepkeun yén anjeun nganggo font Dashicons. Kodeu anu dirobih sapertos kieu:

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

Hayu urang tambahkeun sakedik gaya ogé, sareng ayeuna kodeu réngsé sapertos kieu:

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

Hasil ahirna

Jadi kumaha Naha bakal kieu tungtungna?

Aya sapertos kieu:

Aya seueur cara anjeun tiasa nganggo Dashicons - hayu kréatipitas anjeun tahan sareng tingali naon anu anjeun tiasa laksanakeun.

Ngahijikeun sadayana

Salian ti conto di luhur, anjeun tiasa nganggo Dashicons dina backend anjeun pikeun nangtukeunikon pikeun jinis tulisan anu béda, atanapi anjeun tiasa dianggo dina judul tulisan anjeun, judul widget, atanapi upami anjeun nyiptakeun halaman badarat khusus anjeun tiasa ngabédakeun antara halaman anu béda dina situs anjeun.

Ieu conto dasar naon Anjeun bisa make eta pikeun nyieun: