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

bir işi varVeb Təbliğatdostum, bu yaxınlarda istifadə etməyi öyrənməyə başladımWordPress saytı.

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?

Biz olduqdaWordPress backendMəqaləni redaktə edərkən, CSS üslubu problemlərinə görə ön plan və fon ekranı fərqli olur...

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ı yaradın

Addım 2:Aşağıdakı kodu redaktor-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 temanızın kök qovluğuna kopyalayın.

Fəsil 4 步:functions.php faylına aşağıdakı kodu ə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 ▼

Blockquote necə istifadə olunur? HTML blockquote teq demo effekti

WordPress məqalə redaktəsində ümumi "Blockquote" düyməsi var ▼ İstifadə edildikdə, o, əlavə edəcəkBəzi sitat gətirilən ifadəni və ya vurğulamaq üçün işarələyin. Blockquote nə deməkdir?Aşağıdakı Chen Wei...

CSS üslubunda pre nədir? HTML-də qablaşdırma kod teqlərinin rolu

WordPress ilə veb sayt yaratmaq üçün bəzi əsas CSS və HTML biliklərini öyrənməliyik: bəzi WordPress mövzularının CSS stil fayllarına görə əvvəlcədən və kod etiketi üslubları əlavə edilmir.Hazırda əksər brauzerlər dəstəkləyirişarələyin. h...