ওয়ার্ডপ্রেস কীভাবে নির্দিষ্ট করে যে নিবন্ধের পৃষ্ঠাগুলি জাভাস্ক্রিপ্ট/সিএসএস কোড লোড করে?

তৈরীওয়ার্ডপ্রেসথিমিং করার সময়, যদি ওয়ার্ডপ্রেসের একটি নির্দিষ্ট পৃষ্ঠায় একটি নির্দিষ্ট জাভাস্ক্রিপ্ট বা CSS কোড থাকে, তবে এটি শুধুমাত্র একবার ব্যবহার করা হবে।

কোড কোথায় স্থাপন করা উচিত? Style.css বা base.js?

তবে তা করতে খরচ একটু বেশি।

উদাহরণ 1:

• আপনার ওয়ার্ডপ্রেস সাইটে হাইস্লাইড জাভাস্ক্রিপ্ট প্রভাব পেতে চেষ্টা করুন।
• কিন্তু সাধারণত এটি শুধুমাত্র ইমেজ বা প্রয়োজনীয় পৃষ্ঠাগুলির অংশগুলির জন্য ব্যবহৃত হয় এবং অব্যবহৃত পৃষ্ঠাগুলিতে হাইস্লাইড বিভাগগুলি যোগ করার জন্য পৃষ্ঠাগুলি লোড করা হয়, তাই জাভাস্ক্রিপ্টের 50 KB-এরও বেশি বড়।

উদাহরণ 2:

• একটি নিবন্ধে একটি আদর্শ সামঞ্জস্যতা পদ্ধতি ব্যবহার করা হয়ট্যাগ এটি সন্নিবেশ করান, কিন্তু সন্নিবেশিতট্যাগ দ্বারা উত্পন্ন পৃষ্ঠাটি W3C যাচাইকরণ পাস করতে পারে না।
• একটি ভাল উপায় হল SWFObject ব্যবহার করা, একটি জাভাস্ক্রিপ্ট W3C-প্রমাণিত কোড তৈরি করতে।
• কিন্তু সমস্যা হল ওয়ার্ডপ্রেসের প্রতিটি পৃষ্ঠায় SWFObject লোড করা অযথা, এবং সমস্ত পৃষ্ঠা এই জাভাস্ক্রিপ্ট ফাইল ব্যবহার করে না।

আসলে, আমরা কাস্টম পোস্ট বা পৃষ্ঠা লোডের জন্য বিভিন্ন জাভাস্ক্রিপ্ট পৃষ্ঠাগুলি বাস্তবায়ন করতে ওয়ার্ডপ্রেসের শক্তিশালী কাস্টম ক্ষেত্রগুলি ব্যবহার করতে পারি।

এই নিবন্ধটি আপনাকে দেখাবে: ওয়ার্ডপ্রেস, কাস্টম জাভাস্ক্রিপ্ট বা সিএসএস ফাইলগুলিতে কাস্টম ক্ষেত্রগুলি কীভাবে ব্যবহার করবেন?

আপনি যদি বুঝতে পারেন, কাস্টম ফিল্ডের মানগুলি জাভাস্ক্রিপ্ট এবং CSS ফাইলগুলির মতো সহজ নয়।

ওয়ার্ডপ্রেস থিমগুলিতে কাস্টম ক্ষেত্রগুলি কীভাবে যুক্ত করবেন?

ওয়ার্ডপ্রেস থিমের header.php ফাইলটি খুলুন এবং কোডটি খুঁজুন ▼

<?php wp_head(); ?>

এর পরে ▼ যোগ করুন

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

কোডের মাথাটি কাস্টম ফিল্ডের নাম, যা কাস্টমাইজ করা যায়।

ওয়ার্ডপ্রেস পোস্ট বা পৃষ্ঠাগুলিতে কাস্টম ক্ষেত্র যোগ করুন

ওয়ার্ডপ্রেস ব্যাকএন্ডসম্পাদনা নিবন্ধ পৃষ্ঠার সম্পাদকে, "কাস্টম ক্ষেত্র" এর জন্য একটি ছোট উইন্ডো রয়েছে।

1. "নাম" এর জন্য লিখুন:head
2. তারপর "মান"-এ আপনি যে কোডটি ডিসপ্লেতে যোগ করতে চান সেটি লিখুন ▼

• কাস্টম ক্ষেত্র যোগ করুন ক্লিক করুন.
• নিবন্ধটি আপডেট করার ফলে আপনি থিম কোড করতে পারবেন এবং এই কাস্টম ক্ষেত্রগুলির জন্য মান লিখতে পারবেন।

যেহেতু আপনি শুধুমাত্র সেই কোডটি আউটপুট করেন যা "মান"-এ লোড করতে হবে, তাই আপনাকে নিম্নলিখিত অনুরূপ কোডটি "মান" ▼ এ প্রবেশ করতে হবে

<script type="text/javascript">...</script>

অথবা ▼

<style type="text/css">...</style>

উপরের কোডটি আউটপুট করতে।

ওয়ার্ডপ্রেস কাস্টম ক্ষেত্র জন্য অন্যান্য ব্যবহার

উপরের নীতিগুলি বোঝার পরে, আপনি দেখতে পাবেন যে ওয়ার্ডপ্রেস কাস্টম ক্ষেত্রগুলি শুধুমাত্র কাস্টম পৃষ্ঠাগুলির জন্য কাস্টম জাভাস্ক্রিপ্ট বা CSS প্রয়োগ করতে পারে না, তবে কাস্টম ক্ষেত্রগুলির মাধ্যমে অনেকগুলি ফাংশনও প্রয়োগ করতে পারে, যেমন: নিবন্ধ থাম্বনেইলে যোগ করা, নিবন্ধ টিপস ইত্যাদি।

কিভাবে তাদের বাস্তবায়ন করতে হয়, কাস্টম ক্ষেত্র ব্যবহার করার চেষ্টা করুন।

ওয়ার্ডপ্রেসে জাভাস্ক্রিপ্ট/সিএসএস কোড লোড করার জন্য নিবন্ধের ট্যাগ এবং বিভাগ শিরোনাম এবং ফুটারগুলি কীভাবে নির্দিষ্ট করবেন?

কিভাবে ওয়ার্ডপ্রেসে হেডার কাস্টমাইজ করবেন?আমরা নিম্নলিখিত নিবন্ধ নির্দেশাবলী মাধ্যমে এটি ইনস্টল করতে পারেনওয়ার্ডপ্রেস প্লাগইনহেড কোড যোগ করা উপলব্ধি করুন▼

🔗WP প্লাগ-ইন হেড কোড অপ্টিমাইজ করে একটি নিবন্ধে কিভাবে হেড কোড যোগ করবেন?

🔗ওয়ার্ডপ্রেসে হেডার কীভাবে কাস্টমাইজ করবেন? ওয়ার্ডপ্রেস ফুটার এবং হেডার প্লাগইন ইনস্টল করা

• এইভাবে, ওয়ার্ডপ্রেস থিম পরিবর্তন করার পরে কাস্টম কোড হারানো বা ম্যানুয়ালি কাস্টম কোড স্থানান্তর করার বিষয়ে চিন্তা করার দরকার নেই।