વર્ડપ્રેસ મેનૂ આઇકોન 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 ક્લાસ" પસંદ કરી શકો છો . ▼

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