ປິດໃຊ້ງານ: ຮູບແບບສີສັນບໍ່ໄດ້ເພີ່ມໄຟລ໌ສະໄຕລ໌ຊີດຊື່ editor-style.css ບໍ?

ມີບາງສິ່ງບາງຢ່າງທີ່ຕ້ອງເຮັດການສົ່ງເສີມເວັບເພື່ອນ, ບໍ່ດົນມານີ້ໄດ້ເລີ່ມຕົ້ນການຮຽນຮູ້ການນໍາໃຊ້ເວັບໄຊທ໌ WordPress.

ເປີດໃຊ້ປລັກອິນຕົວແກ້ໄຂ TinyMCE, ໃນການຕັ້ງຄ່າຂອງປລັກອິນຕົວແກ້ໄຂ TinyMCE, ພົບບັນຫາດັ່ງກ່າວ▼

ສ້າງເມນູຮູບແບບ CSS

• ໂຫລດຮູບແບບ CSS ທີ່ໃຊ້ໃນ editor-style.css ແລະປ່ຽນແທນເມນູ Format.
• ພິການ: ໄຟລ໌ stylesheet ສໍາລັບ editor-style.css.
• ພິການ: ໄຟລ໌ stylesheet ຊື່ editor-style.css ບໍ່ໄດ້ຖືກເພີ່ມໂດຍຮູບແບບສີສັນຂອງທ່ານ.

ຖ້າສະຖານະການຂ້າງເທິງເກີດຂື້ນ, ບັນນາທິການສາຍຕາຂອງ WordPress ອາດຈະບໍ່ສາມາດສະແດງຮູບແບບລະຫັດທີ່ພວກເຮົາຕ້ອງການ, ເຊັ່ນ:

• blockquote, pre, code...

ແກ້ໄຂບັນຫາ

1. ຂໍ​ອະ​ໄພeditor-style.cssໄຟລ໌, ໃນລະບົບຮາກຂອງຫົວຂໍ້ WordPress?
2. ທ່ານກໍາລັງໃຊ້ຫົວຂໍ້ເດັກນ້ອຍ (ເດັກນ້ອຍ) ບໍ?

ໃນເວລາທີ່ພວກເຮົາດ້ານຫຼັງຂອງ WordPressໃນ​ເວ​ລາ​ທີ່​ການ​ແກ້​ໄຂ​ບົດ​ຄວາມ​, ການ​ສະ​ແດງ foreground ແລະ​ພື້ນ​ຖານ​ແມ່ນ​ແຕກ​ຕ່າງ​ກັນ​ເນື່ອງ​ຈາກ​ບັນ​ຫາ​ຮູບ​ແບບ CSS ...

ແຕ່ຫຼັງຈາກ Wordpress 3.0, ມັນມີຄຸນສົມບັດທີ່ດີຫຼາຍ:

• ນັ້ນແມ່ນ, ຮູບແບບດ້ານຫນ້າແລະດ້ານຫລັງສາມາດເປັນເອກະພາບ, ດັ່ງນັ້ນເມື່ອ Wordpress ດັດແກ້ບົດຄວາມໃນພື້ນຫລັງ, ມັນຍັງສາມາດມີລັກສະນະດຽວກັນກັບດ້ານຫນ້າ.
• ເຊັ່ນດຽວກັນ, ພວກເຮົາບໍ່ຈໍາເປັນຕ້ອງດັດແປງຂໍ້ຄວາມທີ່ຖືກແກ້ໄຂໃນ backend WordPress ແລະສະແດງມັນແຕກຕ່າງຈາກຫນ້າຫນ້າ.

ຖ້າພວກເຮົາເປີດຫົວຂໍ້ເລີ່ມຕົ້ນຂອງ Wordpress Twenty Eleven, ພວກເຮົາສາມາດເຫັນໄດ້ວ່າມີຄໍາເຫັນ html ແລະລະຫັດແບບນີ້ ▼

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

• ຄໍາເຫັນນີ້ຫມາຍຄວາມວ່າແນວໃດ: ບັນນາທິການພາບກົງກັບຮູບແບບບັນນາທິການຫົວຂໍ້ -style.css.
• ຟັງຊັນນີ້ຍັງງ່າຍດາຍຫຼາຍທີ່ຈະປະຕິບັດ, ເພາະວ່າມັນເປັນຫນ້າທີ່ເລີ່ມຕົ້ນຂອງ WordPress, ພວກເຮົາພຽງແຕ່ຕ້ອງການເປີດໃຊ້ມັນ.

ຂໍ້ຄວາມ WordPress ສະແດງຮູບແບບຂໍ້ຄວາມດຽວກັນກັບ frontend ແນວໃດ?

第1步：ສ້າງໄຟລ໌ editor-style.css

第2步：ເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ໄຟລ໌ editor-style.css▼

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

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

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

第3步：ສຳເນົາໄຟລ໌ບັນນາທິການ-style.css ໄປໃສ່ລະບົບຮາກຂອງຫົວຂໍ້ WordPress ຂອງທ່ານ.

ທີ 4 步ທ່ານ ອາຊື ກອນສິນ ນັກທຸລະກິດລາວເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ໄຟລ໌ 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步：ໂຫຼດຫນ້າຈໍຄືນຫນ້າແກ້ໄຂຕອບ WordPress

• ກວດເບິ່ງແລະຢືນຢັນວ່າຮູບແບບຂໍ້ຄວາມຢູ່ທາງຫນ້າແລະດ້ານຫລັງຂອງ WordPress ແມ່ນຄືກັນບໍ?

ຂໍ້ຄວນລະວັງ

ຖ້າຫົວຂໍ້ WordPress ຂອງທ່ານບໍ່ເພີ່ມຄໍເຕົ້າໄຂ່ທີ່ CSS ໃສ່ "ໂຄດຄໍາສັ່ງ quote blockquote" ແລະ "ໂຄດຄໍາສັ່ງ pre/code", ທ່ານຈໍາເປັນຕ້ອງເພີ່ມລະຫັດ CSS ທີ່ສອດຄ້ອງກັນກັບໄຟລ໌ style.css ຂອງຫົວຂໍ້ WordPress.

ສໍາລັບລາຍລະອຽດ, ກະລຸນາກວດເບິ່ງການສອນການສ້າງເວັບໄຊທ໌ຕໍ່ໄປນີ້ ▼

ໃຊ້ blockquote ແນວໃດ? ເອັບເຟັກ HTML blockquote demo demo

ໃນການແກ້ໄຂບົດຄວາມ WordPress, ມີປຸ່ມ "Blockquote" ທົ່ວໄປ ▼ ເມື່ອໃຊ້, ມັນຈະເພີ່ມ aໝາຍເພື່ອເອີ້ນຄຳເວົ້າທີ່ອ້າງອີງ ຫຼືຈຸດເດັ່ນ. blockquote ໝາຍ ຄວາມວ່າແນວໃດ?ຕໍ່ໄປນີ້ແມ່ນ Chen Wei...

pre ໃນ CSS style ແມ່ນຫຍັງ? ບົດບາດຂອງແທັກລະຫັດກ່ອນຫໍ່ໃນ HTML

ພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ຮຽນຮູ້ບາງຄວາມຮູ້ພື້ນຖານຂອງ CSS ແລະ HTML ເພື່ອສ້າງເວັບໄຊທ໌ດ້ວຍ WordPress: ເນື່ອງຈາກໄຟລ໌ຮູບແບບ CSS ຂອງບາງຫົວຂໍ້ WordPress, ຮູບແບບໂຄດຄໍາສັ່ງກ່ອນແລະລະຫັດບໍ່ໄດ້ຖືກເພີ່ມ.ຕົວທ່ອງເວັບສ່ວນໃຫຍ່ປະຈຸບັນສະຫນັບສະຫນູນເຄື່ອງໝາຍ. ຮ...