যা যা জানতে পারবেন :
- ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট শিখূন ।আর চোখ রাখুন কুমিল্লা আই টি তে । এরকম একটা থিম নিজে বানান।আজ আপনাদের আমি দেখাব কিভাবে আপনার নিজের এবং মনের মত একটি ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট – টিউনার বাংলা 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 করে বেরিয়ে আসুন ।
- ব্যাস আপনার কাজ শেষ ।এইবার আপনার থিমটা ওপেন করে দেখুন ।