নিষ্ক্রিয়: থিমটি editor-style.css নামে একটি স্টাইলশীট ফাইল যোগ করে না?

কিছু করার আছেওয়েব প্রচারবন্ধু, সম্প্রতি ব্যবহার করা শিখতে শুরু করেছেওয়ার্ডপ্রেস ওয়েবসাইট.

TinyMCE সম্পাদক প্লাগ-ইন সক্ষম করুন, TinyMCE সম্পাদক প্লাগ-ইন এর সেটিংসে, এই ধরনের একটি সমস্যার সম্মুখীন হন▼

CSS শৈলী মেনু তৈরি করুন

• editor-style.css-এ ব্যবহৃত CSS শৈলী লোড করুন এবং ফরম্যাট মেনু প্রতিস্থাপন করুন।
• অক্ষম করা হয়েছে: editor-style.css-এর জন্য স্টাইলশীট ফাইল।
• অক্ষম করা হয়েছে: editor-style.css নামে একটি স্টাইলশীট ফাইল আপনার থিম দ্বারা যোগ করা হয়নি৷

উপরের পরিস্থিতি দেখা দিলে, ওয়ার্ডপ্রেস ভিজ্যুয়াল এডিটর আমাদের পছন্দের কোড স্টাইল প্রদর্শন করতে সক্ষম নাও হতে পারে, যেমন:

• ব্লককোট, প্রি, কোড...

সমস্যা সমাধান

1. মাফ করবেনeditor-style.cssফাইল, এটা কি ওয়ার্ডপ্রেস থিমের রুট ডিরেক্টরিতে আছে?
2. আপনি কি চাইল্ড থিম (শিশু) ব্যবহার করছেন?

যখন আমরাওয়ার্ডপ্রেস ব্যাকএন্ডমাঝখানে একটি নিবন্ধ সম্পাদনা করার সময়, CSS শৈলী সমস্যার কারণে, অগ্রভাগ এবং ব্যাকগ্রাউন্ড প্রদর্শন ভিন্ন...

কিন্তু Wordpress 3.0 এর পরে, এটিতে খুব ভাল বৈশিষ্ট্য রয়েছে:

• অর্থাৎ, সামনের এবং পিছনের শৈলীগুলি একীভূত করা যেতে পারে, তাই যখন Wordpress ব্যাকগ্রাউন্ডে নিবন্ধগুলি সম্পাদনা করে, তখন এটি সামনের মতো দেখতেও পারে।
• একইভাবে, আমাদের আর ওয়ার্ডপ্রেস ব্যাকএন্ডে সম্পাদিত পোস্টটি পরিবর্তন করতে হবে না কারণ এটি ফ্রন্টএন্ড থেকে ভিন্নভাবে প্রদর্শিত হয়।

আমরা যদি Wordpress এর ডিফল্ট থিম, Twenty Eleven খুলি, তাহলে আমরা দেখতে পাব যে এইরকম একটি html মন্তব্য এবং কোড আছে ▼

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

• এই মন্তব্যের মানে কি: ভিজ্যুয়াল এডিটর থিম editor-style.css স্টাইলের সাথে মেলে।
• এই ফাংশনটি বাস্তবায়ন করা খুব সহজ, কারণ এটি ওয়ার্ডপ্রেসের ডিফল্ট ফাংশন, আমাদের কেবল এটি সক্রিয় করতে হবে।

কিভাবে ওয়ার্ডপ্রেস পোস্ট ফ্রন্টএন্ড হিসাবে একই টেক্সট শৈলী প্রদর্শন করে?

第 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 ফাইলটি কপি করুন।

অধ্যায় 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 步:ওয়ার্ডপ্রেস পোস্ট সম্পাদনা পৃষ্ঠা রিফ্রেশ করুন

• ওয়ার্ডপ্রেসের সামনের এবং পিছনের পাঠ্য শৈলী একই কিনা তা পরীক্ষা করে নিশ্চিত করুন?

নিরাপত্তা

যদি আপনার ওয়ার্ডপ্রেস থিম "কোট ট্যাগ ব্লককোট" এবং "কোড ট্যাগ প্রি/কোড"-এ CSS শৈলী যোগ না করে, তাহলে আপনাকে ওয়ার্ডপ্রেস থিমের style.css ফাইলে সংশ্লিষ্ট CSS কোড যোগ করতে হবে।

বিস্তারিত জানার জন্য, অনুগ্রহ করে নিম্নলিখিত ওয়েবসাইট বিল্ডিং টিউটোরিয়ালটি দেখুন ▼

ব্লককোট কিভাবে ব্যবহার করবেন? এইচটিএমএল ব্লককোট ট্যাগ ডেমো প্রভাব

ওয়ার্ডপ্রেস নিবন্ধ সম্পাদনায়, একটি সাধারণ "ব্লককোট" বোতাম রয়েছে ▼ যখন ব্যবহার করা হয়, তখন এটি একটি যোগ করবেকিছু উদ্ধৃত বিবৃতি বা হাইলাইট আহ্বান করতে চিহ্নিত করুন। ব্লককোট মানে কি?নিম্নলিখিত চেন ওয়েই...

CSS স্টাইলে প্রি কি? HTML এ প্রি-র্যাপিং কোড ট্যাগের ভূমিকা

ওয়ার্ডপ্রেস দিয়ে ওয়েবসাইট তৈরি করতে আমাদের CSS এবং HTML এর কিছু প্রাথমিক জ্ঞান শিখতে হবে: কিছু ওয়ার্ডপ্রেস থিমের CSS স্টাইলের ফাইলের কারণে, প্রি এবং কোড ট্যাগ স্টাইল যোগ করা হয় না।বেশিরভাগ ব্রাউজার বর্তমানে সমর্থন করেচিহ্ন জ...