আপনি কি আপনার ওয়ার্ডপ্রেস সাইটে একটি ব্যাকগ্রাউন্ড ইমেজ যোগ করতে চান? পটভূমির ছবিগুলি আপনার ওয়েবসাইটকে আরও আকর্ষক এবং প্রাণবন্ত করে তুলতে পারে। আপনার সাইটের জন্য টোন সেট করার, আবেগ জাগিয়ে তোলা এবং সামগ্রিক ব্যবহারকারীর অভিজ্ঞতা উন্নত করার ক্ষমতা তাদের রয়েছে।
এই ডিজিটাল যুগে যেখানে ভিজ্যুয়াল আবেদন দর্শকদের দৃষ্টি আকর্ষণ এবং ধরে রাখতে গুরুত্বপূর্ণ ভূমিকা পালন করে, সেখানে একটি চিত্তাকর্ষক পটভূমি চিত্র অন্তর্ভুক্ত করা একটি জাগতিক ওয়েবসাইট এবং একটি দীর্ঘস্থায়ী ছাপ রেখে যাওয়ার মধ্যে পার্থক্য হতে পারে।
আপনি আপনার বিদ্যমান সাইটটিকে পুনর্গঠন করছেন বা স্ক্র্যাচ থেকে একটি নতুন তৈরি করছেন না কেন, একটি পটভূমি চিত্র একত্রিত করা আপনার ওয়ার্ডপ্রেস সাইটে নতুন জীবন শ্বাস দিতে পারে৷ যাইহোক, আপনি হয়তো ভাবছেন যে জটিল কোডিংয়ে ডুব না দিয়ে বা একজন বিকাশকারীকে নিয়োগ না করে কীভাবে এটি করা যায়।
চলুন ডুব দিয়ে আবিস্কার করি কিভাবে আপনি একটি চিত্তাকর্ষক ব্যাকগ্রাউন্ড ইমেজ দিয়ে আপনার ওয়ার্ডপ্রেস সাইটের নান্দনিকতাকে উন্নত করতে পারেন।
আশ্চর্যজনক ওয়েবসাইট তৈরি করুন
সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে
এখুনি শুরু করুনওয়েবসাইটে ব্যাকগ্রাউন্ড ইমেজ যোগ করার গুরুত্ব
আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে একটি ছবি যোগ করা দর্শকদের কাছে আরও আকর্ষণীয় করে তুলতে পারে। এটি ব্যবহারকারীদের দৃষ্টি আকর্ষণ করার এবং আপনি যা বলতে চান তাতে তাদের আগ্রহী করার একটি দ্রুত উপায়৷
এটি আপনাকে আপনার ওয়েবসাইট ডিজাইনকে আপনার ব্র্যান্ডের সাথে মানানসই করার সুযোগ দেয়। উদাহরণস্বরূপ, আপনি ব্যাকগ্রাউন্ডে আপনার পণ্যের সূক্ষ্ম ছবি বা আপনার ব্র্যান্ডের মাসকট রাখতে পারেন।
আপনি একটি YouTube ভিডিওকে সম্পূর্ণ ব্যাকগ্রাউন্ড হিসাবে রেখে বা আপনার সামগ্রীকে আরও গতিশীল করতে একটি চিত্র স্লাইডশো তৈরি করেও জিনিসগুলিকে মশলাদার করতে পারেন৷
তবে সতর্কতা অবলম্বন করুন যে ব্যাকগ্রাউন্ড ইমেজগুলি খুব বেশি বিভ্রান্তিকর বা আপনার ওয়ার্ডপ্রেস ব্লগ পড়া কঠিন করে না বাছাই করবেন না। ব্যাকগ্রাউন্ড ব্যবহারকারীর অভিজ্ঞতাকে আরও ভালো করে তুলবে এবং আপনার বার্তা পেতে সাহায্য করবে।
একটি ব্যাকগ্রাউন্ড ইমেজ বাছাই করাও গুরুত্বপূর্ণ যা মোবাইলে ভাল কাজ করে এবং আপনার ওয়েবসাইটকে স্লো করে না। অন্যথায়, এটি আপনার ওয়ার্ডপ্রেস এসইওকে প্রভাবিত করতে পারে।
যে বলা হচ্ছে, চলুন আপনি একটি ওয়ার্ডপ্রেস ব্যাকগ্রাউন্ড ইমেজ যোগ করতে পারেন বিভিন্ন উপায়ে যান. আমরা বিভিন্ন পদ্ধতি সম্পর্কে কথা বলব যেমন ওয়ার্ডপ্রেস থিম কাস্টমাইজার, সম্পূর্ণ সাইট সম্পাদক, একটি প্লাগইন, একটি থিম নির্মাতা এবং আরও অনেক কিছু ব্যবহার করা।
ওয়েবসাইটে ব্যাকগ্রাউন্ড ইমেজ যোগ করার সেরা উপায়
1. ওয়ার্ডপ্রেস থিম কাস্টমাইজার
অনেক জনপ্রিয় ওয়ার্ডপ্রেস থিম কাস্টম ব্যাকগ্রাউন্ড সমর্থন অন্তর্ভুক্ত করে। এই বৈশিষ্ট্যটি একটি ব্যাকগ্রাউন্ড ইমেজ সেট করা সহজ করে তোলে এবং আপনার থিমটি সমর্থন করলে আমরা এই পদ্ধতিটি ব্যবহার করার পরামর্শ দিই।
যাইহোক, যদি আপনি কাস্টমাইজার মেনু বিকল্পটি খুঁজে না পান, আপনার থিম সম্পূর্ণ সাইট সম্পাদনা সক্ষম হতে পারে। পরবর্তী বিভাগে, আমরা ব্যাখ্যা করব কিভাবে আপনার ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করতে সম্পূর্ণ সাইট এডিটর ব্যবহার করতে হয়।
কাস্টমাইজার অ্যাক্সেস করতে, আপনার ওয়ার্ডপ্রেস অ্যাডমিনের চেহারা » কাস্টমাইজ পৃষ্ঠাতে যান। এটি ওয়ার্ডপ্রেস থিম কাস্টমাইজার খুলবে, যেখানে আপনি আপনার ওয়েবসাইটের লাইভ প্রিভিউ দেখার সময় বিভিন্ন থিম সেটিংস সামঞ্জস্য করতে পারবেন।
এটা মনে রাখা গুরুত্বপূর্ণ যে আপনার জন্য উপলব্ধ পছন্দগুলি আপনি যে ওয়ার্ডপ্রেস থিম ব্যবহার করছেন তার উপর নির্ভর করবে। এই গাইডে, আমরা Astra থিম ব্যবহার করছি।
আপনি যদি একটি ভিন্ন থিম ব্যবহার করেন, তাহলে আপনাকে এর ডকুমেন্টেশন চেক করতে হতে পারে বা আপনি যদি কাস্টমাইজারে বিকল্পটি খুঁজে না পান তবে কীভাবে একটি ব্যাকগ্রাউন্ড ইমেজ যুক্ত করবেন তা শিখতে থিম বিকাশকারীর সাথে যোগাযোগ করতে হবে।
Astra থিমের কাস্টমাইজারে, বাম দিকের প্যানেলে যান এবং 'গ্লোবাল'-এ ক্লিক করুন।
আপনার Astra থিমে বিশ্বব্যাপী বিকল্পের অধীনে 'রঙ' খুঁজুন এবং নির্বাচন করুন।
ব্যাকগ্রাউন্ড সহ আপনার সাইটের থিমের রং কাস্টমাইজ করুন। এছাড়াও লিঙ্ক, বডি টেক্সট, শিরোনাম, সীমানা, ইত্যাদি ব্যক্তিগতকৃত করুন। একটি ব্যাকগ্রাউন্ড ইমেজের জন্য, 'সারফেস কালার'-এ যান, 'সাইট ব্যাকগ্রাউন্ড' নির্বাচন করুন এবং 'ইমেজ' ট্যাবে স্যুইচ করুন।
এর পরে, কেবল 'ব্যাকগ্রাউন্ড ইমেজ নির্বাচন করুন' বোতামে ক্লিক করুন। এটি আপনাকে আপনার কম্পিউটার থেকে একটি চিত্র চয়ন করতে বা প্রিলোড করা চিত্রগুলির একটি গ্যালারি থেকে একটি নির্বাচন করার অনুমতি দেবে৷ একবার আপনি পছন্দসই ব্যাকগ্রাউন্ড ইমেজ নির্বাচন করলে, আপনার প্রকল্পে এটি প্রয়োগ করতে 'সংরক্ষণ করুন' এ ক্লিক করুন।
এটি ওয়ার্ডপ্রেস মিডিয়া লাইব্রেরি খুলবে, যেখানে আপনি সহজেই আপনার কম্পিউটার থেকে একটি ছবি আপলোড করতে পারেন বা আপনি ইতিমধ্যে আপলোড করা ছবিগুলি থেকে চয়ন করতে পারেন৷
আপনার পটভূমি চিত্র নির্বাচন করুন এবং কাস্টমাইজারে এটির পূর্বরূপ দেখতে 'নির্বাচন করুন' এ ক্লিক করুন।
আপনার সেটিংস সংরক্ষণ করতে উপরের 'প্রকাশ করুন' বোতামে ক্লিক করতে দয়া করে মনে রাখবেন।
2. সম্পূর্ণ সাইট সম্পাদক
আপনি যদি ব্লক-ভিত্তিক ওয়ার্ডপ্রেস থিম ব্যবহার করেন, যেমন টোয়েন্টি টোয়েন্টি-টু, আপনি সম্পূর্ণ সাইট এডিটর (FSE) ব্যবহার করে একটি কাস্টম ব্যাকগ্রাউন্ড ইমেজ যোগ করতে পারেন। এই সম্পাদক আপনাকে ব্লক ব্যবহার করে আপনার ওয়েবসাইট ডিজাইন সম্পাদনা করতে দেয়, যেমন ওয়ার্ডপ্রেস ব্লক সম্পাদকের সাথে একটি ব্লগ পোস্ট বা পৃষ্ঠা সম্পাদনা করা। এটি অ্যাক্সেস করতে, আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডের উপস্থিতি » সম্পাদকে যান।
সম্পূর্ণ সাইট এডিটরে, ব্যাকগ্রাউন্ড ইমেজের জন্য আপনার টেমপ্লেটে একটি কভার ব্লক যোগ করুন। উপরে '+' চিহ্নে ক্লিক করুন এবং কভার ব্লক নির্বাচন করুন।
একটি পটভূমি চিত্র যোগ করতে কভার ব্লকে 'আপলোড' বা 'মিডিয়া লাইব্রেরি' এ ক্লিক করুন। এটি ওয়ার্ডপ্রেস মিডিয়া আপলোডার পপআপ খোলে।
'নির্বাচন' বোতামে ক্লিক করে ওয়েবসাইটের পটভূমির জন্য একটি ছবি নির্বাচন করুন। চিত্রটিকে পৃষ্ঠার পটভূমি হিসাবে সেট করতে, এটি কভার ব্লকে যুক্ত করুন৷ তারপরে, সাইটের শিরোনাম এবং পাদচরণের মতো থিম উপাদানগুলির একটি রূপরেখা ভিউ খুলতে উপরে তালিকা দৃশ্য আইকনে ক্লিক করুন।
যখন সবকিছু নীচে থাকে, তখন কভার ব্লকের ছবিটি সাইটের পটভূমিতে পরিণত হয়।
পটভূমি চিত্র সামঞ্জস্য করতে, কেবল কভার ব্লকে ক্লিক করুন এবং তারপর স্ক্রিনের উপরের ডানদিকে অবস্থিত গিয়ার আইকনটি নির্বাচন করুন৷ এটি সেটিংস প্যানেল খুলবে যেখানে আপনি বিভিন্ন বিকল্প কাস্টমাইজ করতে পারেন। আপনি চিত্রটিকে একটি নির্দিষ্ট পটভূমি হিসাবে সেট করতে পারেন, এটি পুনরাবৃত্তি হয় কিনা তা চয়ন করতে পারেন, ওভারলে সামঞ্জস্য করতে, রঙ পরিবর্তন করতে এবং আরও অনেক কিছু করতে পারেন৷
সংরক্ষণ বোতাম টিপুন ভুলবেন না.
3. ওয়ার্ডপ্রেস থিম নির্মাতা
আপনি SeedProd এর মত একটি ওয়ার্ডপ্রেস থিম নির্মাতা ব্যবহার করে আপনার ওয়েবসাইটে ব্যাকগ্রাউন্ড ইমেজ কাস্টমাইজ করতে পারেন। এটি কোডিং ছাড়াই সহজ ডিজাইন কাস্টমাইজেশনের জন্য ড্র্যাগ-এন্ড-ড্রপ কার্যকারিতা অফার করে। আমরা এই টিউটোরিয়ালে থিম নির্মাতার সাথে প্রো সংস্করণটি ব্যবহার করব, তবে চেষ্টা করার জন্য একটি বিনামূল্যের লাইট সংস্করণও উপলব্ধ রয়েছে।
প্লাগইনটি সক্রিয় হয়ে গেলে, আপনি আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে SeedProd স্বাগতম স্ক্রীনের মুখোমুখি হবেন। আপনার লাইসেন্স কী লিখুন এবং 'ভেরিফাই কী' এ ক্লিক করুন, যা আপনার SeedProd অ্যাকাউন্ট এলাকায় পাওয়া যাবে।
আপনার ওয়ার্ডপ্রেস অ্যাডমিন প্যানেলে SeedProd » Theme Builder-এ যান।
উপরের 'থিমস' নামক বোতামে ক্লিক করুন।
SeedProd একাধিক থিম টেমপ্লেট প্রবর্তন করছে। ব্যবহারকারীরা হোভার করতে পারেন এবং পছন্দসই টেমপ্লেট নির্বাচন করতে পারেন, যেমন 'স্টার্টার' থিম।
SeedProd তারপর হোমপেজ, একক পোস্ট, একক পৃষ্ঠা, সাইডবার, শিরোনাম, ইত্যাদি সহ বিভিন্ন টেমপ্লেট তৈরি করবে৷ সমগ্র ওয়েবসাইট এবং সমস্ত থিম টেমপ্লেটগুলিতে একটি পটভূমি চিত্র যুক্ত করতে, গ্লোবাল CSS-এর অধীনে 'ডিজাইন সম্পাদনা করুন'-এ ক্লিক করুন৷
পরবর্তী স্ক্রিনে, আপনি বিশ্বব্যাপী CSS সেটিংস সামঞ্জস্য করতে পারেন। 'ব্যাকগ্রাউন্ড' ক্লিক করুন, তারপর একটি ছবি আপলোড করতে 'আপনার ছবি ব্যবহার করুন' বা একটি অনুসন্ধান করতে 'একটি স্টক চিত্র ব্যবহার করুন' নির্বাচন করুন।
একবার আপনি একটি ব্যাকগ্রাউন্ড ইমেজ আপলোড করলে, SeedProd নির্মাতা একটি লাইভ প্রিভিউ প্রদান করবে। আপনি নিম্নলিখিত বিকল্পগুলির সাথে পটভূমিকে আরও কাস্টমাইজ করতে পারেন:
- পটভূমি অবস্থান :
- আপনি ছবিটি পূর্ণ পর্দায় কভার করতে চান নাকি পুনরাবৃত্তি করতে চান তা চয়ন করুন৷
- আবছা পটভূমি :
- ব্যাকগ্রাউন্ড ইমেজের অন্ধকার সামঞ্জস্য করতে 'ডিম ব্যাকগ্রাউন্ড' স্লাইডার ব্যবহার করুন।
- উচ্চতর স্কোর ছবিটিকে আরও গাঢ় করে।
এই বৈশিষ্ট্যগুলি আপনাকে ব্যক্তিগতকৃত ব্যাকগ্রাউন্ড সহ দৃশ্যত আকর্ষণীয় ল্যান্ডিং পৃষ্ঠাগুলি তৈরি করতে দেয়।
গ্লোবাল CSS সেটিংস বন্ধ করতে পটভূমি চিত্র সম্পাদনা করার পরে 'সংরক্ষণ করুন' এ ক্লিক করুন। আপনি SeedProd- এ আপনার ওয়েবসাইটের বিভিন্ন অংশের জন্য ব্যাকগ্রাউন্ড ইমেজ কাস্টমাইজ করতে পারেন।
মোড়ক উম্মচন
উপসংহারে, আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে ব্যাকগ্রাউন্ড ইমেজ একত্রিত করা সিডপ্রডের মত প্লাগইন দ্বারা অফার করা বিভিন্ন বিকল্পের মাধ্যমে সহজ করা হয়েছে। লাইভ প্রিভিউ এবং ব্যাকগ্রাউন্ড-অবস্থান এবং অন্ধকারের জন্য সামঞ্জস্যযোগ্য সেটিংস সহ, আপনার সাইটের ভিজ্যুয়াল আপিল বাড়ানো কখনও সহজ ছিল না।
