«

»

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

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

আপনার প্রথম ওয়ার্ডপ্রেস থিম

তার আগে চলুন ওয়ার্ডপ্রেস থিম ডিজাইন এর আরো কিছু বেসিক ব্যাপার স্যাপার জেনে নেই।

ওয়ার্ডপ্রেস থিমঃ

সাধারণত থিম বলতে একটা সাইটের পোশাককেই বোঝাতে পারি। একটা ঘরের মূল আসবাব পত্র ঠিক রেখে আমরা ঘরটিকে যেমন বিভিন্নভাবে সাজাতে পারি। ঠিক তেমনি একটি সাইটের কন্টেট ঠিক রেখে আমরা সাইটটিকে থিম পাল্টানোর মাধ্যমে বিভিন্নভাবে সাজাতে পারি। অন্যান্য থিমে সাথে ওয়ার্ডপ্রেস থিমের পার্থক্য হল, এটি সর্বোচ্চ কার্যকর করার জন্য একটি নির্দিষ্ট নিয়ম মেনে তৈরি করতে হয়। নিয়ম বলতে আপাতত আমরা বলতে পারি যে আপনার এডমিন প্যানেলে সাথে মূল সাইটের সংযোগ সাধন। উদাহারণ স্বরুপ বলতে পারি যে আমরা গত পর্বে যে থিমটি তৈরি করেছিলাম সেটার সাইডবারের সাথে সাইটের ব্যাকএন্ডের কোন সংযোগ ছিল না। যার কারণে আপনারা কেউ ঐ থিমটি সাইটের জন্য একটিভ করে Appearance>widget এ ক্লিক করলে ইরর দেখাবে।

ওয়ার্ডপ্রেস থিম ফাইলঃ

থিম ফাইল হচ্ছে থিম সংশ্লিষ্ট ফাইল। মানে একটা থিম বানাতে আমাদের যে যে ফাইলগুলো লাগবে সেগুলোকে একত্রে থিম ফাইল বলা হয়। যে কোন সাধারণ থিম বানানোর জন্যা আমাদের তিনটা ফাইল হলেই চলে

  • index.html
  • style.css
  • Images ফোল্ডার।

কিন্তু একটা সাধারণ ওয়ার্ডপ্রেস থিমের জন্য আমাদের দরকার পরে style.css, Images ফোল্ডার ছাড়াও…

  • index.php
  • header.php [ থিমের শুরুটা এখান থেকেই করা হয়।]
  • footer.php [শেষটা করা হয় এখানে]
  • sidebar.php [সাইডবারের সকল কাজ এইখানে করা হয়]
  • functions.php [ থিমের সকল ফাংশন এইখানে ডিফাইন করে দেওয়া হয়]
  • single.php [ কোন একটা পোস্ট পড়তে চাইলে থিমটা কেমন হবে তার বর্ণনা তাঁকে এইখানে]
  • archives.php [ আর্কাইভ পেজের ডিজাইনটা কেমন হবে তা এখানেই বলা থাকে]
  • comments.php [ মন্তব্য করার জায়গাটা এইখানেই ডিফাইন করে দেয়া থাকে]

এই লিস্ট দেখে ভয় পাওয়ার কিছু নেই। কারণ সাধারণ থিমের ঐ index.html কে ভেঙ্গেই এই ফাইলগুলো বের করা হয়েছে। ধীরে ধীরে আমরা সবকিছুই জানব।

আজকে চলুন, গত পর্বের থিমটিকে আরেকটু উন্নত করার চেষ্টা করি।

প্রথমেই একটা functions.php নামের একটা ফাইল বানায়। এর মধ্যে নিচের কোডটুকু লিখি,


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

এরপর সেভ করে আমাদের মূল থিমের ফোল্ডারের মধ্যে রাখি।

তারপর, যেকোন একটি সাইডবার ফাইলে (sidebar-left.php অথবা sidebar-right.php)

<div id="sidebar-right">
এর পরে
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
এবং
</div>
এর আগে
<?php endif; ?> লিখি।

ধরুন, আমাদের থিমের sidebar-right.php ফাইলটি এডিট করছি তাহলে, নতুন কোডটা হবে এমন

<div id="sidebar-right">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
  <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>

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

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


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

শখের বশে সি প্রোগ্রামিং: গসাগু নির্ণয়ের প্রোগ্রাম তৈরি(৩)
Adobe After Effects বাংলা ভিডিও টিউটোরিয়াল [পর্ব-০২] :: ক্লোনিং ইফেক্ট
Internet কি? কেন? কি ভাবে?
অনলাইন আউটসোর্সিং এর জন্য ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট প্রশিক্ষন
চলুন একটু সময় করে সা রে গা মা শিখি (পার্ট-2)
অনলাইনে আয় করতে চান ? তাহলে একটি বই নিন ফ্রি !!!!
এন্ড্রয়েডে ফাইল আদান-প্রদান করুন Share It এর চেয়ে তিনগুন বেশি স্পিডে

মন্তব্য দিনঃ

comments

About the author

মাখন

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

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

4 comments

Skip to comment form

  1. Abdul Mannan Asif
    Abdul Mannan Asif

    আপনাকে ধন্যবাদ 🙂 আশাকরি চালিয়ে যাবেন 🙂

    1. মাখন

      আমিও আশা করি চালিয়ে যাব, আপনাকেও ধন্যবাদ।

  2. MNUWORLD

    খুব সুন্দর…জলদি পরবর্তী পর্ব চাই 🙂

    1. মাখন

      অনেক ধন্যবাদ। এত সময় নিয়ে টুইটটি পড়ার জন্য।

মন্তব্য করুন