ಲೇಖನ ಡೈರೆಕ್ಟರಿ
如何 隐藏ವರ್ಡ್ಪ್ರೆಸ್ಥೀಮ್ ದಿನಾಂಕ CSS ಶೈಲಿ?
DIV ಗುಪ್ತ CSS ಶೈಲಿಯ ಟ್ಯುಟೋರಿಯಲ್
ಚೆನ್ ವೈಲಿಯಾಂಗ್ಇತ್ತೀಚೆಗೆ, ವೆಬ್ಸೈಟ್ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಸುಧಾರಿಸಲಾಗಿದೆ ಮತ್ತು ಆಪ್ಟಿಮೈಸ್ ಮಾಡಲಾಗಿದೆ ಮತ್ತು ಇದನ್ನು ಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳಲು ಸಹ ಮಾಡಲಾಗುತ್ತದೆಎಸ್ಇಒಬಳಕೆದಾರ ಅನುಭವ.
ಹ್ಯಾವ್ಹೊಸ ಮಾಧ್ಯಮಜನರು ಕೇಳಿದರು:ನಾವು ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ನ ನಿರ್ದಿಷ್ಟ ಐಕಾನ್, ದಿನಾಂಕವನ್ನು ಮರೆಮಾಡಲು ಬಯಸಿದರೆ ಏನು ಮಾಡಬೇಕು?
CSS ನೊಂದಿಗೆ ಶೈಲಿಗಳನ್ನು ಮರೆಮಾಡಲು ಉತ್ತರವಾಗಿದೆ:
.r-hide {display：none;}CSS ಗುಪ್ತ ಶೈಲಿಗಳು ಸಾಧಿಸಬಹುದು:
- 1) ಗುಪ್ತ ಪಠ್ಯ
- 2) ಹೈಪರ್ಲಿಂಕ್ಗಳನ್ನು ಮರೆಮಾಡಿ (ಕಪ್ಪು ಲಿಂಕ್ಗಳು)
- 3) ಅಂಕಿಅಂಶಗಳ ಕೋಡ್ ಅನ್ನು ಮರೆಮಾಡಿ
- 4) ಐಕಾನ್ ಮರೆಮಾಡಿ
ಮೊದಲಿಗೆ, ನಾವು CSS ಸೆಲೆಕ್ಟರ್ಗಳನ್ನು ಕಂಡುಹಿಡಿಯಬೇಕು.
CSS ಸೆಲೆಕ್ಟರ್ಗಳು ಯಾವುವು?
ಪ್ರತಿ CSS ಶೈಲಿಯ ವ್ಯಾಖ್ಯಾನವು 2 ಭಾಗಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:
选择器{样式}- {} ಮೊದಲು ಭಾಗವು "ಸೆಲೆಕ್ಟರ್" ಆಗಿದೆ.
- "ಸೆಲೆಕ್ಟರ್" {} ವಸ್ತುವಿನ "ಶೈಲಿ" ಅನ್ನು ಸೂಚಿಸುತ್ತದೆ.
- ಪುಟದ ಯಾವ ಅಂಶದ ಮೇಲಿನ ಕಾಮೆಂಟ್ಗಳು ಈ "ಶೈಲಿ" ಕೆಲಸ ಮಾಡುತ್ತದೆ?
CSS ಸೆಲೆಕ್ಟರ್ಗಳನ್ನು ಕಂಡುಹಿಡಿಯುವುದು ಹೇಗೆ?
ಕೋಡ್ ಉದಾಹರಣೆ 1
ಕೆಳಗಿನವುಗಳು GIF ಅನಿಮೇಶನ್ನ ಉದಾಹರಣೆಯಾಗಿದೆ. ಬ್ರೌಸರ್ ಮೂಲಕ CSS ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಕಂಡುಹಿಡಿದ ನಂತರ, ದಿನಾಂಕವನ್ನು ಮರೆಮಾಡಲಾಗಿದೆ▼
CSS ಸೆಲೆಕ್ಟರ್ಗಳನ್ನು ಪಡೆಯಿರಿ time.the-date ಅದರ ನಂತರ, WP ಥೀಮ್ನ style.css ಫೈಲ್ಗೆ ಕೆಳಗಿನ CSS ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಿ:
time.the-date {
display: none;
}ಕೋಡ್ ಉದಾಹರಣೆ 2
class="r-hide" ನೊಂದಿಗೆ ಎಲಿಮೆಂಟ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ಮತ್ತು ಶೈಲಿ ಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದು ಇಲ್ಲಿದೆ:
.r-hide {display：none;}WP ಥೀಮ್ ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ನೀವು ಮೇಲಿನ CSS ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಬಹುದುWP ಥೀಮ್ ಆಯ್ಕೆಗಳು → ಕಸ್ಟಮೈಸ್ ಶೈಲಿ → ಕಸ್ಟಮೈಸ್ಶೈಲಿ ಕೋಡ್ ಬಾಕ್ಸ್.
- CSS ಶೈಲಿಗಳನ್ನು ಬಳಸಿಪ್ರದರ್ಶನ: ಯಾವುದೂ ಇಲ್ಲ; ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ವಿಷಯವನ್ನು ಮರೆಮಾಡಿ,
- ಬ್ರೌಸರ್ ಮೂಲಕ ಅದೃಶ್ಯ, ಗುಪ್ತ ವಿಷಯವು ಜಾಗವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ,
- ಸಾಮಾನ್ಯವಾಗಿ JS ಪರಿಣಾಮಗಳನ್ನು ಮರೆಮಾಡಲು, ಸಂಖ್ಯಾಶಾಸ್ತ್ರೀಯ ಸಂಕೇತಗಳ ಐಕಾನ್ಗಳನ್ನು ಮರೆಮಾಡಲು, ಇತ್ಯಾದಿ.
ವಿಸ್ತೃತ ಓದುವಿಕೆ:
ಹೋಪ್ ಚೆನ್ ವೈಲಿಯಾಂಗ್ ಬ್ಲಾಗ್ ( https://www.chenweiliang.com/ ) ಹಂಚಿಕೊಂಡಿದ್ದಾರೆ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ದಿನಾಂಕ CSS ಶೈಲಿಗಳನ್ನು ಮರೆಮಾಡುವುದು ಹೇಗೆ? ಡಿವ್ ಹಿಡನ್ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯ ಟ್ಯುಟೋರಿಯಲ್" ನಿಮಗೆ ಸಹಾಯ ಮಾಡಲು.
ಈ ಲೇಖನದ ಲಿಂಕ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಸ್ವಾಗತ:https://www.chenweiliang.com/cwl-608.html