ওয়ার্ডপ্রেস ওস্তাদ [পর্ব-০২] :: HTML টেমপ্লেট কে ওয়ার্ডপ্রেস থিমে রূপান্তরের জন্য প্রাথমিক করণীয়

0
924

সবাইকে আন্তরিক শুভেচ্ছা এবং স্বাগতম জানাচ্ছি “ওয়ার্ডপ্রেস ওস্তাদ” এডভান্স ওয়ার্ডপ্রেস ডেভলপমেন্টের উপর একটা পূর্ণাঙ্গ ফ্রি চেইন কোর্স এর ২য় পর্বে। টেকটিউনস বিশ্বের সবচেয়ে বড় বাংলা সোশ্যাল নেটওয়ার্ক । এরকম একটা বড় প্লাটফর্মে “ওয়ার্ডপ্রেস ওস্তাদ” কোর্সটি টেকটিউনস কতৃপক্ষের প্রত্যক্ষ সহযোগিতায় শুরু করতে পেরে ভালো লাগছে।

“ওয়ার্ডপ্রেস ওস্তাদ ” কোর্সের ঘোষণা  টেকটিউন্সে প্রকাশ করার পর আপনাদের মধ্যে যে আগ্রহ দেখেছি, তা এই কোর্সটিকে সুন্দর করে পরিচালনা করতে সাহায্য করবে। সকলের সক্রিয় অংশগ্রহণ কামনা করছি।

১ম পর্বে একটা HTML টেমপ্লেট কে ওয়ার্ডপ্রেস থিমে রূপান্তর কারর ক্ষেত্রে যে সকল প্রথমিক কর্যক্রম  রয়েছে সে সম্পর্কে বিস্তারিত আলোচনা করা হয়েছে, আজ ২য় পর্বেও তারই ধারাবাহিকতা বজায় থাকছে।

HTML টেমপ্লেট কে ওয়ার্ডপ্রেস থিমে রূপান্তরের জন্য প্রাথমিক করণীয় (২য় অংশ)

index.php থেকে header অংশ cut করে header.php তৈরি করতে হবে, এবং index.php তে

1
<?php get_header(); ?>

যুক্ত করতে হবে।

index.php থেকে footer অংশ cut করে footer.phpতৈরি করতে হবে, এবং index.php তে

1
<?php get_footer(); ?> 

যুক্ত করতে হবে।

  • যদি সাইটের প্রথম পেজ ব্লগ পেজ না হয় তাহলে index.php থেকে template-welcome.php এর অনুরূপ একটা template পেজ তৈরি করতে হবে। কারণ index.php টা ব্লগ পেজ হবে।
  • template-welcome.php তে টেমপ্লেটের নাম দিতে নিচের কোডের অনুরূপ কোড ব্যবহার করতে হবে।
1
2
3
4
5
6
7
8
9
<?php
/*
Template Name: Welcome Template
*/
get_header(); ?>
  • WordPress ড্যাসবোর্ড থেকে একটা Home এর অনুরূপ নাম দিয়ে একটা পেজ তৈরি করতে হবে। এবং টেমপ্লেট সিলেক্ট করতে হবে Welcome Template. এবং আরো একটা পেজ তৈরি করতে হবে Blog এর অনুরূপ নাম দিয়ে, টেমপ্লেট সিলেক্ট করতে হবে Default Template ।
  • Settings এর Reading Setting থেকে Home পেজটাকে Front Page হিসেবে সিলেক্ট করে দিতে হবে। এবং
  • HTML টেমপ্লেটে কোন স্লাইডার থাকলে ,স্লাইডারের কোডের অংশটুকু cut করে slider.php তৈরি করতে হবে। এবং template-welcome.php বা index.php তে  যুক্ত করতে হবে
1
<?php get_template_part('slider'); ?>
  • HTML টেমপ্লেটের Blog পেজটা index.php করতে হবে। Header এবং footer অংশ বাদ দিতে হবে, কারণ এই অংশগুলো header.php এবং footer.php থেকে আসবে।
  • ডাইনামিক মেনু রেজিস্টার করার জন্য functions.php তে যুক্ত করতে
1
2
3
4
5
6
7
8
9
10
11
function wpj_register_menu() {
if (function_exists('register_nav_menu')) {
register_nav_menu( 'wpj-main-menu', __( 'Main Menu', 'bilanti' ) );
}
}
add_action('init', 'wpj_register_menu');

যদি নেভিগেশনবারের স্ট্রাকচার হয় নিম্নরূপ

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul class="navbar-nav">
<li ><a href="#" > </a>
<ul>
<li ><a href="#" > </a></li>
</ul>
</li>
</ul>

তাহলে ডাইনামিক নেভিগেশনবার আনার জন্য যুক্ত করতে হবে

1
<?php wp_nav_menu( array( 'theme_location' => 'wpj-main-menu', 'menu_class' => 'navbar-nav') ); ?>

প্রতিটা পর্বে কোর্সে সক্রিয় অংশগ্রহণকারীদের জন্য কিছু প্রশ্ন, প্রজেক্ট বা বিশেষ কিছু করণীয় থাকবে। এগুলো সম্পন্ন করে কোর্সে আপনার সক্রিয়তা নিশ্চিৎ করুন। এই কোর্সের সাথে সম্পৃক্ত বিচারক মন্ডলী এগুলো পর্যবেক্ষণ করবেন এবং প্রয়োজনীয় নির্দেশনা প্রদান করবেন।
ওয়ার্ডপ্রেস ওস্তাদ [পর্ব-০২] এর জন্য করণীয়

১. আজকে যে কোড সমূহ নিয়ে আলোচনা করা হলো এই কোড গুলো দিয়ে index.php,template-welcome.php,header.php,footer.php এবং functions.php ফাইল তৈরি করে একসাথে wpostad_task02_YourName.zip  রুপে যুক্তকরে  নিজনিজ dropbox বা mediafire এ যুক্ত করে  comment করুন।

আজ এ পর্যন্তই। সবার জন্য শুভকামনা রইলো।

LEAVE A REPLY