ಲೇಖನ ಡೈರೆಕ್ಟರಿ
ವರ್ಡ್ಪ್ರೆಸ್ ಮೆನು ಐಕಾನ್‌ಗೆ CSS ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು ?
WP ನ್ಯಾವಿಗೇಶನ್ ಐಕಾನ್ ಫಾಂಟ್ ಪ್ಲಗಿನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ
ಹೊಸ ಮಾಧ್ಯಮ ವೃತ್ತಿಪರರಿಗೆ, SEO ಎಂದರೆ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿಸುವುದು ಮತ್ತು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸುವುದು.
ನಿಮ್ಮ WordPress ವೆಬ್‌ಸೈಟ್‌ಗೆ ಐಕಾನ್ ಫಾಂಟ್‌ಗಳನ್ನು ನೀವು ಸೇರಿಸಬಹುದು, ಅದು ತುಂಬಾ ಸುಂದರವಾಗಿರುತ್ತದೆ ಮತ್ತು ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸ WP ಥೀಮ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.
ಸಣ್ಣ ಇಮೇಜ್ ಫಾರ್ಮ್ಯಾಟ್‌ನಲ್ಲಿರುವ ಐಕಾನ್ ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಐಕಾನ್‌ಗಳು ವಿಭಿನ್ನವಾಗಿವೆ:
- ರೆಟಿನಾ ಪ್ರದರ್ಶನವನ್ನು ಬೆಂಬಲಿಸಿ.
- ಅಷ್ಟುಅನಿಯಮಿತಹಿಗ್ಗಿಸಿ.
- ನ್ಯಾವಿಗೇಶನ್ ಮೆನುವಿನಲ್ಲಿರುವ ಐಟಂಗಳನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಐಕಾನ್ ಫಾಂಟ್‌ಗಳಂತೆ ವೈಯಕ್ತೀಕರಿಸಿ.
ವಿವರವಾದ ನಿರೂಪಣೆಗಳಿಗಾಗಿ, ದಯವಿಟ್ಟು ಚೆನ್ ವೈಲಿಯಾಂಗ್ ಅವರ ಬ್ಲಾಗ್‌ನಲ್ಲಿ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವನ್ನು ನೋಡಿ .
ಐಕಾನ್ ಫಾಂಟ್‌ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು?
ಹಂತ 1: ಪ್ಲಗಿನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ
- WP ಹಿನ್ನೆಲೆ → ಪ್ಲಗಿನ್‌ಗಳು → ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಿ → "Font Awesome 4 Menus" ಗಾಗಿ ಹುಡುಕಿ, ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ ಮತ್ತು ಸ್ಥಾಪಿಸಿ ಮತ್ತು ಸಕ್ರಿಯಗೊಳಿಸಿ;
- ನೀವು ವೆಬ್‌ಸೈಟ್‌ನಿಂದ ನೇರವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು, ನಂತರ ಅಪ್‌ಲೋಡ್ ಮಾಡಿದ ನಂತರ 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