სტატიების დირექტორია
აქვს რამე გასაკეთებელივებ პოპულარიზაციამეგობარო, ახლახან დაიწყო გამოყენების სწავლაWordPress საიტი.
TinyMCE რედაქტორის დანამატის ჩართვა, TinyMCE რედაქტორის დანამატის პარამეტრებში, შეექმნა ასეთი პრობლემა ▼
შექმენით CSS სტილის მენიუ
- ჩატვირთეთ CSS სტილები, რომლებიც გამოიყენება editor-style.css-ში და შეცვალეთ Format მენიუ.
- გამორთულია: stylesheet ფაილი editor-style.css-ისთვის.
- გამორთულია: სტილის ფურცლის ფაილი, სახელად editor-style.css, თქვენი თემის მიერ არ არის დამატებული.
თუ ზემოაღნიშნული სიტუაცია მოხდა, WordPress-ის ვიზუალური რედაქტორი შეიძლება ვერ აჩვენოს ჩვენთვის სასურველი კოდის სტილი, როგორიცაა:
- ბლოკციტატი, წინასწარი, კოდი...
პრობლემების მოგვარება
- Უკაცრავად
editor-style.cssფაილი, არის WordPress თემის root დირექტორიაში? - იყენებთ საბავშვო თემებს (ბავშვი)?
როდესაც ჩვენ ვართWordPress backendსტატიის რედაქტირებისას, წინა და ფონის ჩვენება განსხვავებულია CSS სტილის პრობლემების გამო...
მაგრამ Wordpress 3.0-ის შემდეგ, მას აქვს ძალიან კარგი მახასიათებლები:
- ანუ, წინა და უკანა სტილები შეიძლება გაერთიანდეს, ასე რომ, როდესაც Wordpress ასწორებს სტატიებს ფონზე, ის ასევე შეიძლება გამოიყურებოდეს ისევე, როგორც წინა.
- ანალოგიურად, ჩვენ აღარ გვჭირდება WordPress-ის ბექენდში რედაქტირებული პოსტის შეცვლა და წინა ნაწილისგან განსხვავებულად ჩვენება.
თუ ჩვენ გავხსნით Wordpress-ის ნაგულისხმევ თემას Twenty Eleven, დავინახავთ, რომ არის html კომენტარი და ასეთი კოდი ▼
//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 add_editor_style();
- რას ნიშნავს ეს კომენტარი: ვიზუალური რედაქტორი ემთხვევა თემის editor-style.css სტილს.
- ამ ფუნქციის განხორციელება ასევე ძალიან მარტივია, რადგან ის WordPress-ის ნაგულისხმევი ფუნქციაა, უბრალოდ უნდა გავააქტიუროთ.
როგორ აჩვენებს WordPress პოსტები იმავე ტექსტის სტილს, როგორც წინა ნაწილი?
1:შექმენით editor-style.css ფაილი
2:დაამატეთ შემდეგი კოდი editor-style.css ფაილს ▼
@import url('../style.css');
body {
margin: 14px;
max-width: 702px;
}
.post-content {
font-size: 14px;
}3:დააკოპირეთ editor-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 tag blockquote" და "code tag pre/code", თქვენ უნდა დაამატოთ შესაბამისი CSS კოდი WordPress თემის style.css ფაილში.
დეტალებისთვის, გთხოვთ, შეამოწმოთ შემდეგი ვებსაიტის შექმნის სახელმძღვანელო ▼
იმედი ჩენ ვეილიანგის ბლოგი ( https://www.chenweiliang.com/ ) გააზიარა "გამორთულია: თემა არ ამატებს სტილის ფურცლის ფაილს, სახელად editor-style.css?", გამოსადეგია.
კეთილი იყოს თქვენი მობრძანება ამ სტატიის ბმულის გასაზიარებლად:https://www.chenweiliang.com/cwl-966.html
კეთილი იყოს თქვენი მობრძანება Chen Weiliang-ის ბლოგის ტელეგრამის არხზე, რომ მიიღოთ უახლესი განახლებები!
📚 ეს სახელმძღვანელო შეიცავს უზარმაზარ ღირებულებას, 🌟ეს იშვიათი შესაძლებლობაა, არ გამოტოვოთ! ⏰⌛💨
გააზიარეთ და მოიწონეთ თუ მოგეწონათ!
თქვენი გაზიარება და მოწონებები ჩვენი უწყვეტი მოტივაციაა!