ওয়ার্ডপ্রেস কাস্টম থিম তৈরী: পর্ব-৪, তৈরীকৃত ফাইলে কোড যোগ করা।
ওয়ার্ডপ্রেস কাস্টম থিম তৈরীর ৪র্থ পোষ্ট এটি। এর আগে আমরা তিনটি পোষ্ট দেখেছি। আপনি যদি আগের তিন টি পোষ্ট দেখে থাকেন তাহলে এই পোষ্ট থেকে কন্টিনিউ করেন আর যদি আগের পোষ্ট তিনটি না দেখে থাকেন তাহলে এই পোষ্ট এর নিচে দেখেন সিরিজ পোষ্ট এর লিংক দেওয়া আছে সেখান থেকে পূর্বের তিনটি পোষ্ট দেখে আসেন।
আজকের পর্বে আমরা আমাদের ৩য় পোষ্টে তৈরীকৃত ফাইল গুলোতে কোড যোগ করব। এবং ৫ম পোষ্টে ফোল্ডার-ফাইল গুলো কে থিমে পরিণত করে ওয়ার্ডপ্রেস সাইটে ইন্সটল করব। তাহলে চলুন আমরা একে একে ফাইল গুলোতে কোড যোগ করি।
header.php
প্রথমে নিচ থেকে কোড গুলো কপি করে আপনার নোটপ্যাড দিয়ে header.php ফাইলটি ওপেন করুন এবং সেখানে পেষ্ট করে সেভ করুন:
[php]
<?php wp_title('|',true,'right');?><br/><?php bloginfo('name');?>
[/php]
footer.php
এবার নিচের কোডগুলো কপি করে আপনার footer.php ফাইলে সেভ করুন:
[php]
[/php]
sidebar.php
এবার নিচের কোডগুলো কপি করে আপনার sidebar.php ফাইলে সেভ করুন:
[php]
[/php]
single.php
এবার নিচের কোডগুলো কপি করে আপনার single.php ফাইলে সেভ করুন:
[php]
»
»
»
»
»
আজকের পর্বে আমরা আমাদের ৩য় পোষ্টে তৈরীকৃত ফাইল গুলোতে কোড যোগ করব। এবং ৫ম পোষ্টে ফোল্ডার-ফাইল গুলো কে থিমে পরিণত করে ওয়ার্ডপ্রেস সাইটে ইন্সটল করব। তাহলে চলুন আমরা একে একে ফাইল গুলোতে কোড যোগ করি।
header.php
প্রথমে নিচ থেকে কোড গুলো কপি করে আপনার নোটপ্যাড দিয়ে header.php ফাইলটি ওপেন করুন এবং সেখানে পেষ্ট করে সেভ করুন:
[php]
; ?>/images/default.gif)
[/php]
footer.php
এবার নিচের কোডগুলো কপি করে আপনার footer.php ফাইলে সেভ করুন:
[php]
[/php]
sidebar.php
এবার নিচের কোডগুলো কপি করে আপনার sidebar.php ফাইলে সেভ করুন:
[php]
[/php]
single.php
এবার নিচের কোডগুলো কপি করে আপনার single.php ফাইলে সেভ করুন:
[php]
»
»
»
»
»
[/php]
functions.php
এবার নিচের কোডগুলো কপি করে আপনার functions.php ফাইলে সেভ করুন:
[php]
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 100, 100);
?>
[/php]
style.css
এবার নিচের কোডগুলো কপি করে আপনার style.css ফাইলে পেষ্ট করে সেভ করুন:
[php]
/*
Theme Name: Custom Theme
Description: This is my custom theme
Author: itbatayan.com
Version: 1.0
*/
body {
text-align: left;
background-color: #615299;
}
#wrapper {
display: block;
border: 1px #a2a2a2 solid;
width:90%;
margin:0px auto;
}
#header {
border: 2px #a2a2a2 solid;
background-color: #e34de4;
}
#content-homepage {
background-color: #cfcfcf;
width: 75%;
border: 1px #a2a2a2 solid;
padding: 5px;
float: left;
}
#content-single-post {
background-color: #cfcfcf;
width: 75%;
border: 1px #a2a2a2 solid;
padding: 5px;
float: left;
}
#container {
width: 100%;
background-color: #000000;
float: left;
}
#clear{
clear: both;
}
a {
text-decoration: none;
}
#footer {
border: 1px #a2a2a2 solid;
background-color: #000fff;
padding: 5px;
}
.title {
font-size: 11pt;
font-family: verdana;
font-weight: bold;
}
.homepage-excerpt-thumbnail {
float: left;
}
.homepage-excerpt-thumbnail img {
height: 80px;
width: 80px;
background: #fcfcfc;
padding: 0.3em;
margin: 1em 1em 0.5em 0em;
border: 1px solid #bbbdde;
border-radius:.1em 0 0 0;
}
img {
height: auto;
max-width: 100%;
}
#sidebar {
width: 22%;
background-color: #995e52;
border: 0px #a2a2a2 solid;
float: right;
padding: 5px;
}
[/php]
আগামী পর্বে আমরা উপরোক্ত ফাইল-ফোল্ডার গুলো কে থিমে পরিণত করে ওয়ার্ডপ্রেস সাইটে ইন্সটলেশন করব। সেই প্রত্যাশায় আজকের মত বিদায়। আল্লাহ হাফেজ।
Comments
Post a Comment