এটি 12 পর্বের ওয়ার্ডপ্রেস কোডিং বিষয়ক টিউনের 2 পর্ব
WordPress
WordPress

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

যারা প্রথম পর্ব দেখেন নি, তারা দেখতে চাইলে এখানে ক্লিক করুন।

আসা করি আজকের পর আর ব্যর্থ হবেন না ।
এই চিত্রটা দেখুন ………

3 footer

3 footer

তো চলুন শুরু কর যাক ।
এই কাজ টা আমাদের তিনটা ধাপে করতে হবে ।
1.funtion.php তে কোড বসানো।
2.footer.php তে কোড বসানো ।
3.stylesheet এ কোড বসানো ।

1.নিচের কোড টা কপি করে funtion.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>’,
));

2.নিচের কোড টা কপি করে footer.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”>

3.নিচের কোড টা কপি করে stylesheet/style.css এ পেস্ট করুন ।

* 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;
}

এবার আপনার theme এর widget এ যান ।

সেখানে  footer column 1,2,3 দেখতে পারবেন ।

এখন সেখানে আপনার widget টি রাখুন এবং আপনার সাইট টি দেখুন ।এই রকম দেখা যাবে ।

 

আর কোনো সমস্যা হলে আমাকে জানাবেন ।আল্লাহ হাফেজ ।

পূর্বে প্রকাশিত

Series Navigation<< ওয়ার্ডপ্রেস কোডিং [পর্ব-১] :: আপনার সাইট থেকে কপি-পেস্ট আজীবনের জন্য বন্ধ করে দেনওয়ার্ডপ্রেস কোডিং [পর্ব-৩] :: এখন পেজ নং যুক্ত করুন কোন রকম প্লাগিন ছাড়া >>