Devre Dışı: Tema, editor-style.css adlı bir stil sayfası dosyası eklemiyor mu?

yapacak bir şeyin varWeb Promosyonuarkadaş, yakın zamanda kullanmayı öğrenmeye başladıWordPress web sitesi.

TinyMCE düzenleyici eklentisini etkinleştirin, TinyMCE düzenleyici eklentisinin ayarlarında böyle bir sorunla karşılaştı▼

CSS stili menüsü oluştur

• editor-style.css dosyasında kullanılan CSS stillerini yükleyin ve Format menüsünü değiştirin.
• Devre dışı: editor-style.css için stil sayfası dosyası.
• Devre dışı: editor-style.css adlı bir stil sayfası dosyası temanız tarafından eklenmedi.

Yukarıdaki durum oluşursa, WordPress görsel düzenleyici istediğimiz kod stilini görüntüleyemeyebilir, örneğin:

• blok alıntı, ön, kod...

Sorun giderme

1. 请问editor-style.cssdosyası, WordPress temasının kök dizininde mi?
2. Alt temalar mı kullanıyorsunuz (alt)?

biz olduğumuzdaWordPress arka ucuBir makaleyi düzenlerken, CSS stili sorunları nedeniyle ön plan ve arka plan görüntüsü farklıdır...

Ancak Wordpress 3.0'dan sonra çok iyi özelliklere sahip:

• Yani, ön ve arka stiller birleştirilebilir, bu nedenle Wordpress arka planda makaleleri düzenlediğinde, aynı zamanda ön tarafla aynı görünebilir.
• Benzer şekilde, artık WordPress arka ucunda düzenlenen gönderiyi değiştirmemize ve onu ön uçtan farklı bir şekilde görüntülememize gerek yok.

Wordpress'in varsayılan teması Twenty Eleven'ı açarsak şöyle bir html yorumu ve kodu olduğunu görebiliriz ▼

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

• Bu yorumun anlamı: Görsel düzenleyici, editor-style.css tema stiliyle eşleşir.
• Bu işlevin uygulanması da çok basittir, çünkü bu WordPress'in varsayılan işlevidir, sadece onu etkinleştirmemiz gerekiyor.

WordPress gönderileri, ön uçla aynı metin stilini nasıl görüntüler?

Aşama 1:editor-style.css dosyası oluşturun

Aşama 2:Editor-style.css dosyasına aşağıdaki kodu ekleyin▼

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

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

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

Aşama 3:editor-style.css dosyasını WordPress temanızın kök dizinine kopyalayın.

Bölüm 4 adım:Functions.php dosyasına aşağıdaki kodu ekleyin▼

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

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

Aşama 5:WordPress gönderi düzenleme sayfasını yenileyin

• WordPress'in önündeki ve arkasındaki metin stillerinin aynı olup olmadığını kontrol edin ve onaylayın?

注意 事项

WordPress temanız "alıntı etiketi blok alıntı" ve "kod etiketi ön/kodu"na CSS stilleri eklemiyorsa, karşılık gelen CSS kodunu WordPress temasının style.css dosyasına eklemeniz gerekir.

Ayrıntılar için lütfen aşağıdaki web sitesi oluşturma eğitimine bakın ▼

Blok alıntı nasıl kullanılır? HTML blok alıntı etiketi demo efekti

WordPress makale düzenlemede, ortak bir "Blockquote" düğmesi vardır ▼ Kullanıldığında,Bazı alıntılanmış ifadeleri veya vurgulamayı çağırmak için işaretleyin. blok alıntı ne demek?Aşağıdaki Chen Wei...

CSS stilinde pre nedir? HTML'de ön sarma kod etiketlerinin rolü

WordPress ile bir web sitesi oluşturmak için bazı temel CSS ve HTML bilgilerini öğrenmemiz gerekiyor: Bazı WordPress temalarının CSS stil dosyaları nedeniyle, ön ve kod etiketi stilleri eklenmez.Çoğu tarayıcı şu andaişaret. h...