அனைவருக்கும் இது நடக்கும்.

நீங்கள் விரும்பும் தீம் ஒன்றைக் கண்டுபிடித்து, அதை நிறுவி, உங்கள் தளத்தின் தோற்றத்தை ரசிக்க சில மாதங்கள் செலவிடுங்கள். ஆனால் சில மாதங்களுக்குப் பிறகு, தீம் பழையதாக உணரத் தொடங்குகிறது. சற்று சலிப்பை ஏற்படுத்துகிறது.

ஒரே பிரச்சனை என்னவென்றால், நீங்கள் புதிதாக ஒன்றைத் தேடி இரண்டு மணிநேரம் செலவிட விரும்பவில்லை. உங்கள் கருப்பொருளில் சிறிது மசாலாவைச் சேர்க்க ஒரு வழி இருந்தால், அதைத் தனித்து நிற்கச் செய்ய ஒரு சிறிய விரிவடையும்.

விரக்தியில் உங்கள் கைகளை மேலே தூக்கி எறிவதற்கு முன், உங்கள் கருப்பொருளை மசாலாமாக்குவதற்கான எளிதான வழியைக் காட்டுகிறேன். தீம் அதிக முயற்சி இல்லாமல், மற்றும் உங்கள் தளத்தின் வேகத்தை குறைக்கும் தேவையற்ற படங்களை சேர்க்காமல்.

Dashicons ஐ உள்ளிடவும். Dashicons என்பது WordPress 3.8 இல் அறிமுகப்படுத்தப்பட்ட எழுத்துரு சின்னங்கள். உங்கள் டாஷ்போர்டில் உள்நுழையும்போது நீங்கள் பார்க்கும் அற்புதமான மற்றும் அருமையான ஐகான்கள் அவை. அவற்றையும் உங்கள் கருப்பொருளில் சேர்த்தால் நன்றாக இருக்கும் அல்லவா?

சரி, உங்களால் முடியும், அதை எப்படி என்று நான் உங்களுக்குக் காட்டப் போகிறேன்.

உங்கள் டாஷிகான்களை எப்படிப் பயன்படுத்தலாம் வழிசெலுத்தல் மெனுவா?

ஒரு எளிய உதாரணத்துடன் ஆரம்பிக்கலாம். வேர்ட்பிரஸ் பதிப்பு 3.8 இலிருந்து Dashicons ஏற்கனவே சேர்க்கப்பட்டுள்ளன, ஆனால் அவற்றை உங்கள் தளத்தின் முன் முனையில் சரியாகக் காண்பிக்க அவற்றை நீங்கள் இன்னும் சேர்க்க வேண்டும்; அதாவது, உங்கள் தீம்.

படி 1: உங்கள் தீம் டாஷிகான்களை தயார் செய்யுங்கள்

உங்கள் தீம் டாஷிகான்களை தயார் செய்ய முதலில் உங்கள் functions.php கோப்பை திறக்கவும் (தோற்றம்> இல் காணப்படுகிறது ;எடிட்டர் - முன்னிருப்பாக இது உங்கள் தற்போதைய தீமின் CSS கோப்பை திறக்கும். மேலே சென்று தேடுங்கள்functions.php கோப்பினை எடிட்டரில் ஏற்றுவதற்கு அதைக் கிளிக் செய்யவும் இறுதியில் குறியீடு:

//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:

உங்கள் வேர்ட்பிரஸ் டாஷ்போர்டுக்குச் சென்று, தோற்றம் > என்பதைக் கிளிக் செய்யவும். ; மெனுக்கள் மற்றும் நேவிகேஷன் லேபிள் என்று இருக்கும் இடத்தில் குறியீட்டை ஒட்டவும்.

இன்னும் வார்த்தை காட்டப்பட வேண்டுமெனில், அதை மூடும் div அடைப்புக்குறிக்குப் பிறகு தட்டச்சு செய்யவும்.

கிளிக் செய்யவும். உங்கள் முகப்புப் பக்கத்தைச் சேமித்து ஏற்றவும். உங்கள் முகப்பு இணைப்பு இப்போது அழகான, மிருதுவான Dashicon ஐக் காட்ட வேண்டும்.

இதை நீங்கள் அனைத்து வழிசெலுத்தல் மெனு உருப்படிகளுக்கும் அல்லது வீட்டிற்கும் செய்யலாம். பொருந்தும் ஐகான்களுடன் மேலே உள்ள படிகளை மீண்டும் செய்யவும். அது எளிதாக இருந்தது சரியா?

போஸ்ட் மெட்டாவில் டாஷிகான்களை எப்படிப் பயன்படுத்துகிறீர்கள்?

நீங்கள் ஒரு படி மேலே சென்று உங்கள் இடுகை மெட்டாவில் டாஷிகான்களைச் சேர்க்கலாம் அல்லது வேறுவிதமாகக் கூறினால் ஆசிரியரின் முன் டாஷிகான்களைச் சேர்க்கவும். பெயர், தேதி, வகை அல்லது குறிச்சொல்; பொறுத்துஉங்கள் தீம் மற்றும் அது காண்பிக்கும் தகவல்.

உங்கள் தீமில் டாஷிகான்களை நீங்கள் ஏற்கனவே வரிசைப்படுத்தியிருப்பதால், நீங்கள் இப்போது செய்ய வேண்டியது உங்கள் 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-ஐப் பயன்படுத்த பல வழிகள் உள்ளன – உங்கள் படைப்பாற்றலை நிலைநிறுத்தி நீங்கள் என்ன செய்ய முடியும் என்பதைப் பார்க்கவும்.

அனைத்தையும் ஒன்றாக இணைத்து

மேலே உள்ள உதாரணங்களைத் தவிர, வேறுபட்டவற்றைக் குறிப்பிட உங்கள் பின்தளத்தில் டாஷிகான்களைப் பயன்படுத்தலாம்வெவ்வேறு இடுகை வகைகளுக்கான ஐகான்கள் அல்லது அவற்றை உங்கள் இடுகையின் தலைப்புகள், விட்ஜெட் தலைப்புகளில் பயன்படுத்தலாம் அல்லது தனிப்பயன் முகப்புப் பக்கத்தை உருவாக்கினால், உங்கள் தளத்தின் வெவ்வேறு பக்கங்களை வேறுபடுத்திப் பார்க்கலாம்.

எதற்கு அடிப்படை எடுத்துக்காட்டு இங்கே அவற்றை உருவாக்க நீங்கள் பயன்படுத்தலாம்: