ఇది అందరికీ జరుగుతుంది.

మీకు నచ్చిన థీమ్‌ని మీరు కనుగొని, దాన్ని ఇన్‌స్టాల్ చేసి, మీ సైట్ రూపాన్ని ఆస్వాదిస్తూ కొన్ని నెలలు గడపండి. కానీ కొన్ని నెలల తర్వాత, థీమ్ పాతదిగా అనిపిస్తుంది. కొంచెం విసుగు తెప్పిస్తుంది.

ఒకే సమస్య ఏమిటంటే, మీరు కొత్త వాటి కోసం కొన్ని గంటల పాటు వెచ్చించకూడదు. మీ థీమ్‌కు కొద్దిగా మసాలా జోడించడానికి ఒక మార్గం ఉంటే, అది ప్రత్యేకంగా కనిపించేలా చేయడానికి కొంచెం మంట.

మీరు నిరాశతో మీ చేతులను పైకి విసిరే ముందు, మీ మసాలాను మెరుగుపరచడానికి నేను మీకు సులభమైన మార్గాన్ని చూపుతాను. ఎక్కువ శ్రమ లేకుండా మరియు మీ సైట్‌ని నెమ్మదించే అనవసరమైన చిత్రాలను జోడించకుండా థీమ్.

Dashiconsను నమోదు చేయండి. డాషికాన్‌లు WordPress 3.8లో పరిచయం చేయబడిన ఫాంట్ చిహ్నాలు. అవి మీరు మీ డ్యాష్‌బోర్డ్‌లోకి లాగిన్ చేసినప్పుడు మీకు కనిపించే అద్భుతమైన మరియు అద్భుతమైన చిహ్నాలు. మీరు వాటిని మీ థీమ్‌కి కూడా జోడించగలిగితే చాలా బాగుంటుంది కదా?

సరే, మీరు చేయగలరు మరియు నేను మీకు చూపించబోతున్నాను.

మీరు మీలో డాషికాన్‌లను ఎలా ఉపయోగించగలరు నావిగేషన్ మెనూ?

ఒక సాధారణ ఉదాహరణ ద్వారా ప్రారంభిద్దాం. వెర్షన్ 3.8 నుండి డాషికాన్‌లు ఇప్పటికే WordPressలో చేర్చబడ్డాయి, అయితే వాటిని మీ సైట్ ముందు భాగంలో సరిగ్గా ప్రదర్శించడానికి మీరు వాటిని ఇంకా చేర్చాలి; అంటే, మీ థీమ్.

1వ దశ: మీ థీమ్ డాషికాన్‌లను సిద్ధం చేయండి

మీ థీమ్ డాషికాన్‌లను సిద్ధం చేయడానికి ముందుగా మీ ఫంక్షన్‌లు.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' ); }

సరే! ఇప్పుడు మీ థీమ్ డాషికాన్‌లను ఉపయోగించడానికి సిద్ధంగా ఉంది.

స్టెప్ 3: మెను ఐటెమ్‌లకు డాషికాన్‌లను జోడిస్తోంది

మీ హోమ్ లింక్ కోసం డాషికాన్‌ని యాడ్ చేద్దాం. Dashicons వెబ్‌సైట్‌కి వెళ్లి, మీకు నచ్చిన చిహ్నాన్ని ఎంచుకోండి.

నవీకరణ: Dashicons వాస్తవానికి GitHub.ioలో అందుబాటులో ఉన్నాయి, అయితే అవి WordPress.orgలో అందుబాటులోకి వచ్చాయి.

దశ 4:

కావలసిన ఐకాన్‌పై క్లిక్ చేయండి (ఈ సందర్భంలో నేను హోమ్ చిహ్నాన్ని ఎంచుకున్నాను) ఆపై కాపీ HTMLపై క్లిక్ చేయండి. ఇది మీకు అవసరమైన కోడ్‌తో పాప్-అప్ విండోను అందిస్తుంది.

దశ 5:

మీ WordPress డాష్‌బోర్డ్‌కి తిరిగి వెళ్లి, స్వరూపం >పై క్లిక్ చేయండి ; మెనూలు చేసి, కోడ్‌ని నావిగేషన్ లేబుల్ అని ఉన్న చోట అతికించండి.

మీరు ఇప్పటికీ పదం కనిపించాలని కోరుకుంటే, దాన్ని మూసివేసే డివి బ్రాకెట్ తర్వాత టైప్ చేయండి.

క్లిక్ చేయండి. మీ హోమ్ పేజీని సేవ్ చేసి లోడ్ చేయండి. మీ హోమ్ లింక్ ఇప్పుడు చక్కని, స్ఫుటమైన డాషికాన్‌ను ప్రదర్శించాలి.

మీరు దీన్ని అన్ని నావిగేషన్ మెను ఐటెమ్‌ల కోసం లేదా ఇంటి కోసం మాత్రమే చేయవచ్చు. సరిపోలే చిహ్నాలతో పై దశలను పునరావృతం చేయండి. ఇది చాలా సులభం కాదా?

మీరు పోస్ట్ మెటాలో డాషికాన్‌లను ఎలా ఉపయోగిస్తారు?

మీరు ఒక అడుగు ముందుకు వేసి మీ పోస్ట్ మెటాకు డాషికాన్‌లను జోడించవచ్చు లేదా ఇతర మాటలలో రచయితల ముందు డాషికాన్‌లను జోడించవచ్చు పేరు, తేదీ, వర్గం లేదా ట్యాగ్; ఆదారపడినదాన్నిబట్టిమీ థీమ్ మరియు అది ప్రదర్శించే సమాచారం.

మీరు ఇప్పటికే మీ థీమ్‌లో డాషికాన్‌లను క్యూలో ఉంచారు కాబట్టి, మీరు ఇప్పుడు చేయాల్సిందల్లా మీ style.css ఫైల్‌ను తెరవడమే (లేదా అనుకూల CSS ఎడిటర్‌ని ఉపయోగించండి, ఇది ఎల్లప్పుడూ మంచి ఎంపికగా ఉంటుంది కాబట్టి మీరు మీ థీమ్ అప్‌డేట్ చేసిన తర్వాత మార్పులను కోల్పోకండి!), సరిపోలే ఎంపిక సాధనాన్ని కనుగొని, CSS కోడ్‌ని జోడించండి.

మీరు మీ పేరు లేదా మీ రచయిత పేరు ముందు ఒక చిహ్నాన్ని జోడించాలనుకుంటున్నారని అనుకుందాం.

దశ 1:

మొదట మనం కోరుకునే చిహ్నాన్ని ఎంచుకుంటాము.

దశ 2:

తర్వాత దానిపై క్లిక్ చేసి, ఈసారి కాపీ CSSని ఎంచుకోండి. మళ్లీ, ఇది మీరు అతికించాల్సిన కోడ్‌తో పాప్-అప్ విండోను అందిస్తుంది.

స్టెప్ 3:

ఇప్పుడు మీ style.cssని తెరవండి మరియు సంబంధిత ఎంపిక సాధనాన్ని కనుగొనండి, ఈ సందర్భంలో – .entry-author. డాషికాన్స్ వెబ్‌సైట్ నుండి మీరు కాపీ చేసిన 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; } 

తుది ఫలితం

కాబట్టి ఏమిటి ఇది చివరికి ఇలాగే ఉంటుందా?

ఇలాంటివి:

మీరు డాషికాన్‌లను ఉపయోగించడానికి చాలా మార్గాలు ఉన్నాయి – మీ సృజనాత్మకతను పట్టుకుని మీరు ఏమి చేయగలరో చూడండి.

అన్నింటినీ కలిపి ఉంచడం

పై ఉదాహరణలను పక్కన పెడితే, మీరు విభిన్నమైన వాటిని పేర్కొనడానికి మీ బ్యాకెండ్‌లో డాషికాన్‌లను ఉపయోగించవచ్చువిభిన్న పోస్ట్ రకాల కోసం చిహ్నాలు లేదా మీరు వాటిని మీ పోస్ట్ శీర్షికలు, విడ్జెట్ శీర్షికలలో ఉపయోగించవచ్చు లేదా మీరు కస్టమ్ ల్యాండింగ్ పేజీని సృష్టిస్తున్నట్లయితే, మీరు మీ సైట్‌లోని వివిధ పేజీల మధ్య తేడాను గుర్తించవచ్చు.

వాటికి ప్రాథమిక ఉదాహరణ ఇక్కడ ఉంది మీరు సృష్టించడానికి వాటిని ఉపయోగించవచ్చు: