TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

Weebly বিভিন্ন পৃষ্ঠার জন্য বিভিন্ন ব্যাকগ্রাউন্ড ইমেজ

10

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

Weebly নির্দিষ্ট ব্যাকগ্রাউন্ড ইমেজ সহ 100 টিরও বেশি টেমপ্লেট অফার করে, এই প্রবন্ধে আমরা Weebly থিমে ব্যাকগ্রাউন্ড ইমেজ পরিবর্তনের নিম্নলিখিত দুটি সম্ভাবনা ব্যাখ্যা করি ।

  • সমস্ত পৃষ্ঠার ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করুন
  • বিভিন্ন পৃষ্ঠার জন্য বিভিন্ন ব্যাকগ্রাউন্ড ইমেজ সেট করুন

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

আপনার সাইটের ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করা

  • আপনার টেমপ্লেট ডিজাইন এবং নেভিগেশনের জন্য উপযুক্ত একটি ছবি প্রস্তুত করুন।
  • আপনার Weebly অ্যাকাউন্টে লগইন করুন এবং যে সাইটটি আপনি ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করতে চান সেটি সম্পাদনা করুন।
  • Weebly এডিটরে, "ডিজাইন" ট্যাবে যান এবং "HTML/CSS সম্পাদনা করুন" বোতামে ক্লিক করুন।
  • "ফাইল" বিভাগের অধীনে "নতুন ফাইল (গুলি) যোগ করুন" এ ক্লিক করুন এবং আপনার পটভূমি চিত্র আপলোড করুন।

Weebly বিভিন্ন পৃষ্ঠার জন্য বিভিন্ন ব্যাকগ্রাউন্ড ইমেজ

একটি Weebly সাইটের ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করুন

  • "CSS" বিভাগের অধীনে "main-style.css" এ যান।
  • CSS- এর বডি সনাক্ত করুন এবং বডি সেকশনে শেষ লাইনটি প্রতিস্থাপন করুন। সাধারণত এটি নীচের মত কিছু হবে:
background: url(main-bg.jpg) repeat;
  • নীচের কোড দিয়ে লাইনটি প্রতিস্থাপন করুন:
background: url (Your-Background-Image-Name.jpg) repeat;
  • যদি আপনি আপনার আপলোড করা ব্যাকগ্রাউন্ড ইমেজকে image1.jpg নাম দেন তাহলে কোডটি নিচের মত দেখাবে:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • আপনার থিম সংরক্ষণ করুন এবং ওয়েবসাইট প্রকাশ করুন। আপলোড করার সাথে সাথে ব্যাকগ্রাউন্ড ইমেজটি নতুন ইমেজে পরিবর্তিত হয়েছে কিনা তা পরীক্ষা করতে ব্রাউজারে সাইটটি খুলুন।

আপনার সাইটের বিভিন্ন পেজের জন্য বিভিন্ন ব্যাকগ্রাউন্ড ইমেজ সেট করা

  • ছবির ফাইল আপলোড করার জন্য উপরের পদ্ধতিতে একই ধাপ অনুসরণ করুন, এখানে আপনাকে আপনার সাইটের বিভিন্ন পৃষ্ঠায় প্রদর্শনের জন্য প্রয়োজনীয় সংখ্যক ছবি আপলোড করতে হবে।
  • ইমেজগুলিকে image1.jpg, image2.jpg ইত্যাদি নাম দিন।
  • " পৃষ্ঠাগুলি " ট্যাবে যান এবং যে পৃষ্ঠাটি আপনি ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করতে চান তা চয়ন করুন।
  • "উন্নত সেটিংস" বিকল্পে ক্লিক করুন এবং নীচের ছবিতে দেখানো হিসাবে "হেডার কোড" বিভাগে নীচের কোডটি পেস্ট করুন।

Weebly বিভিন্ন পৃষ্ঠার জন্য বিভিন্ন ব্যাকগ্রাউন্ড ইমেজ

একটি Weebly পৃষ্ঠার ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করুন

  • এখানে "image1.jpg" হল আপলোড করা ব্যাকগ্রাউন্ড ইমেজের নাম।
  • ইমেজের নাম “image2.jpg", “image3.jpg” ইত্যাদি পরিবর্তন করে বিভিন্ন পেজের হেডার কোড বিভাগে একই কোড আটকান।
  • আপনার সাইটটি প্রকাশ করুন এবং ব্রাউজারে সাইট লোড হলে বিভিন্ন পেজ বিভিন্ন ব্যাকগ্রাউন্ড ইমেজ দেখাবে।

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত