ফুটারে তিনটি কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-পাঁচ

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

ওয়ার্ডপ্রেস থিসিস থিম কাষ্টোমাইজ টিউটোরিয়াল পর্ব ১

ওয়ার্ডপ্রেস থিসিস থিম কাষ্টোমাইজ টিউটোরিয়াল পর্ব ২

ওয়ার্ডপ্রেস থিসিস থিম কাষ্টোমাইজ টিউটোরিয়াল পর্ব ৩ 

ওয়ার্ডপ্রেস থিসিস থিম কাষ্টোমাইজ টিউটোরিয়াল পর্ব ৪

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

ফুটারে ৩ কলাম  উইজেট তৈরি করা

থিসিস এর   Custom File Editor   ড্রপডাউন থেকে  Custom function.php  সিলেক্ট করুন  এবং নিচের এই php কোডটি লিখে সেভ করুন। ( থিমের Custom function.php ফাইলের ব্যাকআপ রেখে দিন )

/* WIDGETIZED FOOTER – 3 COLUMNS */
/* register sidebars for widgetized footer */
if (function_exists(‘register_sidebar’)) {
$sidebars = array(1, 2, 3);
foreach($sidebars as $number) {
register_sidebar(array(
‘name’ => ‘Footer ‘ . $number,
‘id’ => ‘footer-‘ . $number,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’
));
}
}
/* set up footer widgets */
function widgetized_footer() {
?>
<div id=”footer_setup”>
<div class=”footer_items”>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Footer 1’) ) : ?>
<?php endif; ?>
</div>
<div class=”footer_items”>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Footer 2’) ) : ?>
<?php endif; ?>
</div>
<div class=”footer_items”>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Footer 3’) ) : ?>
<?php endif; ?>
</div>
</div>
<?php
}
add_action(‘thesis_hook_footer’,’widgetized_footer’);

এবার Custom File Editor  ড্রপডাউন থেকে  Custom.css   সিলেক্ট করুন  এবং নিচের এই Css কোডটি লিখে সেভ করুন।

#footer{
background: #eeeeee;
}
.custom #footer {
height: 100%;
width: 100%;
border-top:2em solid #9c9c9c;
background: #ffoooo;
padding:0em;
}
.custom #footer a{
border-bottom: 1px none #cccccc;
}
.custom #footer {
text-align:center;
}
/* footer widget area setup */
#footer_setup {
/* widgetized footer background (not footer background) */
background: #fff;
/* widget padding */
padding:1.5em;
/* margin at bottom of widgets */
margin-bottom: 25px;
/* do not change this! */
overflow: hidden;
}
/* widget item setup */
#footer_setup .footer_items {
/* contents alignment */
text-align: left;
/* widget width */
width: 33.3%;
/* space between widgets */
padding-right: 0px;
/* text color */
color: #2361A1;
/* do not change these! */
display: inline-block;
float: left;
height: 100%;
}
/* widget item headers http://bdtuner.com/wp-admin/admin.php?page=thesis-fileeditor*/
#footer_setup .footer_items h3 {
/* font size */
font-size: 1.5em;
/* bold or not */
font-weight: bold;
/* uppercase or not */
text-transform: uppercase;
/* space out the letters*/
letter-spacing: 0px;
/* font color*/
color: #ffoooo;
/* padding under header text */
padding-bottom: 3px;
/* border under header text */
border-bottom: 3px none #ff0000;
/* distance between border and widget text */
margin-bottom: 5px;
}
/* do not change these! */
#footer_setup .footer_items ul li { list-style:none;
font-size:1.4em;
line-height:1.5em;
}
#footer_setup .footer_items ul { margin: 1em; padding: 0px; }

এবার আপনার Appearance এর Widgets যান দেখুন  Footer 1,  Footer 2 ও  Footer 3 নামে ৩টি নতুন উইজেট তৈরি হয়ে গেছে।

এবার ফুটারে আপনার ইচ্ছা মত উইজেট যুক্ত করে আপনার ব্লগকে সুন্দর করে তুলুন।

পরবর্তী পোষ্ট করা পর্যন্ত আপনাদের কাছ থেকে আমি শুভ এখানেই বিদায় নিচ্ছি সবাই ভাল থাকবেন ধন্যবাদ।


ফেসবুকের মাধ্যমে মন্তব্য লিখুন

  2 comments for “ফুটারে তিনটি কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-পাঁচ

  1. August 14, 2012 at 4:18 pm

    আপনি সব কোড কেটে দিয়ে এই কোডটা লিখে সেভ করুন এবং আবার আগের কোডসমূহ দিয়ে সেভ করুন

  2. August 14, 2012 at 3:08 am

    শুভ ভাই আমার কাজ করছেনা পিএইচপি কোডটা যেখানেই পেস্ট করিনা কেন শুধু এই ইরোরটা দিচ্ছে
    Parse error: syntax error, unexpected T_STRING, expecting ‘)’ in C:\xampp\htdocs\wordpress\wp-content\themes\thesis_18\Custom\custom_functions.php on line 8

    এখন কি করতে পারি বা ভুল টা কোথায় হইছে একটু বলেন না কোডের মধ্যে ভুল আছে।
    আশা করি মন্তব্যের উওরটা তারাতারি দিয়ে দিবেন

Leave a Reply