ਲੇਖ ਡਾਇਰੈਕਟਰੀ
ਵਰਡਪਰੈਸਮੇਨੂ ਆਈਕਨ CSS ਨੂੰ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ?
WP ਨੈਵੀਗੇਸ਼ਨ ਆਈਕਨ ਫੋਂਟ ਪਲੱਗਇਨ ਸਥਾਪਿਤ ਕਰੋ
ਨਵਾਂ ਮੀਡੀਆਲੋਕ ਕਰਦੇ ਹਨSEOਇਹ ਵੈਬਸਾਈਟ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਅਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਹੈ.
ਤੁਸੀਂ ਆਪਣੀ ਵਰਡਪਰੈਸ ਵੈੱਬਸਾਈਟ 'ਤੇ ਆਈਕਨ ਫੋਂਟ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ, ਜੋ ਕਿ ਬਹੁਤ ਸੁੰਦਰ ਹਨ ਅਤੇ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ WP ਥੀਮ ਟੈਂਪਲੇਟਸ ਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ।
ਛੋਟੇ ਚਿੱਤਰ ਫਾਰਮੈਟ ਵਿੱਚ ਆਈਕਨ ਫੌਂਟ ਅਤੇ ਆਈਕਨ ਵੱਖ-ਵੱਖ ਹਨ:
- ਰੈਟੀਨਾ ਡਿਸਪਲੇਅ ਦਾ ਸਮਰਥਨ ਕਰੋ।
- ਕਰ ਸਕਦਾ ਹੈਅਸੀਮਤਵੱਡਾ ਕਰੋ
- ਨੈਵੀਗੇਸ਼ਨ ਮੀਨੂ 'ਤੇ ਆਈਟਮਾਂ ਨੂੰ ਵਿਅਕਤੀਗਤ ਤੌਰ 'ਤੇ ਆਈਕਨ ਫੌਂਟਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਵਿਅਕਤੀਗਤ ਬਣਾਓ।
ਖਾਸ ਪ੍ਰਭਾਵ ਚਿੱਤਰ ਨੂੰ ਦੇਖਿਆ ਜਾ ਸਕਦਾ ਹੈਚੇਨ ਵੇਲਿਯਾਂਗਬਲੌਗ ਦਾ ਨੈਵੀਗੇਸ਼ਨ ਮੀਨੂ।
ਆਈਕਨ ਫੌਂਟਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?
第 1 步:ਪਲੱਗਇਨ ਇੰਸਟਾਲ ਕਰੋ
- WP ਬੈਕਗਰਾਊਂਡ → ਪਲੱਗਇਨ → ਪਲੱਗਇਨ ਸਥਾਪਿਤ ਕਰੋ → "ਫੌਂਟ ਅਜੀਬ 4 ਮੀਨੂ" ਲਈ ਖੋਜ ਕਰੋ, ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ ਸਥਾਪਿਤ ਕਰੋ ਅਤੇ ਸਮਰੱਥ ਕਰੋ;
- ਤੁਸੀਂ ਵੈੱਬਸਾਈਟ ਤੋਂ ਸਿੱਧਾ ਡਾਊਨਲੋਡ ਵੀ ਕਰ ਸਕਦੇ ਹੋ, ਫਿਰ ਅੱਪਲੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ FTP ਰਾਹੀਂ ਅੱਪਲੋਡ ਜਾਂ ਇੰਸਟਾਲ ਕਰ ਸਕਦੇ ਹੋ।
第 2 步:ਆਈਕਨ ਫੋਂਟ ਲੱਭੋ
ਆਈਕਨ ਫੌਂਟਸ ਦੀ ਅਧਿਕਾਰਤ ਵੈੱਬਸਾਈਟ 'ਤੇ ਜਾਣ ਲਈ ਇੱਥੇ ਕਲਿੱਕ ਕਰੋਆਈਕਨ ਫੌਂਟ ਦੀ ਅਧਿਕਾਰਤ ਵੈੱਬਸਾਈਟ ਖੋਲ੍ਹੋ ਅਤੇ ਉਹ ਆਈਕਨ ਲੱਭੋ ਜਿਸਦੀ ਸਾਨੂੰ ਲੋੜ ਹੈ▼
- ਜੋ ਤੁਸੀਂ ਆਈਕਨ 'ਤੇ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਦਿਖਾ ਸਕਦੇ ਹੋ
<i class =“fa fa-home”> </ i>ਨਕਲ fa fa-ਘਰ. - ਜੇਕਰ ਹੋਮ ਆਈਕਨ ਦਾ ਨਾਮ ਘਰ ਹੈ, ਤਾਂ ਸਾਨੂੰ "ਮੇਨੂ 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