વર્ડપ્રેસ મેનૂ આઇકોન CSS કેવી રીતે ઉમેરવું?WP નેવિગેશન આઇકોન ફોન્ટ પ્લગઇન ઇન્સ્ટોલ કરો

વર્ડપ્રેસમેનુ આઇકોન CSS કેવી રીતે ઉમેરવું?

WP નેવિગેશન આઇકોન ફોન્ટ પ્લગઇન ઇન્સ્ટોલ કરો

નવું મીડિયાલોકો કરે છેSEOતે વેબસાઇટને ઑપ્ટિમાઇઝ કરવા અને વપરાશકર્તા અનુભવને સુધારવા માટે છે.

તમે તમારી વર્ડપ્રેસ વેબસાઇટ પર આઇકન ફોન્ટ્સ ઉમેરી શકો છો, જે ખૂબ જ સુંદર છે અને પ્રતિભાવ ડિઝાઇન WP થીમ ટેમ્પલેટ્સને સપોર્ટ કરે છે.

નાના ઇમેજ ફોર્મેટમાં આઇકન ફોન્ટ્સ અને આઇકન્સ અલગ છે:

• રેટિના ડિસ્પ્લેને સપોર્ટ કરે છે.
• કરી શકો છોઅમર્યાદિતમોટું કરવું
• નેવિગેશન મેનૂ પરની આઇટમ્સને આઇકન ફોન્ટ્સ તરીકે વ્યક્તિગત રૂપે વ્યક્તિગત કરો.

ચોક્કસ અસર ડાયાગ્રામ જોઈ શકાય છેચેન વેઇલીંગબ્લોગનું નેવિગેશન મેનુ.

આઇકોન ફોન્ટ્સનો ઉપયોગ કેવી રીતે કરવો?

第 1 步:પ્લગઇન ઇન્સ્ટોલ કરો

• WP પૃષ્ઠભૂમિ → પ્લગઇન્સ → પ્લગઇન્સ ઇન્સ્ટોલ કરો → "ફોન્ટ અદ્ભુત 4 મેનુ" માટે શોધો, ડાઉનલોડ કરો અને ઇન્સ્ટોલ કરો અને સક્ષમ કરો;
• તમે વેબસાઇટ પરથી સીધા ડાઉનલોડ પણ કરી શકો છો, પછી અપલોડ કર્યા પછી FTP દ્વારા અપલોડ અથવા ઇન્સ્ટોલ કરી શકો છો.

第 2 步:આઇકન ફોન્ટ્સ શોધો

આઇકન ફોન્ટની અધિકૃત વેબસાઇટ ખોલો અને અમને જોઈતું આઇકન શોધો▼

• જે તમે આયકન પર ક્લિક કરો ત્યારે બતાવી શકો છો <i class =“fa fa-home”> </ i>એફએ એફએ-ઘર નકલ કરો.
• જો હોમ આઇકોનનું નામ હોમ છે, તો આપણે "મેનુ CSS ક્લાસ" માં દાખલ કરવાની જરૂર છે. fas fa-home

第 3 步:મેનુ ઇનપુટ CSS ક્લાસ ફોન્ટ આઇકન

• WP પૃષ્ઠભૂમિ → દેખાવ → મેનુ, મેનુ સેટિંગ પૃષ્ઠ દાખલ કરો.
• મેનુ આઇટમ પસંદ કરો અને સંપાદિત કરો,
• CSS ક્લાસમાં, અમે હમણાં કોપી કરેલ આઇકોન ફોન્ટ નામ પેસ્ટ કરો (fa fa-home) ▼

• (અન્ય ચિહ્નોની કામગીરી સમાન છે)
• છેલ્લે સેવ પર ક્લિક કરો.

સાવચેતી

જો તમારી પાસે મેનુ આઇટમ્સ સંપાદિત કરો પેનલમાં CSS વર્ગો ન હોય, તો તમે ઉપરના જમણા ખૂણામાં "ડિસ્પ્લે વિકલ્પો" ખોલી શકો છો અનેમેનુના અદ્યતન ગુણધર્મો બતાવો, "CSS વર્ગ" પસંદ કરો ▼

• અલબત્ત, આ આઇકન ફોન્ટ લાઇબ્રેરી નેવિગેશન મેનૂમાં ઉપયોગ કરવા માટે મર્યાદિત નથી, જ્યાં સુધી થીમ ટેમ્પ્લેટની અનુરૂપ સ્થિતિમાં અનુરૂપ આઇકોન કોડ ઉમેરવામાં આવે છે.