Naafo: Mawduuca kuma darto faylka qaabka xaashida ee loo yaqaan editor-style.css?

Saaxiibkay oo doonaya inuu sameeyo suuq-geyn online ah ayaa dhawaan bilaabay barashada sida loo dhiso degel internet iyadoo la adeegsanayo WordPress.

Daar geli tifaftiraha TinyMCE plug-in, ee goobaha TinyMCE tafatiraha plug-in, la kulmay dhibaatadan oo kale▼

Samee liiska qaabka CSS

• Soo rar qaababka CSS ee loo isticmaalo editor-style.css oo beddel liiska qaabka.
• Naafada: Faylka qaabka xaashida ee editor-style.css.
• Naafada: Faylka qaabka xaashida ee lagu magacaabo editor-style.css laguma darin mawduucaaga.

Haddii xaaladda kore ay dhacdo, tifaftiraha muuqaalka WordPress ayaa laga yaabaa inuusan awoodin inuu soo bandhigo qaabka code ee aan rabno, sida:

• blockquote, hore, kood...

Cilad-bixinta

1. Iga raali ahoweditor-style.cssfaylka, ma ku jirtaa tusaha xididka mawduuca WordPress?
2. Ma isticmaashaa mawduucyada carruurta (ilmaha)?

Marka aan wax ka beddelno qoraallada ku jira guddiga maamulka WordPress , dhinaca hore iyo dhinaca dambe waxay si kala duwan u soo baxaan sababo la xiriira arrimaha qaabka CSS…

Laakiin ka dib Wordpress 3.0, waxay leedahay astaamo aad u wanaagsan:

• Taasi waa, qaababka hore iyo gadaalba waa la mideyn karaa, markaa marka Wordpress ay wax ka beddesho maqaallada gadaasha, waxay sidoo kale u ekaan kartaa mid la mid ah kuwa hore.
• Sidoo kale, uma baahnid inaan wax ka bedelno boostada lagu tafatiray dhabarka WordPress sababtoo ah waxaa loo soo bandhigay si ka duwan dhinaca hore.

Haddii aan furno mawduuca caadiga ah ee Wordpress, kow iyo labaatan, waxaan arki karnaa inuu jiro faallo html ah iyo kood sidan oo kale ah ▼

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

• Maxay faalladan ka dhigan tahay: Tifaftiraha muuqaalku wuxuu ku habboon yahay qaabka tafatiraha mawduuca-style.css.
• Shaqadani sidoo kale waa mid aad u fudud in la fuliyo, sababtoo ah waa shaqada caadiga ah ee WordPress, kaliya waxaan u baahanahay inaan kicino.

Sidee qoraalada WordPress-ku u muujiyaan qaab qoraaleed la mid ah kan hore?

Tallaabada 1: Samee faylka editor-style.css

Tallaabada 2: Ku dar koodhka soo socda faylka editor-style.css ▼

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

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

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

Tallaabada 3: Nuqul ka samee faylka editor-style.css una wareeji galka asalka ah ee mawduucaaga WordPress.

Tallaabada 4 : Ku dar koodhka soo socda faylka 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' );
}

Tallaabada 5: Cusboonaysii bogga tafatirka qoraalka WordPress

• Hubi oo xaqiiji in qaababka qoraalka ee hore iyo dambe ee WordPress ay isku mid yihiin?

Digtooni

Haddii mawduucaaga WordPress uusan ku darin qaababka CSS ee "quote tag blockquote" iyo "code tag pre/code", waxaad u baahan tahay inaad ku darto koodka CSS ee u dhigma faylka style.css ee mawduuca WordPress.

Faahfaahinta, fadlan hubi casharrada dhismaha degelka ee soo socda ▼

🔗Sidee loo isticmaalaa blockquote? Saamaynta demo ee summada blockquote ee HTML

🔗Waa maxay ka hor qaabka CSS? Shaqada summada jabinta khadka tooska ah ee ka hor HTML