ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ: ಎಡಿಟರ್-ಸ್ಟೈಲ್.ಸಿಎಸ್ಎಸ್ ಹೆಸರಿನ ಸ್ಟೈಲ್‌ಶೀಟ್ ಫೈಲ್ ಅನ್ನು ಥೀಮ್ ಸೇರಿಸುವುದಿಲ್ಲವೇ?

ಮಾಡಲು ಏನಾದರೂ ಇದೆವೆಬ್ ಪ್ರಚಾರಸ್ನೇಹಿತ, ಇತ್ತೀಚೆಗೆ ಬಳಸಲು ಕಲಿಯಲು ಪ್ರಾರಂಭಿಸಿದೆವರ್ಡ್ಪ್ರೆಸ್ ವೆಬ್‌ಸೈಟ್.

TinyMCE ಸಂಪಾದಕ ಪ್ಲಗ್-ಇನ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ, TinyMCE ಸಂಪಾದಕ ಪ್ಲಗ್-ಇನ್‌ನ ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ, ಅಂತಹ ಸಮಸ್ಯೆಯನ್ನು ಎದುರಿಸಿದೆ▼

CSS ಶೈಲಿಯ ಮೆನು ರಚಿಸಿ

• editor-style.css ನಲ್ಲಿ ಬಳಸಲಾದ CSS ಶೈಲಿಗಳನ್ನು ಲೋಡ್ ಮಾಡಿ ಮತ್ತು ಫಾರ್ಮ್ಯಾಟ್ ಮೆನುವನ್ನು ಬದಲಾಯಿಸಿ.
• ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ: editor-style.css ಗಾಗಿ ಸ್ಟೈಲ್‌ಶೀಟ್ ಫೈಲ್.
• ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ: editor-style.css ಹೆಸರಿನ ಸ್ಟೈಲ್‌ಶೀಟ್ ಫೈಲ್ ಅನ್ನು ನಿಮ್ಮ ಥೀಮ್‌ನಿಂದ ಸೇರಿಸಲಾಗಿಲ್ಲ.

ಮೇಲಿನ ಪರಿಸ್ಥಿತಿಯು ಸಂಭವಿಸಿದಲ್ಲಿ, WordPress ದೃಶ್ಯ ಸಂಪಾದಕವು ನಮಗೆ ಬೇಕಾದ ಕೋಡ್ ಶೈಲಿಯನ್ನು ಪ್ರದರ್ಶಿಸಲು ಸಾಧ್ಯವಾಗುವುದಿಲ್ಲ, ಉದಾಹರಣೆಗೆ:

• ಬ್ಲಾಕ್ ಕೋಟ್, ಪೂರ್ವ, ಕೋಡ್...

ಸಮಸ್ಯೆ ನಿವಾರಣೆ

1. 请问editor-style.cssಫೈಲ್, ಇದು ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ನ ಮೂಲ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿದೆಯೇ?
2. ನೀವು ಮಕ್ಕಳ ಥೀಮ್‌ಗಳನ್ನು (ಮಗು) ಬಳಸುತ್ತಿರುವಿರಾ?

ನಾವು ಇರುವಾಗವರ್ಡ್ಪ್ರೆಸ್ ಬ್ಯಾಕೆಂಡ್ಮಧ್ಯದಲ್ಲಿ ಲೇಖನವನ್ನು ಸಂಪಾದಿಸುವಾಗ, CSS ಶೈಲಿಯ ಸಮಸ್ಯೆಯಿಂದಾಗಿ, ಮುಂಭಾಗ ಮತ್ತು ಹಿನ್ನೆಲೆ ಪ್ರದರ್ಶನವು ವಿಭಿನ್ನವಾಗಿದೆ...

ಆದರೆ ವರ್ಡ್ಪ್ರೆಸ್ 3.0 ನಂತರ, ಇದು ಉತ್ತಮ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿದೆ:

• ಅಂದರೆ, ಮುಂಭಾಗ ಮತ್ತು ಹಿಂಭಾಗದ ಶೈಲಿಗಳನ್ನು ಏಕೀಕರಿಸಬಹುದು, ಆದ್ದರಿಂದ ವರ್ಡ್ಪ್ರೆಸ್ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಲೇಖನಗಳನ್ನು ಸಂಪಾದಿಸಿದಾಗ, ಅದು ಮುಂಭಾಗದಂತೆಯೇ ಕಾಣಿಸಬಹುದು.
• ಅಂತೆಯೇ, ನಾವು ಇನ್ನು ಮುಂದೆ ವರ್ಡ್ಪ್ರೆಸ್ ಬ್ಯಾಕೆಂಡ್‌ನಲ್ಲಿ ಸಂಪಾದಿಸಿದ ಪೋಸ್ಟ್ ಅನ್ನು ಮಾರ್ಪಡಿಸುವ ಅಗತ್ಯವಿಲ್ಲ ಏಕೆಂದರೆ ಅದು ಮುಂಭಾಗದಿಂದ ವಿಭಿನ್ನವಾಗಿ ಪ್ರದರ್ಶಿಸಲ್ಪಡುತ್ತದೆ.

ನಾವು ವರ್ಡ್ಪ್ರೆಸ್ನ ಡೀಫಾಲ್ಟ್ ಥೀಮ್ ಟ್ವೆಂಟಿ ಇಲೆವೆನ್ ಅನ್ನು ತೆರೆದರೆ, ಈ ರೀತಿಯ html ಕಾಮೆಂಟ್ ಮತ್ತು ಕೋಡ್ ಇರುವುದನ್ನು ನಾವು ನೋಡಬಹುದು ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• ಈ ಕಾಮೆಂಟ್ ಎಂದರೆ ಏನು: ದೃಶ್ಯ ಸಂಪಾದಕವು ಥೀಮ್ ಎಡಿಟರ್-ಸ್ಟೈಲ್.ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ.
• ಈ ಕಾರ್ಯವು ಕಾರ್ಯಗತಗೊಳಿಸಲು ತುಂಬಾ ಸರಳವಾಗಿದೆ, ಏಕೆಂದರೆ ಇದು ವರ್ಡ್ಪ್ರೆಸ್ನ ಡೀಫಾಲ್ಟ್ ಕಾರ್ಯವಾಗಿದೆ, ನಾವು ಅದನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಬೇಕಾಗಿದೆ.

ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗಳು ಮುಂಭಾಗದಂತೆಯೇ ಅದೇ ಪಠ್ಯ ಶೈಲಿಯನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸುತ್ತವೆ?

ಹಂತ 1:editor-style.css ಫೈಲ್ ಅನ್ನು ರಚಿಸಿ

ಹಂತ 2:ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು editor-style.css ಫೈಲ್‌ಗೆ ಸೇರಿಸಿ▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

ಹಂತ 3:editor-style.css ಫೈಲ್ ಅನ್ನು ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ನ ಮೂಲ ಡೈರೆಕ್ಟರಿಗೆ ನಕಲಿಸಿ.

ಅಧ್ಯಾಯ 4 步:ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು functions.php ಫೈಲ್‌ಗೆ ಸೇರಿಸಿ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

ಹಂತ 5:ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್ ಎಡಿಟ್ ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿ

• WordPress ನ ಮುಂಭಾಗ ಮತ್ತು ಹಿಂಭಾಗದಲ್ಲಿರುವ ಪಠ್ಯ ಶೈಲಿಗಳು ಒಂದೇ ಆಗಿವೆಯೇ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ ಮತ್ತು ದೃಢೀಕರಿಸುವುದೇ?

ಮುನ್ನೆಚ್ಚರಿಕೆಗಳು

ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ "ಕೋಟ್ ಟ್ಯಾಗ್ ಬ್ಲಾಕ್‌ಕೋಟ್" ಮತ್ತು "ಕೋಡ್ ಟ್ಯಾಗ್ ಪ್ರಿ/ಕೋಡ್" ಗೆ CSS ಶೈಲಿಗಳನ್ನು ಸೇರಿಸದಿದ್ದರೆ, ನೀವು ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ನ style.css ಫೈಲ್‌ಗೆ ಅನುಗುಣವಾದ CSS ಕೋಡ್ ಅನ್ನು ಸೇರಿಸುವ ಅಗತ್ಯವಿದೆ.

ವಿವರಗಳಿಗಾಗಿ, ದಯವಿಟ್ಟು ಕೆಳಗಿನ ವೆಬ್‌ಸೈಟ್ ಬಿಲ್ಡಿಂಗ್ ಟ್ಯುಟೋರಿಯಲ್ ▼ ಅನ್ನು ಪರಿಶೀಲಿಸಿ

ಬ್ಲಾಕ್ ಕೋಟ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು? HTML ಬ್ಲಾಕ್‌ಕೋಟ್ ಟ್ಯಾಗ್ ಡೆಮೊ ಪರಿಣಾಮ

WordPress ಲೇಖನ ಸಂಪಾದನೆಯಲ್ಲಿ, ಸಾಮಾನ್ಯ "ಬ್ಲಾಕ್‌ಕೋಟ್" ಬಟನ್ ಇದೆ ▼ ಬಳಸಿದಾಗ, ಅದು ಸೇರಿಸುತ್ತದೆಕೆಲವು ಉಲ್ಲೇಖಿಸಿದ ಹೇಳಿಕೆ ಅಥವಾ ಹೈಲೈಟ್ ಮಾಡಲು ಗುರುತಿಸಿ. ಬ್ಲಾಕ್ ಕೋಟ್ ಅರ್ಥವೇನು?ಕೆಳಗಿನವು ಚೆನ್ ವೀ...

CSS ಶೈಲಿಯಲ್ಲಿ ಪೂರ್ವ ಎಂದರೇನು? HTML ನಲ್ಲಿ ಪೂರ್ವ ಸುತ್ತುವ ಕೋಡ್ ಟ್ಯಾಗ್‌ಗಳ ಪಾತ್ರ

WordPress ನೊಂದಿಗೆ ವೆಬ್‌ಸೈಟ್ ನಿರ್ಮಿಸಲು ನಾವು CSS ಮತ್ತು HTML ನ ಕೆಲವು ಮೂಲಭೂತ ಜ್ಞಾನವನ್ನು ಕಲಿಯಬೇಕಾಗಿದೆ: ಕೆಲವು ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ಗಳ CSS ಶೈಲಿಯ ಫೈಲ್‌ಗಳಿಂದಾಗಿ, ಪೂರ್ವ ಮತ್ತು ಕೋಡ್ ಟ್ಯಾಗ್ ಶೈಲಿಗಳನ್ನು ಸೇರಿಸಲಾಗುವುದಿಲ್ಲ.ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್‌ಗಳು ಪ್ರಸ್ತುತ ಬೆಂಬಲಿಸುತ್ತವೆಗುರುತು. ಗಂ...