ওয়ার্ডপ্রেস ক্লাসিক থিম ডেভলাপমেন্ট হ্যান্ডবুক

ওয়ার্ডপ্রেস ক্লাসিক থিম ডেভলাপমেন্ট

Estimated reading: 1 minute 34 views Contributors

সারাংশ: এই সেকশনে আপনি ক্লাসিক ওয়ার্ডপ্রেস থিম ডেভেলপ করার সম্পর্কে তথ্য পাবেন।

ক্লাসিক থিম

প্রয়োজনীয় ফাইলসমূহ

ওয়ার্ডপ্রেস ক্লাসিক থিম ডেভলাপমেন্ট সম্পর্কে জানার আগে আপনাকে জানতে হবে “থিম কী” সেকশনে আগে যেমন উল্লেখ করা হয়েছে, একটি ওয়ার্ডপ্রেস থিমকে কার্যকর করার জন্য শুধুমাত্র দুটি ফাইল প্রয়োজন: আপনার পোস্টের তালিকা দেখানোর জন্য একটি index.php ফাইল এবং বিষয়বস্তুকে স্টাইল করার জন্য একটি style.css ফাইল।

আপনি যখন আরও উন্নত ডেভেলপমেন্টের দিকে অগ্রসর হবেন এবং আপনার থিমগুলি আকার ও জটিলতায় বৃদ্ধি পাবে, তখন আপনার থিমকে অনেকগুলি পৃথক ফাইলে (টেমপ্লেট ফাইল নামে পরিচিত) বিভক্ত করা সহজ হবে। উদাহরণস্বরূপ, বেশিরভাগ ওয়ার্ডপ্রেস থিমের মধ্যে আরও অন্তর্ভুক্ত থাকবে:

header.php
index.php
sidebar.php
footer.php

আমরা এই হ্যান্ডবুকের পরবর্তী অংশে পৃথক ফাইল তৈরি করা নিয়ে আলোচনা করব, তবে আপাতত চলুন আপনার প্রথম থিম চালু করা যাক।

(দ্রষ্টব্য: নিম্নোক্ত ধাপগুলি অনুমান করে যে আপনি ইতিমধ্যে “ডেভেলপমেন্ট পরিবেশ সেট আপ করা” বিভাগটি সম্পন্ন করেছেন।)

ধাপ 1 – একটি থিম ফোল্ডার তৈরি করুন

প্রথমে, আপনার কম্পিউটারে একটি নতুন ফোল্ডার তৈরি করুন এবং এর নাম দিন my-first-theme। আপনার থিমের সমস্ত ফাইল এই ফোল্ডারে রাখা হবে।

ধাপ ২ – একটি style.css ফাইল তৈরি করুন

আপনার কম্পিউটারে থাকা যেকোনো সাধারণ টেক্সট এডিটর ব্যবহার করে style.css নামে একটি নতুন ফাইল তৈরি করতে পারেন।

যদি আপনি উইন্ডোজ অপারেটিং সিস্টেম ব্যবহার করেন, তাহলে Vs Code/Sublime Text/Notepad ব্যবহার করুন। আর যদি আপনি ম্যাক ব্যবহার করেন, তাহলে TextEdit ব্যবহার করুন।

নিচের কোডটি কপি করে আপনার নতুন তৈরি করা style.css ফাইলে পেস্ট করুন:

/*
Theme Name: My First WordPress Theme
*/

body {
background: #21759b;
}

ধাপ ৩ – একটি index.php ফাইল তৈরি করুন

এখন index.php নামে একটি ফাইল তৈরি করুন এবং এটিকে আপনার থিমের ফোল্ডারে রাখুন, নিম্নলিখিত কোডটি এতে যুক্ত করুন:

<!DOCTYPE html>
<html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="stylesheet" href="<?php echo esc_url( get_stylesheet_uri() ); ?>" type="text/css" />
<?php wp_head(); ?>
</head>
<body>
<h1><?php bloginfo( 'name' ); ?></h1>
<h2><?php bloginfo( 'description' ); ?></h2>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<h3><?php the_title(); ?></h3>

<?php the_content(); ?>
<?php wp_link_pages(); ?>
<?php edit_post_link(); ?>

<?php endwhile; ?>

<?php
if ( get_next_posts_link() ) {
next_posts_link();
}
?>
<?php
if ( get_previous_posts_link() ) {
previous_posts_link();
}
?>

<?php else: ?>

<p>No posts found. :(</p>

<?php endif; ?>
<?php wp_footer(); ?>
</body>
</html>

ধাপ ৪ – আপনার থিম ইনস্টল করুন

আপনার ডেভেলপমেন্ট ইনভিরনমেন্টে wp-content/themes ফোল্ডারে আপনার নতুন থিমটি কপি করুন এবং পর্যালোচনা ও পরীক্ষার জন্য এটি সক্রিয় করুন।

পদক্ষেপ ৫ – আপনার থিম সক্রিয় করুন

এখন যেহেতু আপনি আপনার থিম ইনস্টল করেছেন, তাই এটিকে সক্রিয় করার জন্য Admin Appearance Themes এ যান।

আপনার প্রথম থিম ব্যবহার করে

অভিনন্দন! – আপনি এখন আপনার প্রথম ওয়ার্ডপ্রেস থিম তৈরি করেছেন!

যদি আপনি আপনার নতুন থিমটি সক্রিয় করেন এবং ব্রাউজারের ভিতরে দেখেন, তাহলে আপনার কিছু এমন কিছু দেখা উচিত:

ঠিক আছে, তাই এটি এখনও সবচেয়ে সুন্দর থিম নয়, তবে এটি একটি দুর্দান্ত শুরু!

আমরা কী শিখেছি? ওয়ার্ডপ্রেস ক্লাসিক থিম ডেভলাপমেন্টঃ

যদিও আপনার প্রথম থিমটিতে অন্যান্য থিমগুলিতে পাওয়া ফাংশনালিটি এবং ডিজাইনের উপাদানগুলি অনুপস্থিত থাকতে পারে, তবে আমরা উপরে যেমন তৈরি করেছি, লাইন লাইন করে ভেঙ্গে দিলে ওয়ার্ডপ্রেস থিমের মূল কাঠামো সব একই।

মনে রাখবেন, এখানে মূল বিষয়টি এই বিষয়ে আটকে না পড়া যে অন্যান্য সবকিছু কীভাবে করা হচ্ছে, কিন্তু ওয়ার্ডপ্রেস থিম তৈরির পিছনে থাকা নির্দেশক নীতিগুলিকে বুঝতে, যে কোনো পরিবর্তনের মধ্যে দিয়ে কোড বা টেমপ্লেট ফাইলের কাঠামো যাই হোক, সময়ের পরীক্ষায় টিকে থাকবে।

সমস্ত ওয়েবসাইট, সেগুলো কীভাবে তৈরি করা হয়েছে তা নির্বিশেষে, সাধারণ উপাদানের প্রয়োজন: headers, primary content areas, menus, sidebars, footers এবং সে ধরনের। আপনি দেখতে পাবেন যে ওয়ার্ডপ্রেস থিম তৈরি করা আসলে ওয়েবসাইট তৈরির আরেকটি উপায়।

এই সবচেয়ে মৌলিক থিম থেকে, আপনি আরও জটিল থিম তৈরি করতে একসাথে রাখা বিল্ডিং ব্লকগুলি সম্পর্কে শিখতে শুরু করবেন।