Бұл барлығында болады.

Сіз өзіңізге ұнайтын тақырыпты тауып, оны орнатып, бірнеше айыңызды сайтыңыздың көрінісін тамашалауға жұмсайсыз. Бірақ содан кейін, бірнеше айдан кейін тақырып ескіргендей сезіне бастайды. Біраз қызықсыз.

Жалғыз мәселе - жаңа нәрсе іздеуге бірнеше сағат жұмсағыңыз келмейді. Тақырыпқа аздап дәмдеуіш қосудың жолы болса, оны ерекшелеу үшін аздап алау болса.

Үмітсіздікке қолыңызды көтермес бұрын, мен сізге өз сөзіңізді дәмдетудің оңай жолын көрсетуге рұқсат етіңізші. тақырыпты тым көп күш жұмсамай және сайтыңызды баяулататын қажетсіз суреттерді қоспай.

Dashicons енгізіңіз. Dashicon - бұл WordPress 3.8 нұсқасында енгізілген қаріп белгішелері. Олар бақылау тақтасына кірген кезде көретін керемет және керемет белгішелер. Оларды да тақырыбыңызға қоссаңыз, жақсы емес пе?

Ал, сіз жасай аласыз және мен сізге қалай екенін көрсетемін.

Дашикондарды өз жұмысыңызда қалай пайдалануға болады. навигация мәзірі?

Қарапайым мысалдан бастайық. Дашикондар WordPress-ке 3.8 нұсқасынан бері енгізілген, бірақ оларды сайттың алдыңғы жағында дұрыс көрсету үшін әлі де қосу керек; яғни сіздің тақырыбыңыз.

1-қадам: Dashicons тақырыбын дайындаңыз

Тақырыпты Dashicons дайын ету үшін алдымен functions.php файлын ашыңыз (Көрініс> бөлімінде табылған). ;Редактор – әдепкі бойынша ол ағымдағы тақырыптың CSS файлын ашады. Жалғастырып, іздеңізfunctions.php файлын нұқыңыз және оны өңдегішке жүктеңіз.)

2-қадам: Сценарийді кезекке қойыңыз

Төменге дейін жылжып, осы жолдарды қойыңыз. соңында код:

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

Жарайды! Енді тақырыбыңыз Dashicons пайдалануға дайын.

3-қадам: мәзір элементтеріне Dashicons қосу

Негізгі сілтемеге Dashicon қосайық. Dashicons веб-сайтына өтіп, өзіңізге ұнайтын белгішені таңдаңыз.

Жаңарту: Dashicons бастапқыда GitHub.io сайтында қолжетімді болды, бірақ содан бері олар WordPress.org сайтында қолжетімді болды.

4-қадам:

Қажетті белгішені басыңыз (бұл жағдайда мен үй белгішесін таңдадым), содан кейін HTML-ді көшіру түймесін басыңыз. Ол сізге қажет кодпен қалқымалы терезені береді.

5-қадам:

WordPress бақылау тақтасына оралыңыз, "Көрініс >" түймесін басыңыз. ; Мәзірлерді ашып, кодты шарлау белгісі жазылған жерге қойыңыз.

Егер сөз әлі де көрсетілуін қаласаңыз, оны жабу div жақшасынан кейін теріңіз.

Басу басты бетті сақтаңыз және жүктеңіз. Үй сілтемесі енді әдемі, анық Dashicon көрсетуі керек.

Мұны барлық навигация мәзірі элементтері үшін немесе тек үй үшін жасауға болады. Сәйкес белгішелермен жоғарыдағы қадамдарды қайталаңыз. Бұл оңай болды, дұрыс па?

Пост метада Dashiconдарды қалай пайдаланасыз?

Сіз ары қарай қадам басып, пост метасына Dashicons қосуға болады немесе басқаша айтқанда автордың алдына Dashicons қосуға болады. аты, күні, санат немесе тег; байланыстытақырыбыңыз және ол көрсететін ақпарат.

Тақырыпыңызда Dashicons кезекті қойғандықтан, қазір сізге тек style.css файлын ашу (немесе пайдаланушы CSS өңдегішін пайдаланыңыз, ол әрқашан жақсырақ опция болып табылады) Тақырып жаңартылғаннан кейін өзгерістерді жоғалтпаңыз!), сәйкес таңдау құралын тауып, CSS кодын қосыңыз.

Аты-жөніңіздің немесе авторыңыздың атының алдына белгішені қосқыңыз келеді делік.

1-қадам:

Алдымен біз қалаған белгішені таңдаймыз.

2-қадам:

Одан кейін оны басыңыз және бұл жолы CSS-ті көшіру таңдаңыз. Қайтадан, ол сізге қою керек коды бар қалқымалы терезені береді.

3-қадам:

Енді style.css файлын ашыңыз. және сәйкес селекторды табыңыз, бұл жағдайда – .entry-author. Dashicons веб-сайтынан көшірген CSS кодын :бұрын қосып, содан кейін қою арқылы автордың аты оның алдында жақсы белгішеге ие болады. Сондай-ақ, Dashicons қаріпін пайдаланып жатқаныңызды көрсетуіңіз керек. Өзгертілген код келесідей:

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

Соңғы нәтиже

Сонымен не болады? бұл ақырында солай бола ма?

Осындай нәрсе:

Dashicons қолданбасын пайдаланудың көптеген жолдары бар – шығармашылық қабілеттеріңізге мүмкіндік беріңіз және не істей алатыныңызды көріңіз.

Оның барлығын біріктіру

Жоғарыда келтірілген мысалдардан басқа, әртүрлі нұсқаларды көрсету үшін сервердегі Dashicons пайдалануға болады.әртүрлі жазба түрлеріне арналған белгішелерді немесе оларды жазба тақырыптарында, виджет тақырыптарында пайдалануға болады немесе реттелетін бастапқы бетті жасап жатсаңыз, сайтыңыздың әртүрлі беттерін ажыратуға болады.

Міне, ненің негізгі мысалы. оларды жасау үшін пайдалана аласыз: