Wyłączone: motyw nie dodaje pliku arkusza stylów o nazwie editor-style.css?

mieć coś do zrobieniaPromocja w sieciprzyjacielu, niedawno zacząłem uczyć się używaćWitryna WordPress.

Włącz wtyczkę edytora TinyMCE, w ustawieniach wtyczki edytora TinyMCE napotkałem taki problem▼

Utwórz menu stylu CSS

• Załaduj style CSS używane w editor-style.css i zastąp menu Format.
• Wyłączone: Plik arkusza stylów dla editor-style.css.
• Wyłączone: W motywie nie został dodany plik arkusza stylów o nazwie editor-style.css.

Jeśli wystąpi powyższa sytuacja, edytor wizualny WordPress może nie być w stanie wyświetlić pożądanego stylu kodu, takiego jak:

• cytat blokowy, pre, kod...

Rozwiązywanie problemów

1. Przepraszameditor-style.cssplik, czy znajduje się w katalogu głównym motywu WordPress?
2. Czy używasz motywów potomnych (dziecko)?

Kiedy jesteśmyZaplecze WordPressPodczas edycji artykułu w środku, z powodu problemu ze stylem CSS, wyświetlanie pierwszego planu i tła jest inne...

Ale po Wordpress 3.0 ma bardzo dobre funkcje:

• Oznacza to, że styl przód i tył mogą być ujednolicone, więc gdy Wordpress edytuje artykuły w tle, może również wyglądać tak samo jak przód.
• Podobnie, nie musimy już modyfikować posta edytowanego w backendzie WordPress, ponieważ jest on wyświetlany inaczej niż frontend.

Jeśli otworzymy domyślny motyw Wordpressa Twenty Eleven, zobaczymy, że jest tam taki komentarz i kod HTML ▼

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

• Znaczenie tego komentarza: Edytor wizualny odpowiada stylowi theme editor-style.css.
• Ta funkcja jest również bardzo prosta w implementacji, ponieważ jest to domyślna funkcja WordPressa, wystarczy ją aktywować.

W jaki sposób posty WordPress wyświetlają ten sam styl tekstu co frontend?

1 步：Utwórz plik editor-style.css

2 步：Dodaj następujący kod do pliku editor-style.css▼

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

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

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

3 步：Skopiuj plik editor-style.css do katalogu głównego motywu WordPress.

4 步:Dodaj następujący kod do pliku 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 步：Odśwież stronę edycji posta WordPress

• Sprawdź i potwierdź, czy style tekstu z przodu iz tyłu WordPressa są takie same?

注意 事项

Jeśli motyw WordPress nie dodaje stylów CSS do „cytatu blokowego tagu cytatu” i „znacznika kodu przed/kod”, musisz dodać odpowiedni kod CSS do pliku style.css motywu WordPress.

Aby uzyskać szczegółowe informacje, zapoznaj się z następującym samouczkiem tworzenia strony internetowej ▼

Jak korzystać z cytatu blokowego? Efekt demonstracyjny tagów HTML blockquote

W edycji artykułu WordPress istnieje wspólny przycisk „Cytat blokowy” ▼ Po użyciu dodaZaznacz, aby przywołać cytowane stwierdzenie lub podkreślenie. Co znaczy cytat blokowy?Oto Chen Wei...

Co to jest pre w stylu CSS? Rola tagów kodu wstępnego pakowania w HTML

Musimy zdobyć podstawową wiedzę na temat CSS i HTML, aby zbudować stronę internetową z WordPress: ze względu na pliki stylów CSS niektórych motywów WordPress, style tagów pre i code nie są dodawane.Obecnie obsługuje większość przeglądarekznak. h...