HomeWordpressনিজেই তৈরী করুন WordPress Theme কপি করা বন্ধ করুন চেইন টিউন ( পর্ব ৩ )

2 months ago (March 17, 2018)

নিজেই তৈরী করুন WordPress Theme কপি করা বন্ধ করুন চেইন টিউন ( পর্ব ৩ )

Category: Wordpress Tags: by

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

আসা করি সবাই ভাল আছেন আমিও বেশ ভালই আছি আর আমিও ভাল আছি । এখন আপনাদে মাঝে শেয়ার করব

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

 প্রথমেই আসুন আমরা header.php তে কোডিং করি। কোডিং করার জন্য নিচের কোড গুলো লিখে ফাইলটি সেভ করুন।

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

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

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

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

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

 Footer.php

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

 কোড বুঝে নিন 

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

Sidebar-right.php

সাইডবার রাইটে নিচের কোডগুলো লিখে সেভ করুন।

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

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

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

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

Index.php

ইনডেক্স পিএইচপিতে নিচের কোডগুলো লিখে সেভ করুন

কোড বুঝে নিন

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

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

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

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

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

ধন্যবাদ আজ এ পর্যন্ত পরবর্তী টিউন হবে ২৪ ঘণ্টা পরে সুতরাং আমাদের পাশেই থাকুন।

সবসময় যে কোন বিষয়ে আপনাদের সাহায্য করতে প্রস্তুত। কিন্তু সেজন্য অবশ্যই আপনাকে আমাদের ওয়েবসাইটের মেম্বার হতে হবে।

ক্ষমা চায়ে নিচ্ছি কারন এখানে কোড গুল ভালভাবে দেখা যাচ্ছে না।

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

আর হ্যাঁ এডমিন ভাইকে এর আগে আর একবার বলেছিলাম আপনার এইখানে আমি কিভাবে কোড দিবও উনি কিন্তু আমায়
বলে নাই সুতরাং বলতে পারেন আমার কোন দোষ নাই। তাই বললাম আসল কোড পেতে নিচের লিংকে চলে যান।

নিজেই তৈরী করুন WordPress Theme কপি করা বন্ধ করুন চেইন টিউন ( পর্ব ৩ )

About 7

author

 

8 responses to “নিজেই তৈরী করুন WordPress Theme কপি করা বন্ধ করুন চেইন টিউন ( পর্ব ৩ )”

  1. Rezaul Islam (author) says:

    post kore muskile porlam eikhane to amar code gula show kortechena.. next part kivabe debo bolen?

  2. NAIMISLAM (editor) says:

    hmm. tnx but next time betar.

Leave a Reply

You must be Logged in to post comment.