ആർട്ടിക്കിൾ ഡയറക്ടറി
വേർഡ്പ്രൈസ്മെനു ഐക്കൺ CSS എങ്ങനെ ചേർക്കാം?
WP നാവിഗേഷൻ ഐക്കൺ ഫോണ്ട് പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക
നവമാധ്യമങ്ങൾആളുകൾ ചെയ്യുന്നുഎസ്.ഇ.ഒ.വെബ്സൈറ്റ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിനും ഉപയോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുന്നതിനുമാണ് ഇത്.
നിങ്ങളുടെ വേർഡ്പ്രസ്സ് വെബ്സൈറ്റിലേക്ക് ഐക്കൺ ഫോണ്ടുകൾ ചേർക്കാൻ കഴിയും, അവ വളരെ മനോഹരവും റെസ്‌പോൺസീവ് ഡിസൈൻ WP തീം ടെംപ്ലേറ്റുകളെ പിന്തുണയ്ക്കുന്നു.
ചെറിയ ഇമേജ് ഫോർമാറ്റിലുള്ള ഐക്കൺ ഫോണ്ടുകളും ഐക്കണുകളും വ്യത്യസ്തമാണ്:
- റെറ്റിന ഡിസ്പ്ലേ പിന്തുണയ്ക്കുക.
- കഴിയുംപരിധിയില്ലാത്തവലുതാക്കുക.
- നാവിഗേഷൻ മെനുവിലെ ഇനങ്ങൾ ഐക്കൺ ഫോണ്ടുകളായി വ്യക്തിഗതമാക്കുക.
നിർദ്ദിഷ്ട ഇഫക്റ്റ് ഡയഗ്രം കാണാൻ കഴിയുംചെൻ വെയ്‌ലിയാങ്ബ്ലോഗിന്റെ നാവിഗേഷൻ മെനു.
ഐക്കൺ ഫോണ്ടുകൾ എങ്ങനെ ഉപയോഗിക്കാം?
ഏകദേശം 1 എണ്ണം:പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക
- WP പശ്ചാത്തലം → പ്ലഗിനുകൾ → പ്ലഗിനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക → "Font Awesome 4 മെനുകൾ" തിരയുക, ഡൗൺലോഡ് ചെയ്ത് ഇൻസ്റ്റാൾ ചെയ്ത് പ്രവർത്തനക്ഷമമാക്കുക;
- നിങ്ങൾക്ക് വെബ്‌സൈറ്റിൽ നിന്ന് നേരിട്ട് ഡൗൺലോഡ് ചെയ്യാം, തുടർന്ന് അപ്‌ലോഡ് ചെയ്‌തതിന് ശേഷം FTP വഴി അപ്‌ലോഡ് ചെയ്യുകയോ ഇൻസ്റ്റാൾ ചെയ്യുകയോ ചെയ്യാം.
ഏകദേശം 2 എണ്ണം:ഐക്കൺ ഫോണ്ടുകൾ കണ്ടെത്തുക
ഐക്കൺ ഫോണ്ടുകളുടെ ഔദ്യോഗിക വെബ്സൈറ്റിലേക്ക് പോകാൻ ഇവിടെ ക്ലിക്ക് ചെയ്യുകഐക്കൺ ഫോണ്ടിന്റെ ഔദ്യോഗിക വെബ്സൈറ്റ് തുറന്ന് നമുക്ക് ആവശ്യമുള്ള ഐക്കൺ കണ്ടെത്തുക▼
- നിങ്ങൾ ഐക്കണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ കാണിക്കാൻ കഴിയുന്നവ
<i class =“fa fa-home”> </ i>ഫാ ഫാ-ഹോം പകർത്തുക. - ഹോം ഐക്കൺ പേര് ഹോം ആണെങ്കിൽ, നമ്മൾ "മെനു CSS ക്ലാസ്സിൽ" നൽകേണ്ടതുണ്ട്
fas fa-home
ഏകദേശം 3 എണ്ണം:മെനു ഇൻപുട്ട് CSS ക്ലാസ് ഫോണ്ട് ഐക്കൺ
- WP പശ്ചാത്തലം → രൂപഭാവം → മെനു, മെനു ക്രമീകരണ പേജ് നൽകുക.
- ഒരു മെനു ഇനം തിരഞ്ഞെടുത്ത് എഡിറ്റ് ചെയ്യുക,
- CSS ക്ലാസ്സിൽ, ഞങ്ങൾ ഇപ്പോൾ പകർത്തിയ ഐക്കൺ ഫോണ്ട് നെയിം ഒട്ടിക്കുക (
fa fa-home) ▼
- (മറ്റ് ഐക്കണുകളുടെ പ്രവർത്തനം സമാനമാണ്)
- അവസാനം സേവ് ക്ലിക്ക് ചെയ്യുക.
മുൻകരുതലുകൾ
എഡിറ്റ് മെനു ഇനങ്ങളുടെ പാനലിൽ നിങ്ങൾക്ക് CSS ക്ലാസുകൾ ഇല്ലെങ്കിൽ, മുകളിൽ വലത് കോണിലുള്ള "ഡിസ്പ്ലേ ഓപ്ഷനുകൾ" നിങ്ങൾക്ക് തുറക്കാം.മെനുവിന്റെ വിപുലമായ പ്രോപ്പർട്ടികൾ കാണിക്കുക, "CSS ക്ലാസ്" തിരഞ്ഞെടുക്കുക ▼
- തീർച്ചയായും, ഈ ഐക്കൺ ഫോണ്ട് ലൈബ്രറി നാവിഗേഷൻ മെനുവിൽ ഉപയോഗിക്കുന്നതിന് പരിമിതപ്പെടുത്തിയിട്ടില്ല, തീം ടെംപ്ലേറ്റിന്റെ അനുബന്ധ സ്ഥാനത്തേക്ക് അനുബന്ധ ഐക്കൺ കോഡ് ചേർക്കുന്നിടത്തോളം.
ഹോപ്പ് ചെൻ വെയ്‌ലിയാങ് ബ്ലോഗ് ( https://www.chenweiliang.com/ ) പങ്കിട്ടു "വേർഡ്പ്രസ്സ് മെനു ഐക്കൺ CSS എങ്ങനെ ചേർക്കാം?WP നാവിഗേഷൻ ഐക്കൺ ഫോണ്ട് പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക", ഇത് നിങ്ങളെ സഹായിക്കും.
ഈ ലേഖനത്തിന്റെ ലിങ്ക് പങ്കിടാൻ സ്വാഗതം:https://www.chenweiliang.com/cwl-642.html
ഏറ്റവും പുതിയ അപ്‌ഡേറ്റുകൾ ലഭിക്കുന്നതിന് ചെൻ വെയ്‌ലിയാങ്ങിന്റെ ബ്ലോഗിന്റെ ടെലിഗ്രാം ചാനലിലേക്ക് സ്വാഗതം!
📚 ഈ ഗൈഡിൽ വലിയ മൂല്യമുണ്ട്, 🌟 ഇതൊരു അപൂർവ അവസരമാണ്, ഇത് നഷ്‌ടപ്പെടുത്തരുത്! ⏰⌛💨
ഇഷ്ടമായാൽ ഷെയർ ചെയ്യുക, ലൈക്ക് ചെയ്യുക!
നിങ്ങളുടെ ഷെയറിംഗും ലൈക്കുകളുമാണ് ഞങ്ങളുടെ തുടർച്ചയായ പ്രചോദനം!