ተሰናክሏል፡ ጭብጡ editor-style.css የሚባል የቅጥ ሉህ ፋይል አይጨምርም?

ማድረግ ያለብዎት ነገር አለየድር ማስተዋወቅጓደኛ ፣ በቅርቡ ለመጠቀም መማር ጀመረየዎርድፕረስ ድር ጣቢያ.

TinyMCE አርታዒ ተሰኪን ያንቁ፣ በTinyMCE አርታኢ ተሰኪ ቅንጅቶች ውስጥ እንደዚህ ያለ ችግር አጋጥሞታል▼

የ CSS ዘይቤ ምናሌን ይፍጠሩ

• በ editor-style.css ውስጥ ጥቅም ላይ የዋሉ የሲኤስኤስ ቅጦችን ጫን እና የቅርጸት ሜኑን ይተኩ።
• ተሰናክሏል የቅጥ ሉህ ፋይል ለ editor-style.css።
• ተሰናክሏል Editor-style.css የሚባል የቅጥ ሉህ ፋይል በገጽታዎ አልታከለም።

ከላይ ያለው ሁኔታ ከተከሰተ፣ የዎርድፕረስ ቪዥዋል አርታኢ የምንፈልገውን የኮድ ዘይቤ ማሳየት ላይችል ይችላል፣ ለምሳሌ፡-

• blockquote፣ ቅድመ፣ ኮድ...

መላ መፈለግ

1. ይቅርታeditor-style.cssፋይል፣ በዎርድፕረስ ጭብጥ ስርወ ማውጫ ውስጥ አለ?
2. የልጆች ገጽታዎች (ልጅ) እየተጠቀሙ ነው?

ስንሆንየዎርድፕረስ ጀርባጽሑፍን በሚያርትዑበት ጊዜ የፊት እና የጀርባ ማሳያ በCSS ቅጥ ችግሮች ምክንያት የተለያዩ ናቸው...

ግን ከ Wordpress 3.0 በኋላ በጣም ጥሩ ባህሪዎች አሉት።

• ማለትም የፊትና የኋላ ስታይል ሊዋሃዱ ስለሚችሉ ዎርድፕረስ ከበስተጀርባ ጽሁፎችን ሲያስተካክል ልክ እንደ ፊት ሊመስል ይችላል።
• በተመሳሳይ፣ ከአሁን በኋላ በዎርድፕረስ ጀርባ የተስተካከለውን ልጥፍ ማስተካከል አያስፈልገንም ምክንያቱም ከፊት ለፊት በተለየ መልኩ ይታያል።

የ Wordpressን ነባሪ ጭብጥ ሃያ አስራ አንድን ከከፈትን እንደዚህ ያለ የኤችቲኤምኤል አስተያየት እና ኮድ እንዳለ እናያለን ▼

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

• ይህ አስተያየት ምን ማለት ነው፡ ምስላዊ አርታዒው ከገጽታ አርታዒ-style.css ዘይቤ ጋር ይዛመዳል።
• ይህ ተግባር እንዲሁ ለመተግበር በጣም ቀላል ነው ፣ ምክንያቱም እሱ የ WordPress ነባሪ ተግባር ነው ፣ እሱን ማግበር ብቻ ያስፈልገናል።

የዎርድፕረስ ልጥፎች ከፊት ለፊት ጋር አንድ አይነት የጽሑፍ ዘይቤን እንዴት ያሳያሉ?

ደረጃ 1የአርታዒ-style.css ፋይል ይፍጠሩ

ደረጃ 2የሚከተለውን ኮድ ወደ Editor-style.css ፋይል ያክሉ

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

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

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

ደረጃ 3የአርታዒ-style.css ፋይል ወደ የዎርድፕረስ ጭብጥ ስርወ ማውጫ ይቅዱ።

4 ኛ ደረጃ:የሚከተለውን ኮድ ወደ function.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 ልጥፍ አርትዖት ገጽን ያድሱ

• በዎርድፕረስ ፊት ለፊት እና ከኋላ ያሉት የጽሑፍ ስልቶች ተመሳሳይ መሆናቸውን ያረጋግጡ እና ያረጋግጡ?

ጥንቃቄዎች

የዎርድፕረስ ጭብጥ የ CSS ስታይልን በ"quote tag blockquote" እና "code tag pre/code" ላይ ካላከሉ፣ ተዛማጅ የሲኤስኤስ ኮድ ወደ የዎርድፕረስ ጭብጥ style.css ፋይል ማከል አለቦት።

ለዝርዝሮች፣ እባክዎን የሚከተለውን የድር ጣቢያ ግንባታ አጋዥ ስልጠና ይመልከቱ ▼

🔗 blockquote እንዴት መጠቀም ይቻላል? በኤችቲኤምኤል ውስጥ blockquote መለያ የማሳያ ውጤት

🔗በሲኤስኤስ ዘይቤ ውስጥ ቅድመ ምንድን ነው? በኤችቲኤምኤል ውስጥ የቅድመ አውቶማቲክ መስመር መግቻ ኮድ መለያ ተግባር