কিভাবে ওয়ার্ডপ্রেস উইজেট যোগ করবেন?থিম ইন্টিগ্রেশন উইজেট এলাকা

কাস্টম মেনু বৈশিষ্ট্য এবং সাইডবার উইজেট, হ্যাঁওয়ার্ডপ্রেসথিম বৈশিষ্ট্যযুক্ত বৈশিষ্ট্য.

• একটি থিম তৈরি করা, যদি এটি এই দুটি ফাংশন অন্তর্ভুক্ত না করে, এটি একটি মুরগির পাঁজরের মতো...

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

এই নিবন্ধটি একটি থিম তৈরি করার সময় কীভাবে কাস্টম উইজেট ফাংশন যুক্ত করতে হয় তা বর্ণনা করে।

থিমগুলিতে কাস্টম মেনু যোগ করার মতো, কাস্টম যুক্ত উইজেটগুলি মাত্র 3টি পদক্ষেপ নেয়৷

প্রথম ধাপ, গ্যাজেট নিবন্ধন

উইজেটটি ব্যবহার করতে, আপনাকে প্রথমে নিবন্ধন করতে হবে, ওয়ার্ডপ্রেস থিমের অধীনে functions.php ফাইলটি খুলতে হবে,

functions.php ফাইলে, নিম্নলিখিত কোড যোগ করুন:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

sidebar.php-এর ট্যাগের সাথে মিল রাখতে functions.php-এ li এবং h2 ট্যাগ পরিবর্তন করুন:

'আগে_উইজেট' এবং 'আফটার_উইজেট'-এর li এবং মডিউল h2 শিরোনাম, প্রকৃত পরিস্থিতি অনুযায়ী কোড পরিবর্তন করে।

(সম্ভবত পরিবর্তন ছাড়া)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

উপরের কোডটি "টপ-সাইডবার" নামে একটি উইজেট এলাকা নিবন্ধন করে:

• প্রদর্শিত নাম "টপ সাইডবার"।
• শিরোনামে একটি h2 ট্যাগ যোগ করুন।
• বিষয়বস্তু আইটেম li দিয়ে ট্যাগ করা হয়.

লগইন করুনওয়ার্ডপ্রেস ব্যাকএন্ডড্যাশবোর্ড, চেহারা → উইজেটগুলিতে যান।

আপনি যদি নীচের ছবির ডানদিকে টপ সাইডবার উইজেট এলাকা দেখতে পান, তাহলে এর মানে রেজিস্ট্রেশন সফল হয়েছে ▼

দ্বিতীয় ধাপ, গ্যাজেট কল

গ্যাজেটটি নিবন্ধিত হওয়ার পরে, এটিকে থিম টেমপ্লেট ফাইলে কল করা যেতে পারে এবং নিম্নলিখিত কোডটি sidebar.php ফাইলে কল করা যেতে পারে।

1) sidebar.php ফাইলে, বৃহত্তম li বা div ট্যাগের নীচে, সন্নিবেশ করুন ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) sidebar.php ফাইলে, সবচেয়ে বড়বাউপরে, ▼ যোগ করুন

<?php endif; ?>

ধাপ XNUMX: উইজেট সেট আপ করুন

1) গ্যাজেটটি নিবন্ধিত, এবং প্রদর্শনের অবস্থানটিও থিম ফাইলে সংজ্ঞায়িত করা হয়েছে৷

• আপনি ওয়ার্ডপ্রেস ব্যাকগ্রাউন্ডে উইজেট গ্রুপ এলাকা সেট করতে পারেন ▼

2) সংরক্ষণ করার পরে, প্রথম পৃষ্ঠাটি রিফ্রেশ করুন।

• আমাদের ওয়েবসাইটের সাইডবার নিচের ছবির মত দেখাবে ▼

আপনি উপরের ছবিটি দেখতে পাচ্ছেন, এটি নির্দেশ করে যে আমাদের গ্যাজেটটি তৈরি করা হয়েছে এবং যথারীতি চলছে।

কিভাবে বিভিন্ন এলাকায় একাধিক ওয়ার্ডপ্রেস উইজেট যোগ করবেন?

বিভিন্ন অবস্থানে আপনার ওয়ার্ডপ্রেস থিম সমর্থন উইজেট তৈরি করতে পদক্ষেপ XNUMX এবং XNUMX পুনরাবৃত্তি করুন।

ধরুন আপনাকে হেডার, সাইডবার এবং থিমের নীচে একটি উইজেট যোগ করতে হবে।

1) প্রথমে আপনাকে নিম্নলিখিত কোডটি functions.php ফাইলে কপি করতে হবে ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) এর পরে, যথাক্রমে header.php, sidebar.php এবং footer.php ফাইলগুলিতে নিম্নলিখিত কোড যোগ করুন।

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

footer.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

তাই সফল!

• অবশ্যই, আপনি আপনার প্রয়োজন অনুযায়ী কোডের বিভিন্ন বিবরণ সংশোধন করতে পারেন ^_^
• উপরের 2টি ধাপ, বাকি থিমকে উইজেটের কার্যকারিতা একত্রিত করার অনুমতি দেয়।

এরপরে, উইজেট ব্যবহারের জন্য ওয়ার্ডপ্রেস টিপস শেয়ার করা চালিয়ে যান।

ওয়ার্ডপ্রেস থিম ইন্টিগ্রেশন উইজেট উইজেট টিপস

কাস্টম উইজেটগুলি দক্ষতার সাথে পরিচালনা করুন:

1) থিমে উইজেট যোগ করার পরে, আপনি একটি পৃথক ফাইল তৈরি করতে পারেন এবং এটির নাম দিতে পারেনwidgets.php.

• এই ফোল্ডারে ধাপ 1 এ যোগ করা সমস্ত কাস্টম উইজেট কোড সংরক্ষণ করার জন্য।

2) functions.php ফাইলে কোড যোগ করুন:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) widgets.php ফাইলে ধাপ 1 এ যোগ করা সমস্ত কাস্টম উইজেট উইজেট কোড সংরক্ষণ করুন।

এই পদ্ধতিটি নিশ্চিত করে যে সমস্ত উইজেটগুলি মসৃণভাবে লোড হয় এবং উইজেটগুলিকে সমর্থন করে এমন সমস্ত ওয়ার্ডপ্রেস সংস্করণগুলিতে কাজ করে৷

এইভাবে, আপনি আপনার ওয়ার্ডপ্রেস থিম ফাইলগুলি আরও দক্ষতার সাথে পরিচালনা করতে পারেন।