Alaabo: Akori naa ko ṣafikun faili aṣa ti a npè ni editor-style.css?

ni nkankan lati seIgbega wẹẹbuore, laipe bẹrẹ eko lati loOju opo wẹẹbu Wodupiresi,

Mu plug-in olootu TinyMCE ṣiṣẹ, ni awọn eto ti TinyMCE plug-in olootu, pade iru iṣoro kan▼

Ṣẹda CSS ara akojọ

• Ṣe kojọpọ awọn aṣa CSS ti a lo ninu editor-style.css ki o rọpo akojọ aṣayan kika.
• Awọn alaabo: Faili stylesheet fun olootu-style.css.
• Awọn alaabo: Faili ara ti a npè ni editor-style.css ko ṣe afikun nipasẹ akori rẹ.

Ti ipo ti o wa loke ba waye, olootu wiwo wodupiresi le ma ni anfani lati ṣafihan ara koodu ti a fẹ, bii:

• blockquote, ṣaju, koodu...

Laasigbotitusita

1. Mo tọrọ gafaraeditor-style.cssfaili, ṣe o wa ninu iwe ilana gbongbo ti akori Wodupiresi?
2. Ṣe o nlo awọn akori ọmọ (ọmọ)?

nigba ti a ba waWordPress backendNigbati o ba n ṣatunkọ nkan kan ni aarin, nitori iṣoro ara CSS, iwaju ati ifihan isale yatọ…

Ṣugbọn lẹhin Wordpress 3.0, o ni awọn ẹya ti o dara pupọ:

• Iyẹn ni, awọn aṣa iwaju ati ẹhin le jẹ iṣọkan, nitorinaa nigbati Wordpress ba ṣatunkọ awọn nkan ni abẹlẹ, o tun le wo kanna bii iwaju.
• Bakanna, a ko nilo lati ṣe atunṣe ifiweranṣẹ ti a ṣatunkọ ni ẹhin WordPress nitori pe o han yatọ si iwaju iwaju.

Ti a ba ṣii akori aiyipada ti Wordpress Ogun mọkanla, a le rii pe asọye html kan wa ati koodu bii eyi ▼

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

• Ohun ti asọye yii tumọ si: Olootu wiwo baamu ara olootu akori-style.css.
• Iṣẹ yii tun rọrun pupọ lati ṣe, nitori pe o jẹ iṣẹ aiyipada ti Wodupiresi, a kan nilo lati muu ṣiṣẹ.

Bawo ni awọn ifiweranṣẹ Wodupiresi ṣe afihan ara ọrọ kanna bi iwaju iwaju?

Igbesẹ 1:Ṣẹda editor-style.css faili

Igbesẹ 2:Ṣafikun koodu atẹle si faili olootu-style.css▼

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

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

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

Igbesẹ 3:Daakọ faili olootu-style.css si itọsọna gbongbo ti akori Wodupiresi rẹ.

4th Igbesẹ:Ṣafikun koodu atẹle naa si awọn iṣẹ.php faili▼

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

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

Igbesẹ 5:Sọ oju-iwe ṣiṣatunkọ ifiweranṣẹ WordPress

• Ṣayẹwo ki o jẹrisi boya awọn aṣa ọrọ ni iwaju ati ẹhin Wodupiresi jẹ kanna?

Awọn iṣọra

Ti akori wodupiresi rẹ ko ba ṣafikun awọn aṣa CSS si “quote tag blockquote” ati “code tag pre/code”, o nilo lati ṣafikun koodu CSS ti o baamu si faili style.css ti akori wodupiresi.

Fun awọn alaye, jọwọ ṣayẹwo ikẹkọ kikọ oju opo wẹẹbu atẹle ▼

Bawo ni lati lo blockquote? HTML blockquote tag demo ipa

Ninu ṣiṣatunkọ nkan ti Wodupiresi, bọtini “Blockquote” ti o wọpọ wa ▼ Nigbati o ba lo, yoo ṣafikunSamisi lati pe diẹ ninu awọn alaye ti a sọ tabi saami. Kí ni blockquote tumọ si?Atẹle ni Chen Wei...

Kini ṣaaju ni awọn aṣa CSS? Awọn ipa ti ami murasilẹ koodu ni HTML

A nilo lati kọ ẹkọ diẹ ninu imọ ipilẹ ti CSS ati HTML lati kọ oju opo wẹẹbu kan pẹlu Wodupiresi: nitori awọn faili ara CSS ti diẹ ninu awọn akori Wodupiresi, awọn ami ami ami iṣaaju ati koodu ko kun.Pupọ awọn aṣawakiri lọwọlọwọ ṣe atilẹyinsamisi. h...