ਅਸਮਰੱਥ: ਥੀਮ editor-style.css ਨਾਮ ਦੀ ਇੱਕ ਸਟਾਈਲਸ਼ੀਟ ਫਾਈਲ ਨਹੀਂ ਜੋੜਦੀ ਹੈ?

ਕੁਝ ਕਰਨਾ ਹੈਵੈੱਬ ਪ੍ਰੋਮੋਸ਼ਨਦੋਸਤ, ਹਾਲ ਹੀ ਵਿੱਚ ਵਰਤਣਾ ਸਿੱਖਣਾ ਸ਼ੁਰੂ ਕੀਤਾ ਹੈਵਰਡਪਰੈਸ ਵੈਬਸਾਈਟ.

TinyMCE ਸੰਪਾਦਕ ਪਲੱਗ-ਇਨ ਨੂੰ ਸਮਰੱਥ ਬਣਾਓ, TinyMCE ਸੰਪਾਦਕ ਪਲੱਗ-ਇਨ ਦੀਆਂ ਸੈਟਿੰਗਾਂ ਵਿੱਚ, ਅਜਿਹੀ ਸਮੱਸਿਆ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪਿਆ▼

CSS ਸਟਾਈਲ ਮੀਨੂ ਬਣਾਓ

• editor-style.css ਵਿੱਚ ਵਰਤੀਆਂ ਗਈਆਂ CSS ਸ਼ੈਲੀਆਂ ਨੂੰ ਲੋਡ ਕਰੋ ਅਤੇ ਫਾਰਮੈਟ ਮੀਨੂ ਨੂੰ ਬਦਲੋ।
• ਅਯੋਗ: editor-style.css ਲਈ ਸਟਾਈਲਸ਼ੀਟ ਫਾਈਲ।
• ਅਯੋਗ: ਤੁਹਾਡੀ ਥੀਮ ਦੁਆਰਾ editor-style.css ਨਾਮ ਦੀ ਇੱਕ ਸਟਾਈਲਸ਼ੀਟ ਫਾਈਲ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤੀ ਗਈ ਸੀ।

ਜੇਕਰ ਉਪਰੋਕਤ ਸਥਿਤੀ ਵਾਪਰਦੀ ਹੈ, ਤਾਂ ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਵਰਡਪਰੈਸ ਵਿਜ਼ੂਅਲ ਐਡੀਟਰ ਉਸ ਕੋਡ ਸ਼ੈਲੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੇ ਯੋਗ ਨਾ ਹੋਵੇ ਜੋ ਅਸੀਂ ਚਾਹੁੰਦੇ ਹਾਂ, ਜਿਵੇਂ ਕਿ:

• ਬਲਾਕਕੋਟ, ਪ੍ਰੀ, ਕੋਡ...

ਸਮੱਸਿਆ ਦਾ ਨਿਪਟਾਰਾ ਕਰੋ

1. ਮੈਨੂੰ ਮਾਫ਼ ਕਰੋeditor-style.cssਫਾਈਲ, ਕੀ ਇਹ ਵਰਡਪਰੈਸ ਥੀਮ ਦੀ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਹੈ?
2. ਕੀ ਤੁਸੀਂ ਚਾਈਲਡ ਥੀਮ (ਬੱਚੇ) ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ?

ਜਦੋਂ ਅਸੀਂ ਹਾਂਵਰਡਪਰੈਸ ਬੈਕਐਂਡਮੱਧ ਵਿੱਚ ਇੱਕ ਲੇਖ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਦੇ ਸਮੇਂ, CSS ਸ਼ੈਲੀ ਦੀ ਸਮੱਸਿਆ ਦੇ ਕਾਰਨ, ਫੋਰਗਰਾਉਂਡ ਅਤੇ ਬੈਕਗ੍ਰਾਉਂਡ ਡਿਸਪਲੇ ਵੱਖ-ਵੱਖ ਹੁੰਦੇ ਹਨ...

ਪਰ ਵਰਡਪਰੈਸ 3.0 ਤੋਂ ਬਾਅਦ, ਇਸ ਵਿੱਚ ਬਹੁਤ ਵਧੀਆ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ:

• ਯਾਨੀ, ਅੱਗੇ ਅਤੇ ਪਿੱਛੇ ਦੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਇਕਸਾਰ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਇਸ ਲਈ ਜਦੋਂ ਵਰਡਪਰੈਸ ਬੈਕਗ੍ਰਾਉਂਡ ਵਿੱਚ ਲੇਖਾਂ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਦਾ ਹੈ, ਤਾਂ ਇਹ ਸਾਹਮਣੇ ਵਾਲੇ ਵਰਗਾ ਵੀ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ।
• ਇਸੇ ਤਰ੍ਹਾਂ, ਸਾਨੂੰ ਹੁਣ ਵਰਡਪਰੈਸ ਬੈਕਐਂਡ ਵਿੱਚ ਸੰਪਾਦਿਤ ਪੋਸਟ ਨੂੰ ਸੋਧਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ ਕਿਉਂਕਿ ਇਹ ਫਰੰਟਐਂਡ ਤੋਂ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀ ਹੈ।

ਜੇਕਰ ਅਸੀਂ Wordpress ਦੀ ਡਿਫਾਲਟ ਥੀਮ Twenty Eleven ਨੂੰ ਖੋਲ੍ਹਦੇ ਹਾਂ, ਤਾਂ ਅਸੀਂ ਦੇਖ ਸਕਦੇ ਹਾਂ ਕਿ ਇੱਥੇ ਇੱਕ html ਟਿੱਪਣੀ ਅਤੇ ਕੋਡ ਇਸ ਤਰ੍ਹਾਂ ਹੈ ▼

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

• ਇਸ ਟਿੱਪਣੀ ਦਾ ਕੀ ਅਰਥ ਹੈ: ਵਿਜ਼ੂਅਲ ਐਡੀਟਰ ਥੀਮ ਐਡੀਟਰ-style.css ਸ਼ੈਲੀ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ।
• ਇਹ ਫੰਕਸ਼ਨ ਲਾਗੂ ਕਰਨ ਲਈ ਵੀ ਬਹੁਤ ਸੌਖਾ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਵਰਡਪਰੈਸ ਦਾ ਡਿਫੌਲਟ ਫੰਕਸ਼ਨ ਹੈ, ਸਾਨੂੰ ਇਸਨੂੰ ਕਿਰਿਆਸ਼ੀਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ।

ਵਰਡਪਰੈਸ ਪੋਸਟਾਂ ਫਰੰਟਐਂਡ ਦੇ ਸਮਾਨ ਟੈਕਸਟ ਸ਼ੈਲੀ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀਆਂ ਹਨ?

第 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 步:ਵਰਡਪਰੈਸ ਪੋਸਟ ਸੰਪਾਦਨ ਪੰਨੇ ਨੂੰ ਤਾਜ਼ਾ ਕਰੋ

• ਜਾਂਚ ਕਰੋ ਅਤੇ ਪੁਸ਼ਟੀ ਕਰੋ ਕਿ ਕੀ ਵਰਡਪਰੈਸ ਦੇ ਅੱਗੇ ਅਤੇ ਪਿੱਛੇ ਟੈਕਸਟ ਸਟਾਈਲ ਇੱਕੋ ਹਨ?

ਸਾਵਧਾਨੀਆਂ

ਜੇਕਰ ਤੁਹਾਡੀ ਵਰਡਪਰੈਸ ਥੀਮ "ਕੋਟ ਟੈਗ ਬਲਾਕਕੋਟ" ਅਤੇ "ਕੋਡ ਟੈਗ ਪ੍ਰੀ/ਕੋਡ" ਵਿੱਚ CSS ਸਟਾਈਲ ਨਹੀਂ ਜੋੜਦੀ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਵਰਡਪਰੈਸ ਥੀਮ ਦੀ style.css ਫਾਈਲ ਵਿੱਚ ਸੰਬੰਧਿਤ CSS ਕੋਡ ਨੂੰ ਜੋੜਨ ਦੀ ਲੋੜ ਹੈ।

ਵੇਰਵਿਆਂ ਲਈ, ਕਿਰਪਾ ਕਰਕੇ ਹੇਠਾਂ ਦਿੱਤੇ ਵੈੱਬਸਾਈਟ ਬਿਲਡਿੰਗ ਟਿਊਟੋਰਿਅਲ ਦੀ ਜਾਂਚ ਕਰੋ ▼

ਬਲਾਕਕੋਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ? HTML ਬਲਾਕਕੋਟ ਟੈਗ ਡੈਮੋ ਪ੍ਰਭਾਵ

ਵਰਡਪਰੈਸ ਲੇਖ ਸੰਪਾਦਨ ਵਿੱਚ, ਇੱਕ ਆਮ "ਬਲਾਕਕੋਟ" ਬਟਨ ਹੁੰਦਾ ਹੈ ▼ ਜਦੋਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਇਹ ਇੱਕ ਜੋੜਦਾ ਹੈਕੁਝ ਹਵਾਲਾ ਦਿੱਤੇ ਬਿਆਨ ਜਾਂ ਹਾਈਲਾਈਟ ਨੂੰ ਬੁਲਾਉਣ ਲਈ ਮਾਰਕ ਕਰੋ। ਬਲਾਕਕੋਟ ਦਾ ਕੀ ਅਰਥ ਹੈ?ਹੇਠ ਦਿੱਤੀ ਚੇਨ ਵੇਈ ਹੈ...

CSS ਸ਼ੈਲੀ ਵਿੱਚ ਪ੍ਰੀ ਕੀ ਹੈ? HTML ਵਿੱਚ ਪ੍ਰੀ ਰੈਪਿੰਗ ਕੋਡ ਟੈਗਾਂ ਦੀ ਭੂਮਿਕਾ

ਸਾਨੂੰ ਵਰਡਪਰੈਸ ਨਾਲ ਇੱਕ ਵੈਬਸਾਈਟ ਬਣਾਉਣ ਲਈ CSS ਅਤੇ HTML ਦੇ ਕੁਝ ਬੁਨਿਆਦੀ ਗਿਆਨ ਨੂੰ ਸਿੱਖਣ ਦੀ ਲੋੜ ਹੈ: ਕੁਝ ਵਰਡਪਰੈਸ ਥੀਮ ਦੀਆਂ CSS ਸ਼ੈਲੀ ਫਾਈਲਾਂ ਦੇ ਕਾਰਨ, ਪ੍ਰੀ ਅਤੇ ਕੋਡ ਟੈਗ ਸਟਾਈਲ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤੇ ਗਏ ਹਨ।ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਊਜ਼ਰ ਇਸ ਵੇਲੇ ਸਮਰਥਨ ਕਰਦੇ ਹਨਨਿਸ਼ਾਨ h...