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

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

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

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

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

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

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

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

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

/* register sidebars for widgetized footer */
if (function_exists(‘register_sidebar’)) {
$sidebars = array(1, 2, 3, 4);
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_footer1() {
?>
<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 class=”footer_items”>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Footer 4’) ) : ?>
<?php endif; ?>
</div>
</div>
<?php
}
add_action(‘thesis_hook_footer’,’widgetized_footer1′);

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

/* CUSTOM.CSS */
.custom #footer {
border-top:2em solid #9c9c9c;
background: #eeeeee;
padding:0em;
text-align:center;
}
.custom #footer a{
border-bottom: 1px none #cccccc;
}
/* footer widget area setup */
#footer_setup {
background: #444343;
padding:1.5em;
margin-bottom: 25px;
overflow: hidden;
}
/* widget item setup */
#footer_setup .footer_items {
text-align: left;
width: 24.5%;
padding-right: 0px;
color: #2361A1;
display: inline-block;
float: left;
height: 100%;
}
/* widget item headers */
#footer_setup .footer_items h3 {
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
color: #ffffff;
padding-bottom: 3px;
border-bottom: 3px none #ffdf00;
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 ও Footer 4 নামে ৪ টি নতুন উইজেট তৈরি হয়ে গেছে।

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

9 thoughts on “ফুটারে কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-ছয়”

  1. তাহমিদ

    ধুর মিয় একটার পর একটা ভুয়া কোড দিয়া পোস্ট করতাছেন। ফাইজলামি পাইছেন। আগে নিজে ট্রই কইরা দেখেন পরে পোস্ট কইরেন।

  2. স্বপনচিশতী

    শুভ ভাই,
    সালাম নিবেন। আপনার কথামত বসিয়ে দেখলাম, প্রকৃত পক্ষেই কোডে সিনটেক্স ইরর আছে। পিএইচপিতে বসিয়ে দেখলাম যেখানে এরেতে লুপ চালিয়েছেন,সেখানে ‘after_widget’ => “,
    ‘before_title’ => ”, এই দুই লাইনে সমস্যা আছে। যা উইগেট গুলোতে টেক্স বসালে দেখায় –
    , ‘after_widget’ =>
    একটু দেখবেন।

  3. একেবারে পিএইচপি ফাইলের প্রথমে বসাতে বা মাজামাজি বসাতে। তার মানে কি <?php

    // Using hooks is absolutely the smartest, most bulletproof way to implement things like plugins,
    // custom design elements, and ads. You can add your hook কোথায় বসাবো ছবি অাপলোড দিলে ভাল হত

    1. আপনার কোড এরর হয়েচে, সিপেনেল থেকে পিএইচপি ফাইল এডিট করুন।

  4. আরিফিন

    আমি তো আমার সাইট খুজেই পাচ্ছিনা এখন । এডমিন প্যানালেউ ঢুকতে পারছি না । এই মেসেজ দেই

    Parse error: syntax error, unexpected T_STRING in /home/shishirb/public_html/shop/wp-content/themes/Zenshop/functions.php on line 146

  5. Parse error: syntax error, unexpected T_STRING, expecting ‘)’ in C:\xampp\htdocs\wordpress\wp-content\themes\thesis_18\Custom\custom_functions.php on line 37
    এই ইরোর গুলা দিচ্ছে আমাকে একটা থিসিসের স্ক্রিনশট পাঠান কোনটার মাঝখানে পেস্ট করতে হবে
    বা ইমইলে পাঠিয়ে দিন mdnaeem18@gmail.com

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

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

    ধন্যবাদ!

    1. ভাইয়া মাপ করবেন এই কোডটিতে ভুল নেই আমি পরিক্ষা করে তারপর এখানে প্রকাশ করি।
      তবে পিএইচপি কোডটি একটু আগে পিছে বসালে এরর দেখাই।
      এতে কোন সমস্যা নেই, যদি কোড এরর দেখাই তাহলে আমি আপনাদের বলব কোডটি একেবারে পিএইচপি ফাইলের প্রথমে বসাতে বা মাজামাজি বসাতে।

Comments are closed.