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

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

এই কোর্সে অংশ গ্রহণের পূর্বপ্রস্তুতি সমূহ :

লোকাল সার্ভার এবং ওয়েব সার্ভার সম্পর্কে বেসিক
ধারণা থাকতে হবে HTML এবং css এর ভলো ধারণা থাকতে হবে। jQuery প্লাগইন সমূহ কিভাবে ব্যবহার করতে হয় জানতে হবে। ওয়ার্ডপ্রেস ইন্সটল করার পদ্ধতি জানতে হবে ওয়ার্ডপ্রেসের ব্যবহার জানতে হবে।

HTML টেমপ্লেট কে ওয়ার্ডপ্রেসথিমে রূপান্তর

যে কোন ওয়েব সাইট তৈরির ক্ষেত্রে প্রথমে ঐ সাইটটির ডিজাইন ফটোশপ ব্যবহার করে PSD ফরমেটে তৈরি করা হয় যাকে বলা হয় PSD টেমপ্লেট । এর পর HTML, CSS প্রয়োজনে jQuery প্লাগইন সমূহ ব্যবহার করে PSD টেমপ্লেটটিকে Web টেমপ্লেট বা HTML টেমপ্লেটে রূপান্তর করা হয়। এর পরের কাজ একজন ওয়ার্ডপ্রেস ডেভলপারের। যা আমাদের কোর্সের আলোচনার বিষয়বস্তু। একজন ওয়ার্ডপ্রেস ডেভলপার একটা HTML টেমপ্লেট পাওয়ার পর কি করবে তা নিয়েই আজকের আলোচনা। আলোচনার সুবিধার্তে আমরা দুইজন কল্পিত ক্যারেক্টার বিবেচনা করব যাদের একজন ওয়ার্ডপ্রেস ওস্তাদ মিস্টার ডব্লিউ পি এবং অপরজন তার জুনিয়র আমাদের বল্টুমিয়া। বল্টুমিয়া অনেক চেষ্টার পর ওয়ার্ডপ্রেস শিখতে ব্যার্থ হয়ে , শেষ পর্যন্ত সন্ধান পেলেন ওয়ার্ডপ্রেস ওস্তাদ মিস্টার ডব্লিউ পির । বল্টুমিয়া মিস্টার ডব্লিউ পির কাছে গিয়ে বললেন , বল্টু মিয়াকে পেয়ে স্যারও খুব খুশি হলেন । কিভাবে একটা ওয়ার্ডপ্রেস থিম ডেভলপমেন্ট শুরু করতে হয় এই বিষয়ের উপর মিস্টার ডব্লিউ পি বল্টু মিয়াকে কিছু নির্দেশনা দিলেন। তাহলে আসুন এক নজরে দেখে নেয়া যাক একটা HTML টেমপ্লেট কে ওয়ার্ডপ্রেস থিমে রূপান্তর করার ক্ষেত্রে আমাদের প্রাথমিক করণীয় কি কি কাজ রয়েছে । HTML টেমপ্লেট কে ওয়ার্ডপ্রেস থিমে রূপান্তরের জন্য আমাদের প্রাথমিক করণীয় কিছু পদক্ষেপ

HTML টেমপ্লেট কে ওয়ার্ডপ্রেস থিমে রূপান্তরের জন্য আমাদের প্রাথমিক করণীয় কিছু পদক্ষেপ

একটা HTML টেমপ্লেট নিতে হবে।
WordPress ইন্সটল করে নিতে হবে।
সাধারণত WordPress ইন্সটল করলেwp-content\themes এর
মধ্য থিম সমূহ থাকে। এখানে HTML টেমপ্লেটটি রাখতে হবে।
প্রতিটা wordpress থিমেই index.php এবং style.css থাকতে হবে।
HTML টেমপ্লেটের index.html কে index.php করতে হবে।
style.css না থাকলে style.css তৈরি করে নিতে হবে।
একটা functions.php ফাইল তৈরি করতে হবে। functions.php
এর কোড শুরু হবে ।
HTML টেমপ্লেটে jQuery কল করা থাকলে তা ডিলেট করে
দিতে হবে। কারণ WordPress এর সাথে ডিফল্টভাবে jQuery
থাকে। আমাদের WordPress এর jQuery ব্যবহার করতে হবে।
WordPress ডিফল্ট jQuery ব্যবহার করার জন্য functions.php
ফাইলে যুক্ত করতে হবে।
/* Adding Latest jQuery from WordPress */
function call_wp_latest_jquery() {
wp_enqueue_script(‘jquery’);
}
add_action(‘init’, ‘call_wp_latest_jquery’);
jQuery ব্যবহৃত কোন স্ক্রিপ্টে $ থাকলে তা jQuery দ্বারা
Replace করতে হবে।
HTML টেমপ্লেটের হবে

Css ফাইল সমূহের থিম ডাইরেক্টরী ডাইনামিক করার জন্য
ব্যবহার করতে হবে

যেমন
1হবে
1
Style.css ডাইনামিক করার জন্য ব্যবহার করতে হবে
অর্থাৎ

হবে

বিভিন্ন ফাংশন Head সেকশনের মধ্যে সক্রিয় করার জন্য
ব্যবহার করতে হবে। যুক্ত করতে হবে এর ঠিক পূর্বে।
HTML টেমপ্লেটের ইমেজ সমূহ ডাইনামিক করার জন্য
ব্যবহার করতে হবে
যেমন

হবে

js ফাইল সমূহের থিম ডাইরেক্টরী ডাইনামিক করার জন্য
ব্যবহার করতে হবে
/
যেমন

হবে

বিভিন্ন ফাংশন footer সেকশনের মধ্যে সক্রিয় করার
জন্য

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

যুক্ত করতে হবে এর ঠিক পূর্বে।
Style.css শুরু করতে হবে নিচের কোড এর অনুরূপ কোড
দিয়ে।
/*Theme Name: My WordPress ThemeTheme URI: http://
sitename.com/my_wordpress_themeAuthor: Ashim
KumarAuthor URI: http://authorsitename.com
Version: 1.0
*/
600px x 450px এর একটা screenshot.png ইমেজ নিতে হবে
থিম ডিরেকটরীতে, যা থিমের screenshot হিসেবে
আসবে,এবং থিম একটিভ করার সময় দেখাবে।
প্রতিটা পর্বে কোর্সে সক্রিয় অংশগ্রহণকারীদের জন্য
কিছু প্রশ্ন, প্রজেক্ট বা বিশেষ কিছু করণীয় থাকবে।
এগুলো সম্পন্ন করে কোর্সে আপনার সক্রিয়তা নিশ্চিৎ
করুন। এই কোর্সের সাথে সম্পৃক্ত বিচারক মন্ডলী এগুলো পর্যবেক্ষণ করবেন এবং প্রয়োজনীয় নির্দেশনা প্রদান করবেন।

১. আজকে যে কোড সমূহ নিয়ে আলোচনা করা হলো এই কোড গুলো দিয়ে index.php,style.css এবং functions.php ফাইল তৈরি করে একসাথে wpostad_task01_YourName.zip রুপে যুক্তকরে নিজনিজ dropbox বা mediafire এ যুক্ত করে comment করুন। আজ এ পর্যন্তই। সবার জন্য শুভকামনা রইলো।

TipsaLL24.Com আমাদের সাইটে একবার ঘুরে আসুন।

ফেছবুকে আমি.