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

আপনি যদি ওয়ার্ডপ্রেস ব্যবহার করে একটি ওয়েবসাইট তৈরি করেন, তাহলে কোনো নির্দিষ্ট পোস্ট বা পেজের হেডার এবং ফুটারে কীভাবে PHP/JavaScript/CSS কোড লোড করতে পারেন?

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

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

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

কিভাবে ওয়ার্ডপ্রেসে কাস্টম ফিল্ড যোগ করবেন?

সাধারণত, আপনার ওয়ার্ডপ্রেস থিমের header.php ফাইলটি খুলুন এবং নিশ্চিত করুন যে নিম্নলিখিত কোডটি যোগ করা হয়েছে: ▼

<?php wp_head(); ?>

কিভাবে ওয়ার্ডপ্রেসে হেডার কাস্টমাইজ করবেনআরও প্রস্তাবিত পদ্ধতি: এর মাধ্যমে functions.php অথবা কোড প্লাগইন বাস্তবায়ন

সরাসরি থিম পরিবর্তন করুন header.php 或 footer.php থিম আপডেট করার পর কোডটি সহজেই হারিয়ে যায়।

নিরাপদ এবং আরও মানসম্মত অনুশীলনবর্তমান থিমে নিম্নলিখিত কোডটি যোগ করুন। functions.php ফাইলে, অথবা ব্যবহার করে কোড স্নিপেট এই ধরনের প্লাগইনগুলো কাস্টম কোড পরিচালনা করতে ব্যবহৃত হয়।

মূল থিম ফাইলগুলো পরিবর্তন করা এড়াতে, আমরা ব্যবহার করি... functions.php মাউন্ট কোড।

ধাপ ১: কার্যকরী কোড যোগ করুন

অনুগ্রহ করে নিম্নলিখিত PHP কোডটি আপনার থিমে যোগ করুন। functions.php নথির শেষে, অথবা এর মাধ্যমে কোড স্নিপেট প্লাগইনে একটি নতুন কোড স্নিপেট তৈরি করুন এবং এটি পেস্ট করুন:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(দ্রষ্টব্য: যদি) functions.php ফাইলটির শেষে ইতিমধ্যেই একটি ফাইল রয়েছে। ?>অনুগ্রহ করে এটি বারবার যোগ করবেন না; উপরের কোডটি সরাসরি প্রবেশ করান। ?> (পূর্বে)

ধাপ ২: আর্টিকেল সম্পাদনা পৃষ্ঠায় ব্যবহার করুন

1. কোনো পোস্ট বা পৃষ্ঠা সম্পাদনা করতে ওয়ার্ডপ্রেস ব্যাকএন্ডে প্রবেশ করুন।
2. এটি সম্পাদক পৃষ্ঠায় খুঁজুন "কাস্টম ফিল্ড" (যদি আপনি মেটাবক্সটি দেখতে না পান, তবে অনুগ্রহ করে উপরের ডান কোণায় 'ডিসপ্লে অপশনস' অথবা গুটেনবার্গার এডিটর-এর 'প্রেফারেন্সেস'-এ ক্লিক করুন এবং নিশ্চিত করুন যে 'কাস্টম ফিল্ডস' চেক করা আছে)।
3. 点击 নতুন প্রবেশ করুন:
   • নাম 输入:head (হেডার কোডের জন্য) অথবা foot (বটম কোডে ব্যবহারের জন্য)।
   • মূল্য ইনপুট বক্স: আপনার প্রয়োজনীয় HTML, CSS, বা JS কোড পেস্ট করুন।
4. 点击 একটি কাস্টম ফিল্ড যোগ করুন এবং নিবন্ধগুলো হালনাগাদ বা প্রকাশ করুন।

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

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

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

অথবা ▼

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

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

এই পরিবর্তনের সুবিধাগুলো হলো:

1. 更安全সরাসরি পরিবর্তন করবেন না header.php 和 footer.phpএর ফলে থিম আপডেট করার সময় কোডটি ওভাররাইট হওয়া থেকে রক্ষা পায়।
2. আরও মানসম্মতওয়ার্ডপ্রেস ব্যবহার করার পরামর্শ দেওয়া হচ্ছে add_action হুক-ভিত্তিক মাউন্টিং কোড।
3. স্পষ্ট যুক্তিফাংশনের মধ্যে কার্যকারিতাকে অন্তর্ভুক্ত করলে পরবর্তী রক্ষণাবেক্ষণ সহজ হয়।