Comment

থিম ফাংশনালিটি

কাস্টম ব্যাকগ্রাউন্ড

Estimated reading: 1 minute 9 views Contributors

সারাংশ: কাস্টম ব্যাকগ্রাউন্ডস হল একটি থিম ফিচার যা ব্যাকগ্রাউন্ডের কালার এবং ইমেজ কাস্টোমাইজ করার সুযোগ প্রদান করে।

থিম ডেভেলপারদের এটি বাস্তবায়নের জন্য দুটি ধাপ অনুসরণ করতে হয়:

  1. কাস্টম ব্যাকগ্রাউন্ড কার্যকর করা – add_theme_support()
  2. কাস্টম ব্যাকগ্রাউন্ড ডিসপ্লে করা – wp_head() এবং body_class()

কাস্টম ব্যাকগ্রাউন্ড কার্যকর করুন

কাস্টম ব্যাকগ্রাউন্ড সক্ষম করতে functions.php ফাইলে add_theme_support() ব্যবহার করুন।

add_theme_support( 'custom-background' );

আপনি ডিফল্ট প্যারামিটার নির্দিষ্ট করতে পারেন। নিচের উদাহরণে, ডিফল্ট নীল রঙ (#0000ff) এবং ওয়াপু (wapuu.jpg) ব্যাকগ্রাউন্ড ইমেজ ব্যবহার করা হয়েছে, যা ছবি (/images) ফোল্ডারে সংরক্ষিত আছে।

$args = array(
    'default-color' => '0000ff',
    'default-image' => get_template_directory_uri() . '/images/wapuu.jpg',
);
add_theme_support( 'custom-background', $args );

“add_theme_support() ফাংশন কল করার মাধ্যমে, কাস্টোমাইজার ‘ব্যাকগ্রাউন্ড ইমেজ’ মেনু এবং ‘কালারস’ মেনুতে ‘ব্যাকগ্রাউন্ড কালার’ সেকশন ডিসপ্লে করে।”

কাস্টম ব্যাকগ্রাউন্ড ডিসপ্লে করুন

সাধারণত, কাস্টম ব্যাকগ্রাউন্ড ডিসপ্লে করতে header.php ফাইলে wp_head() এবং body_class() ফাংশনগুলিকে কল করা হয়।

<!DOCTYPE html>
<html>
<head>
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

wp_head() HTML হেডারের সাথে লাইন-ইন একটি অতিরিক্ত স্টাইল শীট তৈরি করে, সাধারণত ডকুমেন্টের HEAD এলিমেন্টের শেষের ঠিক আগে। অতিরিক্ত স্টাইল শীট থিমের স্টাইল শীট থেকে ব্যাকগ্রাউন্ড ভেলুগুলিকে ওভাররাইড করে।

আমাদের এলিমেন্টেে, নিম্নলিখিত কোডটি HTML-এ তৈরি হবে। লক্ষ্য করুন যে body ট্যাগে “custom-background” ক্লাস অন্তর্ভুক্ত রয়েছে।

<!DOCTYPE html>
<html lang="en-US" class="no-js">

<head>
	...
<style type="text/css" id="custom-background-css">
body.custom-background {
  background-image: url("http://example.com/wordpress/wp-content/themes/my-first-theme/images/wapuu.jpg");
  background-position: left top;
  background-size: auto;
  background-repeat: repeat;
  background-attachment: scroll;
}
</style>
	...
</head>

<body class="home page-template-default page page-id-211 logged-in admin-bar no-customize-support custom-background">

	...

এখন আপনি বারবার ব্যাকগ্রাউন্ড ইমেজ দেখতে পাবেন

ওয়ার্ডপ্রেস কাস্টম ব্যাকগ্রাউন্ড

আরেকটি ডিফল্ট উদাহরণ

এটি ডিফল্ট মান সেটের আরেকটি উদাহরণ।

$another_args = array(
    'default-color'      => '0000ff',
    'default-image'      => get_template_directory_uri() . '/images/wapuu.jpg',
    'default-position-x' => 'right',
    'default-position-y' => 'top',
    'default-repeat'     => 'no-repeat',
);
add_theme_support( 'custom-background', $another_args );

এটি নিচের মত উপরের ডানদিকে সিঙ্গেল ইমেজ দেখাবে।

ওয়ার্ডপ্রেস কাস্টম ব্যাকগ্রাউন্ড

“যদি ‘default-color’ কে ‘#0000ff’ (নীল) হিসাবে নির্দিষ্ট করে থাকি, তবুও ব্যাকগ্রাউন্ডের কালার নীল হয় না। ‘default-image’ প্যারামিটার সেট করলে তাৎক্ষণিকভাবে সেই ভেলুটি কার্যকর কাস্টম ব্যাকগ্রাউন্ডে পরিণত হবে, যেখানে ‘default-color’ সেট করার কোনো প্রভাব নেই। এটি কেবল কাস্টোমাইজারের কালার মেনুতে ডিফল্ট ব্যাকগ্রাউন্ড কালার হিসাবে সেট করা হয়েছে এবং অ্যাডমিনিস্ট্রেটর এটি সংরক্ষণ করলে বর্ধিত হবে।”

কাস্টম ব্যাকগ্রাউন্ড

Leave a Comment

Share this Doc

কাস্টম ব্যাকগ্রাউন্ড

Or copy link

CONTENTS

Subscribe

×
Cancel