«

»

ওয়ার্ডপ্রেস থিম ডিজাইন [পর্ব-৪] :: আপনার প্রথম ওয়ার্ডপ্রেস থিম (৩)

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

  • এক, সাইডবারটিকে ওয়ার্ডপ্রেসে রেজিষ্টার করা।
  • দুই, সাইডবারটি ওয়ার্ডপ্রেস থিমের মধ্যে আনা।
  • তিন, সাইডবারটির স্টাইল নির্ধারণ করা।

আসুন, আমরা ধীরে ধীরে এগোয়,

সাইডবারটিকে ওয়ার্ডপ্রেসে রেজিষ্টার করাঃ

সাইডবারটিকে ওয়ার্ডপ্রেসে রেজিষ্টার করা বলতে আসলে থিমের ব্যাকএন্ডের সাথে সংযোগসাধনকেই বুঝানো হয়। মনে রাখবেন, আমরা যদি থিমে এমন কোন ফাংশন যোগ করতে চাই, যা এডমিন প্যানেল থেকে নিয়ন্ত্রণ করা যাবে। তাহলে আমাদের অবশ্যই functions.php ফাইলটিতে যেতে হবে। কারণ, সব ফাংশন সংশোধন, সংযোজন, বিয়োজন করার কারখানা হচ্ছে এই ফাইলটি। নামেই এর পরিচয় ;)।

গত পর্বেই আমরা প্রথম ফাংশন ফাইলটি নিয়ে কাজ করেছিলাম, যাতে শুধু নিচের তিনটা লাইন লিখা আছে।


<?php
if ( function_exists('register_sidebar') )
 register_sidebar();  ?>

আগেও বলেছি, আমি এই টিউটোরিয়ালে পিএইচপি কিংবা সিএসএস শিখাবো না। তবে উপরের অংশটুকু বুঝা অনেক বেশি জরুরী। তাই যারা এখনো পিএইচপি শিখা ধরেন নি। তাঁদের সুবিধার্থে আমি কোডটুকুর ব্যাখ্যা করার চেষ্টা করছি। উপরের কোডটির মূল কাঠামো হবে এমনঃ

<?php
if (function_exists('FUNCTION NAME')) {
FUNCTION_NAME(); }  ?>

সহজ ভাবে বললে এর অর্থ, যদি FUNCTION NAME নামের ফাংশনটির অস্তিত্ব থেকে থাকে তবে তাঁকে ব্যবহার করা। যেমন উপরে FUNCTION NAME এর জায়গায় আছে register_sidebar এর অর্থ register_sidebar নামের কোন ফাংশন থাকলে তবে register_sidebar(); এই কোডটি চালানো হবে। অর্থাৎ একটি সাইডবার সে রেজিস্টার্ড করেছে।[ register_sidebar ওয়ার্ডপ্রেস এর একটি বিল্ট-ইন ফাংশন।]

এখন যেহেতু আমরা নতুন আরেকটি সাইডবার বানাব সেহেতু register_sidebar(); এই লাইনটিকে নিচের কোডটা দ্বারা প্রতিস্থাপন করব।


register_sidebar(array(
'name'=>'Left_Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
register_sidebar(array(
'name'=>'Right_Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>
',
));

তাহলে আমাদের পুরো কোডটি হবে এমন,

<?php
if ( function_exists('register_sidebar') )

register_sidebar(array(
'name'=>'Left_Sidebar', // সাইডবারের একটি নাম দেয়া হল।
'before_widget' => '', // উইজেটের আগে কি থাকবে? আপাতত কিছুই না।
'after_widget' => '', // উইজেটের পরে কি থাকবে? আপাতত কিছুই না।
'before_title' => '<h4>', // উইজেট টাইটেলের আগে কি থাকবে?হেডিং স্টাইলের আরম্ভ ট্যাগ।
'after_title' => '</h4>', // উইজেট টাইটেলের পরে কি থাকবে?হেডিং স্টাইলের সমাপনী ট্যাগ।
));
register_sidebar(array(
'name'=>'Right_Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
?>

ফাইলটি সেভ করি।

সাইডবারটি ওয়ার্ডপ্রেস থিমের মধ্যে আনাঃ

সাইডবারটি ওয়ার্ডপ্রেস থিমের মধ্যে আনা বলতে সাইডবারটির জন্য মূল থিমে কিছুটা জায়গা বানানো। যেহেতু আমরা আগেই sidebar-left এবং sidebar-right নামের দুটো ফাইল বানিয়ে ফেলেছি তাই আমাদের নতুন করে কিছুই করতে হবে না। তবে দুটো ফাইলের মধ্যেই নতুন রেজিস্টারকৃত সাইডবারদুটো যুক্ত করে দিতে হবে। প্রথমেই,

বামের সাইডবারে আসি।

<div id="sidebar-left">
<?php
 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left_Sidebar') ) : ?>
<h2 class="sidebartitle"><?php _e('About Me'); ?></h2>
<center>
<img src="http://1.gravatar.com/avatar/b59886de1ff96987658d9afb0d0d503e?s=100&d=identicon&r=G" alt="" />

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

</center>

<?php endif; ?></div>

এরপর ডানের সাইডবার

<div id="sidebar-right">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Right_Sidebar') ) : ?>
  <h2 class="sidebartitle"><?php _e('Categories'); ?></h2>
  <ul class="list-cat">
    <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
  </ul>

  <h2 class="sidebartitle"><?php _e('Archives'); ?></h2>
    <ul class="list-archives">
      <?php wp_get_archives('type=monthly'); ?>
    </ul>
<?php endif; ?>
</div>

সাইডবারটি স্টাইল নির্ধারণ করাঃ

এই কাজটাও নতুন করে করতে হবে না। কারন, আমরা এর আগেই সাইডবারগুলোর স্টাইল নির্ধারন করে ফেলেছি।

আজ এই পর্যন্তই, আগামী পর্বে আমরা উপরে নিচেও সাইডবার বানাব উইজেট লাগানোর উদ্দেশ্যে। সে পর্যন্ত ভালো থাকবেন।

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

আপডেটঃ পোস্টটি প্রকাশ করতে গিয়ে কোডগুলো বারবার এলোমেলো হয়ে যাচ্ছে। কারণটা বুঝতে পারছি না। যা-ই হোক আপাতত মনে হয় ঠিক আছে। কোথাও কোন ভুল হলে আমাকে জানাবেন।


এ সম্পর্কিত আরো কিছু টুইট:

হ্যাকিংয়ের টিউটোরিয়ালের শ্রেণীকক্ষ, সবগুলোই ভিডিও টিউটোরিয়াল
iLLustratOR এ প্রফেশনাল ভিজিটিং Card.
কুয়ান্টাম মেথড নিয়ে কিছু কথা...
আপনার ব্লগে যোগ করুন দারুন একটি Mouse Hover Facebook Slider Plugin.
ফ্রীতে লেখা থেকে ভযেজে কনভার্ট করতে চান ? জেনে নিন সেরা ১০ টি টেক্সট থেকে স্পীচে কনভার্ট করার ওয়েবসা...
এখন ঘরে বসেই ফ্রি প্রফেশনাল গ্রাফিক্ ডিজাইন শিখুন। ধারাবাহিক ভিডিও টিউটোরিয়াল। পর্ব ১৪
Neobux Referrals + Money Adder Hack 10$ 500$

মন্তব্য দিনঃ

comments

About the author

মাখন

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

Permanent link to this article: http://techtweets.com.bd/tutorials/memaakn/13631

6 comments

Skip to comment form

  1. Abdul Mannan Asif
    Abdul Mannan Asif

    wow!! 🙂

    1. মাখন

      ধন্যবাদ 😛

  2. ঐ ছেলেটি
    jakir

    অনেক সুন্দর আরমান ভাই 🙂

    1. মাখন

      হুর্, আরমান ভাই কেটা? 😛

  3. MNUWORLD

    নুন্দর …ধন্যবাদ আপনাকে শেয়ার করার জন্য 🙂

    1. মাখন

      হুরর!!! নুন্দর কি জিনিস?

মন্তব্য করুন