Disabled: Mövzu editor-style.css adlı üslub cədvəli faylını əlavə etmir?

Onlayn marketinqlə məşğul olmaq istəyən bir dostum bu yaxınlarda WordPress istifadə edərək veb sayt qurmağı öyrənməyə başladı.

TinyMCE redaktor plagininin parametrlərində TinyMCE redaktor plaginini aktivləşdirin, belə bir problemlə qarşılaşdı▼

CSS üslub menyusu yaradın

• editor-style.css-də istifadə olunan CSS üslublarını yükləyin və Format menyusunu dəyişdirin.
• Əlil: editor-style.css üçün üslub cədvəli faylı.
• Əlil: editor-style.css adlı üslub cədvəli faylı temanız tərəfindən əlavə edilmədi.

Yuxarıdakı vəziyyət baş verərsə, WordPress vizual redaktoru istədiyimiz kod üslubunu göstərə bilməyəcək, məsələn:

• blokquote, pre, code...

Problemləri həll edin

1. Bağışlayıneditor-style.cssfayl, WordPress mövzusunun kök qovluğundadır?
2. Uşaq mövzularından (uşaq) istifadə edirsiniz?

WordPress admin panelində yazıları redaktə etdiyimiz zaman , CSS stil problemlərinə görə ön və arxa tərəf fərqli şəkildə göstərilir...

Ancaq Wordpress 3.0-dan sonra çox yaxşı xüsusiyyətlərə malikdir:

• Yəni, ön və arxa üslublar birləşdirilə bilər, buna görə də Wordpress məqalələri fonda redaktə edəndə o, həm də ön tərəflə eyni görünə bilər.
• Eynilə, biz artıq WordPress backendində redaktə edilmiş postu dəyişdirməyə ehtiyac duymuruq, çünki o, frontenddən fərqli şəkildə göstərilir.

Wordpress-in defolt temasını açsaq, Twenty Eleven, bunun kimi bir html şərhi və kodu olduğunu görə bilərik ▼

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

• Bu şərh nə deməkdir: Vizual redaktor tema redaktoru-style.css üslubuna uyğun gəlir.
• Bu funksiyanı həyata keçirmək də çox sadədir, çünki bu, WordPress-in standart funksiyasıdır, sadəcə onu aktivləşdirməliyik.

WordPress yazıları frontendlə eyni mətn üslubunu necə göstərir?

Addım 1: editor-style.css faylını yaradın

Addım 2: Aşağıdakı kodu editor-style.css faylına əlavə edin ▼

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

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

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

Addım 3: editor-style.css faylını WordPress mövzusunuzun kök qovluğuna kopyalayın.

Addım 4 : Aşağıdakı kodu functions.php faylına əlavə edin ▼

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

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

Addım 5: WordPress yazı redaktə səhifəsini yeniləyin

• WordPress-in ön və arxasındakı mətn üslublarının eyni olub olmadığını yoxlayın və təsdiqləyin?

注意 事项

Əgər WordPress mövzunuz "quote tag blockquote" və "code tag pre/code"-a CSS üslublarını əlavə etmirsə, WordPress mövzusunun style.css faylına müvafiq CSS kodu əlavə etməlisiniz.

Təfərrüatlar üçün, lütfən, aşağıdakı veb sayt qurmaq təlimatını yoxlayın ▼

🔗Blok sitatdan necə istifadə etmək olar? HTML-də blockquote teqinin demo effekti

🔗CSS üslubunda pre nədir? HTML-də əvvəlcədən avtomatik xətt kəsilməsi kodu etiketinin funksiyası