আপনার ওয়ার্ডপ্রেস ব্লগের যেকোন থিমের ফুটারে ৩ কলাম উইজেট যুক্ত করুন

সবাইকে সালাম ও শুভেচ্ছা জানিয়ে আমার আজকের লিখা আরম্ভ করতেসি।

আজকে আমি আপনাদের দেখাব কেমন করে আপনি আপনার ওয়ার্ডপ্রেস ব্লগের থিমের ফুটারে ৩ কলাম উইজেট যুক্ত করবেন।

তাহলে চলুন শুরু করা যাক।

প্রথমে আপনার ওয়ার্ডপ্রেস ব্লগে এডমিন প্যানেলে লগিন করুন।

আপনার ব্লগের Appearance > Editor এ যান

আপনার থিমের functions.php ফাইলটি ওপেন করুন এবং  ক্লোজ ট্যাগের  ?> শেষে নিচের কোডটি পেস্ট করে সেভ করুন

[php]
register_sidebar(3, array(
‘name’ => ‘Footer %d’,
‘before_widget’ => ‘<div id="%1$s">’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
register_sidebar(4, array(
‘name’ => ‘Footer %d’,
‘before_widget’ => ‘<div id="%1$s">’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
 
register_sidebar(5, array(
‘name’ => ‘Footer %d’,
‘before_widget’ => ‘<div id="%1$s">’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
[/php]

এখন আপনার footer.php ফাইলটি ওপেন করুন এবং নিচের কোডটি লিখে সেভ করুন

[php]
<div id="footer-sidebar1">
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(3) ) : ?>
<?php endif; ?>
</div><div id="footer-sidebar2">
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(4) ) : ?>
<?php endif; ?>
</div>
<div id="footer-sidebar3">
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(5) ) : ?>
<?php endif; ?>
</div>
</div>
 
<div style="clear-both">
[/php]

ব্যাস উইজেট তয়রি করা শেষ, এবার উইজেটটি স্টাইল করারা জন্য আপনার থিমের style.css ফাইলটি ওপেন করুন। এবং নিচের কোডটি লিখে সেভ করুন।

[php]
* Footer Widgets */
 
#footer-sidebar {
display: block;
width:950px;
margin-right:0;
background: #ffffff url(<span style="color: #ff0000;">http://thecreatology.net/wp-content/image/bg.png</span>) left top repeat-x;
}
#footer-sidebar1 {
width: 260px;
float: left;
margin: 15px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
}
#footer-sidebar2 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #ffffff;
}
#footer-sidebar3 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #ffffff;
}
[/php]
উপরের সিএসএস কোডের ব্যাকগ্রাউন্ড ইমেজের লিংকটি পরিবর্তন করে দিন।

এবার আপনার ব্লগের উইজেট অপশনে গিয়ে দেখুন ফুটারে ৩ কলাম উইজেট যুক্ত হয়চে।

ধন্যবাদ সবাইকে।