বন্ধুরা কেমন আছেন ? আশা করি ভালো আছেন।
আশা করি অনেকেই কিছুটা হলেও শিখতে পারছেন এইখান থেকে । আমরা আরও ধীরে ধীরে শিখবো ভালোভাবে বুঝার জন্য । গতদিন একটা কাজ করতে ভুলে গেছিলাম সেটা হলো style.css এ কমেন্ট করা । এটা করতে হবেই । নিচে একটা কমেন্ট দিলাম । আপনি নিচের কমেন্টের মত আপনার তথ্য দিয়ে style.css এ একদম প্রথমে বসিয়ে দিবে।
কমেন্টঃ
/*
Template Name: Your theme name
Template URI: Theme address
Author: Theme author name
Author URI: Author address
Version: Theme version
Description: Theme's description
*/
এই কমেন্ট দেওয়ার পর আপনি ওয়ার্ডপ্রেস এ যখন থিম এক্তিভ করতে যাবেন তখন আপনার এ সকল তথ্য সেখানে দেখাবে । এটি খুব গুরুত্বপূর্ণ ।
আজ আমরা দেখবো কি করে উইজেট রেজিস্ট্রেশন করতে হয় । আশা করি উইজেট কি তা আপনারা সবাই জানেন ।
ফাংশন কোড লিখতে হলে functions.php ফাইলে <?php?> এর মধ্যে লিখতে হবে । আমি নিচে উইজেট এর কোড দিলাম ।
<?php
function widget_areas() {
register_sidebar( array(
'name' => __( 'Right Menu', 'design' ),
'id' => 'right_sidebar',
'before_widget' => '<div class="single_sidebar">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
) );
}
add_action('widgets_init', 'widget_areas');
?>
উইজেট রেজিস্ট্রেশন কোড লিখতে হলে প্রথমে function দিয়ে শুরু করতে হবে । তারপর যেকোনো নাম দিবেন যেমন এখানে widget_areas তারপর প্রথম ব্র্যাকেট ( ) তারপর দ্বিতীয় ব্র্যাকেট {} এর মধ্যে আমরা আমাদের ফাংশন লিখবো । নিচের মত দেখুনঃ
register_sidebar( array(
'name' => __( 'Right Menu', 'design' ),
'id' => 'right_sidebar',
'before_widget' => '<div class="single_sidebar">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
) );
এটি হচ্ছে উইজেট রেজিস্ট্রেশন করার কোড । বলে রাখি আমি php মোটেও জানি না । শুধু কপি পেস্ট মারি । তবে কোডগুলোর কাজ একটু বুঝতে হবে । আমি আপনাদের বুঝিয়ে দিচ্ছি । name এ আপনি যেকোনো নাম দিতে পারেন । query করতে আমাদের id লাগবে , সেই id এখানে দেখানো হয়েছে । আপনি যেকোনো নামে id দিতে পারেন । তবে query করতে একই নাম দিবেন । কথা হলো query কি?
উত্তরঃ আমরাতো এখানে শুধু উইজেট রেজিস্ট্রেশন করছি । শুধু রেজিস্ট্রেশন করলে হবে না । থিমের যেখানে উইজেট বসাবো সেখানে একটি কোড লিখে এই রেজিস্ট্রেশন কোড কে এক্তিভ করতে হয় ,তা হলো কোয়েরি ।
আবার কোড এ ফিরে আসি , 'before_widget' এখানে উইজেট এর আগে যে div আছে তা লিখেবন । 'after_widget' এ উইজেট এর পরে যে div আছে তা লিখেবন । 'before_title' এ টাইটেলের আগে যা আছে তা লিখবেন । 'after_title' এ টাইটেলের পরে যা আছে তা লিখবেন ।
তারপর add_action('widgets_init', 'widget_areas'); দিয়ে শেষ করবেন । যে নাম function এর পরে লিখেছিলেন সে নাম কমলা অংশে দিবেন ।
<div id="sidebar">
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
</div>
এখানে <div id="sidebar"> হচ্ছে before_widget ।
</div> হচ্ছে after_widget ।
<h2> হচ্ছে befor e_title ।
</h2> হচ্ছে after_title ।
রেজিস্ট্রেশন করলে নিচেরমত কোড পাব ।
<?php
function widget_areas() {
register_sidebar( array(
'name' => __( 'Right Menu', 'design' ),
'id' => 'right_sidebar',
'before_widget' => '<div id="sidebar">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
) );
}
add_action('widgets_init', 'widget_areas');
?>
আশা করি বুঝতে পেরেছেন । ভিডিও দেখলে আরও ভালো বুঝতে পারবেন ।
এখন আমরা কোয়েরি করবো <?php dynamic_sidebar('right_sidebar'); ?> এই কোড দিয়ে । লাল অংশে দেখুন আমরা যে নামে আইডি দিয়েছিলাম তা এখানে দিয়েছি । নিচের দেখুন কিভাবে কোয়েরি করলাম ।
কোয়েরি করার আগেঃ
<div id="sidebar">
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
</div>
কোয়েরি করার পরঃ
<div id="sidebar">
<?php dynamic_sidebar('right_sidebar'); ?>
</div>
ব্যাস আমাদের কাজ শেষ । এখন appearance এ গেলে দেখবেন আপনার উইজেট অপশন চলে আসছে ।
নিচের ভিডিও টি দেখুনঃ
না বুঝলে কমেণ্ট করুন । ভালো থাকবেন সবাই ।
Post a Comment