কাস্টোমাইজ (Customize)

Estimated reading: 1 minute 30 views Contributors

ওয়ার্ডপ্রেস ভার্সন ৩.৪ থেকে থিম কাস্টোমাইজার চালু হয়েছে, যা থিমের নানান লুক এবং সেটিংস নিয়ে পরীক্ষা-নিরীক্ষা করা যায় অথবা যে থিমটিতে আপনি স্যুইচ করার কথা ভাবছেন তা পাবলিশ করার আগেই চেক করে নিতে পারেন। যেসব থিম এ সাপোর্ট করে সেগুলির জন্য কালার, ব্যাকগ্রাউন্ড, কাস্টম ইমেজ হেডার ইত্যাদি পরিবর্তন করতে পারবেন।

যদি Administration Screens থেকে Appearance Customize মেনু সিলেক্ট করে থাকেন তাহলে থিম কাস্টোমাইজার চালু হবে। কাস্টোমাইজার “আপনার সাইটে পরিবর্তন” পাবলিশ করার আগেই তা “প্রিভিউ” দেখার অনুমতি দেয়। আপনি যদি সরাসরি থিম ফাইল পরিবর্তন করেন এবং সেগুলি আপডেট করেন, তাহলে আপনার পরিবর্তনগুলি হারিয়ে যেতে পারে। তাই কাস্টোমাইজার ব্যবহার করে নিশ্চিত করবেন যে আপনার পরিবর্তন সংরক্ষিত থাকবে।

গুরুত্বপূর্ণ দ্রষ্টব্য

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

মৌলিক ব্যবহার

কাস্টোমাইজার কীভাবে শুরু করবেন

কাস্টোমাইজার শুরু করতে, নিম্নলিখিত ধাপগুলির একটি অনুসরণ করুন:

অ্যাডমিনিস্ট্রেশন স্ক্রিন থেকে, Appearance Customize সিলেক্ট করুন।
টুলবার থেকে, কাস্টোমাইজ সিলেক্ট করুন।

এটি কীভাবে ব্যবহার করবেন

বাম পাশের মেনু থেকে অপশন ক্যাটাগরি খুলুন এবং অপশনের ভেলু নির্দিষ্ট করুন। খেয়াল করুন আপনার পরিবর্তন করার সাথে সাথে প্রিভিউ স্ক্রিনও পরিবর্তিত হয়। কাস্টোমাইজেশন শেষ হয়ে গেলে আপনার সাইটে পরিবর্তন কার্যকর করার জন্য “Publish” বাটনে ক্লিক করবেন।

কিছু টিপস

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

কাস্টোমাইজার প্যানেলের নীচের ডিভাইস প্রিভিউ বাটনগুলি আপনার সাইটের লুক পরিবর্তন করার আগে মোবাইল, ট্যাবলেট এবং ডেস্কটপ প্রসঙ্গে দেখতে কেমন দেখায় তা দেখায়।
প্রিভিউ স্ক্রিনে নীল পেন্সিল আইকনে ক্লিক করলে বাম পাশের প্যানেলে সংশ্লিষ্ট কন্ট্রোল মেনু খুলবে।

মেনু অপশন্স

সাইট আইডেন্টিটি

এই মেনু আপনাকে প্রাইমারি সাইটের তথ্য নির্দিষ্ট করতে দেয়।

Logo – সাইটের লোগো ইমেজ যেমন কর্পোরেট প্রতীক। “Select Logo” ক্লিক করে মিডিয়া লাইব্রেরি খুলুন। এখান থেকে একটি ছবি সিলেক্ট করুন অথবা “Upload Files” ট্যাব থেকে নতুন ছবি আপলোড করুন এবং নিচের ডানদিকে “Choose logo” বাটনে ক্লিক করুন। সাইটের লোগো ইমেজ ডিলিট করে ফেলতে বা পরিবর্তন করতে “Remove or Change logo” তে ক্লিক করুন।
Site Title – সাইটের টাইটেলের জন্য টেক্সট বক্স।
Tagline – ট্যাগ লাইনের জন্য টেক্সট বক্স।
Display Site title and tagline – টাইটেল এবং ট্যাগ লাইন ডিসপ্লে করতে বা লুকাতে চেকবক্স।
Site Icon – সাইট আইকন ব্রাউজার এবং অ্যাপ আইকন হিসেবে ব্যবহার করা হয়। আইকনগুলি অবশ্যই বর্গাকার হতে হবে এবং কমপক্ষে 512 পিক্সেল প্রশস্ত এবং লম্বা হতে হবে।

“Select Image” এ ক্লিক করে মিডিয়া লাইব্রেরি খুলুন। এখান থেকে একটি ছবি সিলেক্ট করুন অথবা “Upload Files” ট্যাব থেকে নতুন ছবি আপলোড করুন এবং নিচের ডানদিকে “Select ” বাটনে ক্লিক করুন।

Colors & Dark মোড

“কালার্স এবং ডার্ক মোড” মেনু আপনাকে থিম দ্বারা দেখানো ব্যাকগ্রাউন্ড কালার কাস্টমাইজ করতে দেয়। এটি থিমের জন্য ডার্ক মোড সাপোর্ট সক্রিয় করতেও সহায়তা করে।

Background Color – “Select color” বাটনে ক্লিক করুন। আপনি থিমের ব্যাকগ্রাউন্ড হিসাবে ডিসপ্লে করতে চান এমন কালার হেক্সাডেসিমাল নম্বর (যেমন- d33131) লিখতে পারেন, অথবা কালার পিকার থেকে পছন্দসই কালার ক্লিক করতে পারেন। এতে হেক্সাডেসিমাল নম্বরটি “Color” ফিল্ডে রাখা হবে। প্রাথমিক অবস্থা পুনরুদ্ধার করতে “Default” ক্লিক করুন। এই ব্যাকগ্রাউন্ড শুধুমাত্র প্রশস্ত ডিসপ্লেতে দৃশ্যমান হতে পারে।
Dark Mode support – ডার্ক মোড সাপোর্ট সক্রিয় করতে চেকবক্সে ক্লিক করুন। যদি ডার্ক মোড সাপোর্ট ক্যাপাবল থাকে তাহলে সাইটটি একটি ডার্ক ব্যাকগ্রাউন্ড এবং লাইট টেক্সট সহ ডিসপ্লে হবে।

ব্যাকগ্রাউন্ড ইমেজ

এখানে বর্ণিত “কালার্স ও ডার্ক মোড” এর উপরে নির্দিষ্ট করা দৃঢ় ব্যাকগ্রাউন্ড কালার পরিবর্তে ব্যবহার করার জন্য একটি অপশনাল ব্যাকগ্রাউন্ড ছবি সিলেক্ট করুন।

Select image – এই বাটনটিতে ক্লিক করলে “Select Image” ডায়ালগ বক্স খুলবে। আপনি আপনার মিডিয়া লাইব্রেরিতে থাকা একটি ছবি সিলেক্ট করতে পারেন অথবা “Upload Files” ট্যাব স্ক্রীন থেকে আপনার লোকাল কম্পিউটার থেকে ছবি ফাইল আপলোড করতে পারেন। ছবিটি সিলেক্ট করুন এবং “Choose Image” বাটনে ক্লিক করুন। কাস্টোমাইজার আপনার সাইটকে আপডেট করা ব্যাকগ্রাউন্ডের সাথে প্রিভিউ করবে।

একটি ব্যাকগ্রাউন্ড ছবি যুক্ত করার পরে আপনি আরও কিছু অপশন পাবেন:

Remove – একবার একটি ছবি আপলোড হয়ে গেলে যদি ছবিটি আর পছন্দ না হয় তাহলে এই বাটনটি ব্যবহার করে ছবিটি সরিয়ে ফেলুন।
Change Image – ব্যাকগ্রাউন্ড ছবি পরিবর্তন করতে এই বাটনে ক্লিক করুন।
Preset dropdown – “প্রিসেট” এর অধীনে আপনি কীভাবে ব্যাকগ্রাউন্ড ছবিটি দেখাতে চান তা সিলেক্ট করতে পারেন: default, fill screen, fit to screen, repeat, or custom.
Image Position – আপনি “Image Position” এর অধীনে তীরগুলিতে ক্লিক করে বাম, কেন্দ্র বা ডানে অবস্থান করার জন্য ব্যাকগ্রাউন্ড ছবির অবস্থান সিলেক্ট করতে পারেন। কেন্দ্রে ক্লিক করলে ছবিটি স্ক্রিনের মাঝখানে সারিবদ্ধ হবে।
Image Size – আপনি ড্রপ ডাউন মেনু থেকে “Image Size” পরিবর্তন করতে Fit to Screen, Fill Screen or keep it Original ব্যবহার করতে পারেন।
Repeat Background Image – পেজ জুড়ে ব্যাকগ্রাউন্ড ছবিটি রিপিট করতে চেকবাক্সে ক্লিক করুন।
Scroll with Page – পেজের সাথে ব্যাকগ্রাউন্ড ছবিটি স্ক্রোল করতে বা ফিক্সড হিসাবে ডিসপ্লে করতে চেকবাক্সে ক্লিক করুন।

মেনুস (Menus)

এই প্যানেলটি আপনার সাইটে ইতিমধ্যে পাবলিশ করা মেটারিয়েলস এর জন্য নেভিগেশন মেনুগুলি ম্যানেজ করতে ব্যবহৃত হয়। আপনি বিদ্যমান বিষয়বস্তু যেমন- পেজ, পোস্ট, ক্যাটাগরি, ট্যাগ, ফরম্যাট বা কাস্টম লিঙ্কগুলির জন্য মেনু এবং আইটেম তৈরি করতে পারেন।

ওয়ার্ডপ্রেস টুয়েন্টি টুয়েন্টি-ওয়ান থিম দুটি মেনু লোকেশন সাপোর্ট করে, প্রাইমারি মেনু এবং সেকেন্ডারি মেনু। ড্রপ ডাউন বক্স থেকে যে মেনুটি লোকেশনে উপস্থাপন করা হবে তা সিলেক্ট করুন। আপনি যদি থিমে আরও নেভিগেশন মেনুর জন্য সাপোর্ট যুক্ত করে থাকেন তাহলে আরও ড্রপ-ডাউন লোকেশন অপশন দেখতে পাবেন।

Widgets (উইজেট)

ওয়ার্ডপ্রেস ৫.৮ উইজেট এডিটরে ব্লক নিয়ে এসেছে এবং আপনাকে নতুন উইজেট এডিটর ব্যবহার করে থিমের হেডার, ফুটার, সাইডবার এবং অন্যান্য উইজেট এরিয়াতে যেকোনো ব্লক যুক্ত করতে দেয়।

আপনি Appearance > Customize > Widgets মেনু দিয়ে উইজেটগুলি কনফিগার করতে পারেন এবং কাস্টোমাইজারের লাইভ প্রিভিউতে আপনার পরিবর্তনগুলি দেখতে পারেন।

উইজেট যুক্ত করা

থিম কাস্টমাইজারের Widget মেনুতে ক্লিক করে উইজেট কাস্টোমাইজ স্ক্রিনে প্রবেশ করুন।
উইজেট এরিয়ার উপরের দিকে (+) আইকনে ক্লিক করে অ্যাভেইলেবল ব্লকগুলির লিস্ট খুলুন।
আপনি যে ব্লকটি যুক্ত করতে চান তা অনুসন্ধান করুন বা খুঁজে বের করুন এবং ব্লকটি সিলেক্ট করতে ক্লিক করুন। ব্লকটি উইজেট এরিয়াতে যুক্ত করা হবে।
আপনার সাইটটির প্রিভিউ দেখুন এবং আপনি আপনার উইজেট এরিয়াতে নতুন ব্লকটি দেখতে পাবেন।

উইজেট কনফিগার করা হচ্ছে

উইজেট এরিয়ার মধ্যে উইজেটগুলি পুনরায় সাজাতে, উইজেটটি সিলেক্ট করুন এবং ব্লক টুলবার থেকে উপরের বা নিচের তীরটিতে ক্লিক করুন।

আপনি six-dot-grid বাটনটি ক্লিক করে এবং ধরে রেখে ব্লক টুলবারে উইজেটগুলি পুনর্বিন্যাস করতে পারেন এবং উইজেট ব্লকগুলিকে টেনে আনতে পারেন।

উইজেটের ফিচারগুলি কাস্টোমাইজ করতে, সিলেক্টেড উইজেটের ব্লক টুলবারে three-dots বাটনটি ক্লিক করুন এবং উইজেট কাস্টোমাইজেশন অপশনগুলি ওপেন করতে “Show More Settings” সিলেক্ট করুন।

উইজেট এরিয়ার কাস্টোমাইজেশনে করা পরিবর্তনগুলো উইজেট মেনুতে থাকা Undo-Redo বাটন ব্যবহার করে ফিরিয়ে আনা বা পুনরায় করতে পারবেন।

উইজেটটি সরাতে, সিলেক্টেড উইজেটের ব্লক টুলবারে three-dots বাটনে ক্লিক করুন এবং “Remove block” সিলেক্ট করুন।

একটি উইজেট এরিয়ার মধ্যে আপনি এখন shift-click ব্যবহার করে একাধিক উইজেট সিলেক্ট করতে পারেন এবং ব্লকগুলি মুছতে বা ডিলিট করতে পারেন বা ব্যাকস্পেস ব্যবহার করে ব্লকগুলি মুছতে বা ডিলিট করতে পারেন।

হোমপেজ সেটিংস

আপনার সাইটের হোমপেজটি দুটি উপায়ে সেট করা যায়:

Your latest posts – এটি সিলেক্ট করলে, আপনার হোমপেজে আপনার সর্বশেষ পোস্টগুলি দেখাবে।
A static page – একটি ফ্রন্ট পেজ বা পোস্ট পেজ সিলেক্ট করুন। আরও বিস্তৃত তথ্য এবং অ্যাভেইলেবল সমন্বয়ের জন্য Creating a Static Front Page দেখুন।

Excerpt সেটিংস

এই প্যানেলটি আপনাকে বেছে নিতে দেয় যে, ব্লগ এবং আর্কাইভ পেজগুলি সম্পূর্ণ বিষয়বস্তু নাকি শুধুমাত্র সারাংশ দেখাবে। ডিফল্ট হল সারাংশ। অনুসন্ধান ফলাফল পেজ সর্বদা সারাংশ দেখায়। যখন সারাংশ সিলেক্ট করা হয়, শুধুমাত্র টেক্সট ডিসপ্লে হবে।

Additional CSS

একটি প্যানেল যা আপনাকে CSS কোড যুক্ত করতে দেয় যা বর্তমান থিমকে ওভাররাইড করবে।