ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট পর্ব-৩ (ডাইন্যামিক করা)

গত পর্বঃ ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট পর্ব-২

আজকে আমরা দেখবো কিভাবে ফাইলগুলো (গত দিন যে ফাইলগুলো তৈরি করেছিলাম) লিঙ্কাপ করতে হয় । প্রথমে যে html টেম্পলেটটিকে ওয়ার্ডপ্রেস এ ডেভেলপ করবেন সেটিকে c drive> xampp> apps> wordpress> hotdocs> wp-content> themes ফোল্ডারে রাখুন ।

এবার index.html কে নাম পরিবর্তন করে index.php করুন । এখন স্ক্রিনশটের জন্য আমাদের একটি screenshot.png নামে একটি ছবি তৈরি করবো । নামটি অবশ্যই screenshot.png নামে হতে হবে । এর সাইজ হবে ৬০০*৪৫০ । এই screenshot.png ফাইলটি আপনার থিম ফোল্ডারে রাখুন । যদি আপনার থিম ফোল্ডারের নাম হয় ব্ল্যাক তবে ব্ল্যাক ফোল্ডারে রাখুন ।কোন img বা image ফোল্ডারে রাখবেন না । নিচের ছবিটি দেখুন ।

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

এখন আমাদের লিঙ্কাপ করার সময় । index.php ফাইলটি notepad++ এ ওপেন করুন ।  আমরা এখন সাইটের নাম,ইমেজ ফাইল,js ইত্যাদি ফাইল লিঙ্কাপের মাধ্যমে ডাইন্যামিক করবো । নিচের কোডগুলো দিয়ে ডাইন্যামিক করবো। 

< ?php bloginfo('name'); ?> = ব্লগের নাম আনার জন্য 

< ?php echo get_template_directory_uri(); ?> = ডাইন্যামিক থিম ডিরেক্টরি 

< ?php bloginfo('stylesheet_url'); ?> = ডাইনািমক স্টাইল শীট 

< ?php wp_head(); ?> = হেডার স্ক্রিপ্ট পাওয়ার জন্য 

এখন কথা হল কিভাবে ডাইন্যামিক করবেন ???

মনে করেন title এ আছে <title>Black</title>

ডাইন্যামিক করলে হবে <title><?php bloginfo('name'); ?></title>

আরেকটা উদাহরন দেখুনঃ style.css  কি করে ডাইন্যামিক করবেন ? 

মনেকরুন এমন আছে   <link rel="stylesheet" type="text/css" href="style.css"/>
ডাইন্যামিক করলে হবে  <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>"/>

ইমেজ কে যেভাবে ডাইন্যামিক করবেনঃ

মনেকরুন একটি ইমেজ এমনভাবে আছে <img src="image/doll.jpg" alt=""/>

ডাইন্যামিক করলে হবে <img src="< ?php echo get_template_directory_uri(); ?>/image/doll.jpg" alt=""/>

js ফাইল মানে javasrcipt সহ অন্যান্য ফাইল এভাবে ডাইন্যামিক করতে পারবেন ।

< ?php wp_head(); ?> এই লাইনটি </head> এর ঠিক উপরে বসাবেন । এবং <?php wp_footer(); ?> এই লাইনটি </body> এর ঠিক উপরে বসাবেন । 

আশা করি ডাইন্যামিক করতে পেরেছেন । 

এখন index.php কে আমারা header,foote,sidebar(যদি  sidebar থাকে) এ ভাগ করবো । ধরে নেই আমাদের থিম এ sidebar আছে ।

এখন আপনার থিম এর হেডার অংশটি কাট করে header.php তে নিন।

আর যেখান থেকে কাট করেছেন মানে index.php এর উপরে হেডার ফাইলকে কল করার জন্য < ?php get_header(); ?>  এই কোড টি বসিয়ে দিন ।

এভাবে ফুটারের সাইডবারের অংশ নিয়ে footer.php আর sidebar.php তে রাখুন । আর ফুটার ও সাইডবার অংশে  < ?php get_footer(); ?> , < ?php get_sidebar(); ?> এই কোডগুলো বসিয়ে দিন ।

নিচের  কোডগুলো দেখুনঃ

 Index.php

================================== 

< ?php get_header(); ?> = header.php ফাইল কল করার জন্য

 < ?php get_footer(); ?> = footer.php ফাইল কল করার জন্য

 < ?php get_sidebar(); ?> = sidebar.php ফাইল কল করার জন্য

< ?php get_template_part('file_name'); ?> = যে কোন ফাইল কল করার জন্য

নিচের ভিডিওটি দেখুনঃ

আশা করি বুঝতে পেরেছেন । না বুঝলে কমেন্ট করবেন । আর কয়েকটা পর্বের পর সোর্স ফাইল দিবো । এখন নিজেরা প্র্যাকটিস করতে থাকুন ।

ভালো থাকবেন সবাই। ধন্যবাদ ।