ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট – টিউনার বাংলা Biographical -পর্ব-১

ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট শিখূন ।আর চোখ রাখুন কুমিল্লা আই টি তে । এরকম একটা থিম নিজে বানান।আজ আপনাদের আমি দেখাব কিভাবে আপনার নিজের এবং মনের মত একটি ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট – টিউনার বাংলা Biographical  তৈরি করা যায় ।

আসুন তাহলে শুরু করা যাক –

১। প্রথমে আপনার ওয়ার্ডপ্রেস সাইট লগইন করুন , আপনার থিমের single-post open করুন

২। নিচের কোড গুল সবার উপরে Header কোডের নিচে পেস্ট করুন ।

?>
<?php get_header(); ?>

<div id=”post-wrap”>

<div id=”content”>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

নিচে এই কোড

<div id=”single-wrap”>
<table border=”0″;color=”#CCC”>
<tr>
<td><div style=”font-size: 25px; color: #666;margin-bottom:2px”><?php the_author(); ?></div></td>
<td><div style=”font-size: 12px; color: #000;margin-left:430px;”><p>মোট টিউন : <?php the_author_posts(); ?> টি </div></td>
</tr>
<tr>
</tr>
</table>
<span style=”float: leftt”><?php echo get_avatar( get_the_author_email(), ‘100’ ); ?></span>
<span style=”float:right”>
<div style=”border-left:1px solid #CCC;padding:10px;width: 300px;font-size: 12px; color: #008080;margin-left:10px”><p>» ইমেল : <?php the_author_meta( ‘user_email’ ); ?><p>» ওয়েবসাইট : <a href=”<?php the_author_meta( ‘user_url’ ); ?>”><?php the_author_meta( ‘user_url’ ); ?></a></p><p>» ফেসবুক : <a href=”mailto:<?php the_author_meta( ‘facebook_profile’); ?>”><?php the_author_meta( ‘facebook_profile’); ?></a></p>
</div></span>
<div style=”float:right;border:1px solid #CCC;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding:5px;width:470px;font-size: 12px; color: #008080;margin-right:2px;”><?php the_author_description(); ?></div>
<div style=”text-align:right;padding:5px;font-size: 13px; color: #008080″><p>আমার টিউন পাতা » <?php the_author_posts_link(); ?></p></div>
</div>
</div>
<!– END single-wrap –>

৩। save kore বেরিয়ে আসুন ।

৪। এইবার style.css ভিতরে নিচের কোড টি পেস্ট করুন ।

#single-wrap{padding:20px; margin-bottom:3px;  border:1px solid #98AFC7; -webkit-border-parellelogram:5px; -moz-border-parellelogram:5px; border-parellelogram:5px;-moz-box-shadow:0px 0px 4px #EEE;-webkit-box-shadow:0px 0px 4px #EEE;   box-shadow:0px 0px 4px #EEE;list-style:none}

৫। save করে বেরিয়ে আসুন ।

ব্যাস আপনার কাজ শেষ ।এইবার আপনার থিমটা ওপেন করে দেখুন ।