ಲೇಖನ ಡೈರೆಕ್ಟರಿ
ವರ್ಡ್ಪ್ರೆಸ್ಮೆನು ಐಕಾನ್ CSS ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?
WP ನ್ಯಾವಿಗೇಶನ್ ಐಕಾನ್ ಫಾಂಟ್ ಪ್ಲಗಿನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ
ಹೊಸ ಮಾಧ್ಯಮಜನರು ಮಾಡುತ್ತಾರೆಎಸ್ಇಒಇದು ವೆಬ್ಸೈಟ್ ಅನ್ನು ಆಪ್ಟಿಮೈಜ್ ಮಾಡುವುದು ಮತ್ತು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸುವುದು.
ನಿಮ್ಮ 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/ ) ಹಂಚಿಕೊಂಡಿದ್ದಾರೆ "WordPress ಮೆನು ಐಕಾನ್ CSS ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?WP ನ್ಯಾವಿಗೇಷನ್ ಐಕಾನ್ ಫಾಂಟ್ ಪ್ಲಗಿನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ", ಇದು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ಈ ಲೇಖನದ ಲಿಂಕ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಸ್ವಾಗತ:https://www.chenweiliang.com/cwl-642.html