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

সবাইকে সালাম ও শুভেচ্ছা জানিয়ে থিসিস থিম নিয়ে ৮ম পোস্ট আরম্ভ করতেছি। থিসিস থিম নিয়ে আমার আগের পোস্ট সমুহ দেখে নিতে পারেন

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

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

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

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

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

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

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

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

ব্যাকগ্রাউন্ড ইমেজ যোগ করা

প্রথমে আপনার ওয়ার্ডপ্রেস ব্লগে লগিন করুন এবং থিসিস এর   Custom File Editor   ড্রপডাউন থেকে  Custom .Css  সিলেক্ট করুন  এবং নিচের এই CSS কোডটি লিখে সেভ করুন।

body{
background:url(“https://tutorialbd.com/wp-content/mages/YOUR-IMAGE-HERE.gif“);
}

.custom #container {
margin-bottom: 30px;
margin-top: 30px;
border: 3px solid #ff0000;
}

উপরের CSS কোডটিতে যেখানে লাল কালারের কোডটি দেওয়া সেখানে আপনার ব্যাকগ্রাউন্ড ইমেজের লিঙ্ক দিন। (https://tutorialbd.com/wp-content/mages/YOUR-IMAGE-HERE.gif) এবার আপনার ব্লগটি রিফ্রেশ করে দেখুন আপনার ব্লগে ব্যাকগ্রাউন্ড ইমেজ যুক্ত হয়েছে।

ফুটারে অ্যাড উইজেট যোগ করা 

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

/***BUILD FOOTER WIDGET ***/
register_sidebars(1,
array(
‘name’ => ‘Footer’,
‘before_widget’ => ‘<li id=”%1$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’
)
);
function widgetized_footer() { ?>
<div id=”footer_1″>
<ul>
<?php thesis_default_widget(3); ?>
</ul>
</div>
<?php }
add_action(‘thesis_hook_footer’, ‘widgetized_footer’, ‘1’);

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

/***FOOTER widjet ***/
.custom #footer_area, #footer_area .page{background: #222;}
.custom #footer_area {color: #ccc; padding-top: 0em; text-align:center; border-top: 3px solid
#666;}
.custom #footer {border-top:none; text-align:center;}
.custom #footer a:hover {color: #fff; text-decoration: none; }
.custom #footer_1 {text-align:left; border-bottom: 1px solid #333; }
.custom #footer_1 ul.sidebar_list li.widget {text-indent:0; color: #eee; width:23%; marginright:
0%; float:left;}
.custom #footer_1 ul.sidebar_list li.widget h3 {text-indent:0; padding-top:0.2em; color:#ccc;
font-size:22px; font-family:georgia;}
.custom #footer_1 ul.sidebar_list li.widget a {color: #fff; border-bottom:0; padding:0.2em;}
.custom #footer_1 ul.sidebar_list li.widget a:hover {color:#ccc; padding:0.2em;}

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

এবার এই উইজেট যুক্ত করে আপনি আপনার ব্লগে অ্যাড দিতে পারবেন অথবা  এই উইজেটটি আপনি আপনার ইচ্ছা মত ব্যবহার করতে পারবেন।

আজকের মত এখানেই বিদয়, আর হ্যাঁ পোস্টটি কেমন লাগলো বা কোন ধরনের সমস্যা হলে মন্তব্যের মাধ্যমে জানাতে ভুলবেন না। সবাই ভাল থাকুন এবং টিউটেরিয়ালবিডি-এর সাথেই থাকুন ধন্যবাদ।