Awesome! টিউনস
সকল Awesome! টিউনস

যেনে নিন WordPress Theme তৈরি করতে হলে আপনাকে কি কি বিষয়ে যানতে হবে

3,002 দেখা 0 টিউমেন্টস জোসস
টিউন বিভাগ ওয়ার্ডপ্রেস
প্রকাশিত
Level 2

31 টিউনস 1 টিউমেন্টস 2 ফলোয়ার

প্রথমে আমার পক্ষ থেকে সবাইকে সালাম রইল আসসালামু আলাইকুম

আশাকরি সবাই ভাল আছেন আমিও বেশ ভালই আছি আর আমিও ভাল আছি। এখন আপনাদে মাঝে শেয়ার করব
WordPress Theme Development
নিয়ে করা একটা বিশাল চেইন টিউন এর ৩য় পর্ব। প্রথমেই বলেরাখি আমি আজাইরা কথা বলতে ভালোবাসি তাই কোন রকমের ভুল ত্রুটি হলে ক্ষমার দৃষ্টিতে দেখবেন।
আপনারা যদি এর আগের পর্বটা দেখে থাকেন তাহলে বুঝতে সহজ হবে সুতরাং আশাকরি দেখে নিবেন। বেশি কথা না বলে কাজের কথায় আসি।
প্রাথমিক থিমটি তৈরি করতে আমাদের যে কয়টি ফাইল নিয়ে কাজ করা লাগবে এবার তা দেখে নেই।

  • হেডার
  • ফুটার
  • সাইডার
  • ইনডেক্স
  • স্টাইল

এই পাচটি ফাইল নিয়ে কিভাবে একটি বেসিক থিম তৈরি করা যায় তা আমরা আজকে শিখব।
প্রয়োজনীয় সফটওয়্যারঃ
ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট করার জন্য সবচেয়ে ভালো হয় যদি আপনি ড্রিমওয়েভার সফটওয়্যারটি ব্যবহার করেন। যদি না থাকে তবে উইন্ডোজ ডিফলট নোটপ্যাডদিয়েও কাজ সারাতে পারেন। তবে আপনাকে জোর দিয়েই বলছি ড্রিমওয়েভার সফটওয়্যারটি সংগ্রহ করে নিন। কাজ করে অনেক মজা পাবেন।
কিভাবে থিম ডেভেলপ করবঃ
মূলত আমরা একটি ফোল্ডারের ভেতর header.php Footer.php Index.php Sidebar-right.php Style.cssফাইলগুলো ক্রিয়েট করব এবং তাতে কোডিং করার পর সবগুলো ফাইল সেভ করব এবং ফোল্ডারটিকে জিফ ফরমেট দিয়ে সেভ করব। ফলে তৈরি হয়ে যাবে আমাদের আজকের বেসিক ওয়ার্ডপ্রেস থিমটি।

ফাইলগুলো ক্রিয়েট করার জন্য ড্রিমওয়েভার বা নোটপ্যাড ওপেন করে header.php, Footer.ph্‌ Index.php, Sidebar-right.php, Style.css লিখে লিখে একই ফোল্ডারের ভেতর সেভ করুন।
ধাপ এক
প্রথমেই একটি ফোল্ডর ক্রিয়েট করুন। একে রিনেম করে যে কোন নাম দিন। আমি নাম দিলাম- my first theme
ধাপ দুই
আপনার ক্রিয়েট করা My first theme নামক ফোল্ডারের ভেতর ফাইলগুলো ক্রিয়েট করুন।

header.php

Footer.php

Index.php

Sidebar-right.php

Style.css

ফাইলগুলো এখন সম্পূর্ণ খালি। অথ্যাৎ এখনো এগুলোতে কোন প্রকার কোডিং করা হয়নি। এবার আমরা কোডিং করব।
ধাপ তিন – কোডিং
চলুন কোডিং এ প্রবেশ করি
header.php
প্রথমেই আশাকরি। কোডিং করার জন্য নিচের কোড গুলো লিখে ফাইলটি সেভ করুন।

 Welcome to BDtechnotips <link rel="stylesheet" href="">  <body 
 Welcome to BDtechnotips.Com

কোডগুলো বুঝে নিনঃ
<head> দিয়ে হেড অংশের সূচনা করা হয়েছে এবং </head> দিয়ে শেষ করা হয়েছে। মাঝখানে
<title>Welcome to BDtechnoTips.com</title>
দিয়ে সাইটের টাইটেল দেয়া হয়েছে। আপনি যে কোন টাইট্যাল ব্যবহার করতে পারেন। এবং

<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’);?>”> দিয়ে স্টাইলশীট কল করা হয়েছে। এটি স্টাইলশীট কল করার জন্য ওয়ার্ডপ্রেসের ডিফলট কোড।

তারপর বডি অংশে রেপার এবং হেডার নামে দুটি ডিভ কল করা হয়েছে। সাইটের রেপার এবং হেডার স্টাইলিং করার জন্য তা অপরি হার্য। হেডার ডিভ এর মাঝে

<h1> Welcome to BDtechnotips </h1> দিয়ে সাইটের হেডার অংশের টাইটেল বা হেডলাইন দেয়া হয়েছে। h1 হল বড় হেডলাইন। আপনি ২/৩/৪ ইচ্ছামত ব্যবহার করতে পারেন। এবং সবশেষে ডিভটি শেষ করা হয়েছে।

Footer.php
ফুটার অংশে নিচের কোড গুলো লিখে সেভ করুন।

 footer 
Designed By BDtechnotips.Com

কোড বুঝে নিন

এখানে এইচটিএমএল ব্যবহার করে ফুটার অংশের লেখাটি নির্ধারণ করা হয়েছে। আপনি Designed By HM Reza লেখাটি যে কোন নাম দিয়ে পরিবর্তন করে নিতে পারেন। এখানে ডিভ আইডি ফুটার নামে যে ডিভ দেয়া হয়েছে তা Style.css ফাইলে স্টাইলিং করতে প্রয়োজন হবে। মূলত ডিভ ঘোষণা করে তা স্টাইলিং করা সুবিধাজনক।
Sidebar-right.php
সাইডবার রাইটে নিচের কোডগুলো লিখে সেভ করুন।

কোড গুলো বুঝে নিনঃ

<div id=”sidebar-right”> দিয়ে রাইট সাইডবার ঘোষণা করা হয়েছে।

ক্যাটাগরী শো করানোর জন্য কোডগুলো ব্যবহার করা হয়েছে।

এবং উপরিউক্ত কোডগুলো মাসিক ভিত্তিতে আর্কাইভ শো করানোর জন্য ব্যবহার করা হয়েছে।
Index.php
ইনডেক্স পিএইচপিতে নিচের কোডগুলো লিখে সেভ করুন







<a href="">

<span 
Posted on 
.post in

কোড বুঝে নিন
আমরা যখন আমাদের হোম পেজে থাকব তখন যাতে হেডার দেখা যায় সেজন্য <?php get_header();?> কোড দিয়ে হেডার কল করা হয়েছে। <div id=”main”> দিয়ে একটি ডিভ ঘোষণা করা হয়েছে। রাইট সাইডবার দেখা যাবার জন্য <?php get_sidebar(‘right’);?> ব্যবহার করা হয়েছে। কনটেন্ট পাওয়ার জন্য ওয়ার্ডপ্রেসের ডিফল্ট কোড হলো এগুলো- <div id=”content”>



<a href=””>

কোন ক্যাটাগরীতে টিউন করা হয়েছে এবং কত তারিখে টিউন করা হয়েছে তা দেখানোর জন্য এ কোড গুলো-

 
Posted on 
.post in

টিউনে রিডমোর অপশন যোগ করার জন্য এই কোড- <p><?php the_content(__(‘(more…)’));?></p>

যদি কোন টিউন না পাওয়া যায় তখন কি হবে তা নির্ধারণ করতে নিচের কোড –

এবং ফুটার পাওয়ার জন্য <?php get_footer();?> ব্যবহার করা হয়েছে। এই সমস্ত কোড আপনি বার বার প্রাকটিস করুন এবং মনে রাখার চেস্টা করুন।

আমি আন্তরিক ভাবে দুঃখিত কারন আমাদের দেয়া কোড গুল এইখানে আসতেছেনা। বিষয়টা বুঝতে পারলাম না।

যদি কারো আমার এই টিউনির প্রয়োজন হয়ে থাকে তাহলে নিচের লিংকে দেখতে পারেন। আমি অ্যাড এর উদ্দেশ্যে টিউন করিনি আমার উদ্দেশ্য সবাইকে ভাল কিছু উপহার দেয়া।
নিজেই তৈরী করুন WordPress Theme কপি করা বন্ধ করুন চেইন টিউন (পর্ব ৩)

Level 2

আমি মোঃ রেজাউল ইসলাম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 6 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 31 টি টিউন ও 1 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস