একটি স্টিকি হেডার বা ব্যানার যোগ করা

একটি নতুন স্টিকি অপশন উপলব্ধ আছে একটি গ্রুপ ব্লকে একটি শিরোনাম বা ব্যানার মোড়ানোর সময়। স্টিকি বৈশিষ্ট্যটি নিশ্চিত করবে যে ব্লকটি ভিউপোর্টের মধ্যে থাকবে এবং বিষয়বস্তুটি স্ক্রল করার সময় পৃষ্ঠার শীর্ষে আটকে থাকবে।

শেখার ফলাফল

  1. আপনার শিরোনামটি একটি গ্রুপ ব্লকে মোড়ানো।
  2. স্টিকি অপশনের স্থাননির্দেশ এবং নির্বাচন করা।
  3. হেডারটি স্বচ্ছ নয় তা নিশ্চিত করতে গ্রুপ ব্লকের ব্যাকগ্রাউন্ড পরিবর্তন করা।
  4. ব্লক এডিটরে স্টিকি হেডার বা ব্যানারের প্রিভিউ দেখানো।

সম্পূরক প্রশ্ন

  1. স্টিকি হেডার ব্যবহার করার সুবিধা কি?
  2. কিভাবে আপনার স্টিকি হেডার বা ব্যানারের প্যাডিং পরিবর্তন করতে পারেন?

ট্রান্সক্রিপ্ট

হাই এবং Learn WordPress-এ আপনাকে স্বাগতম। আপনি কি আপনার সাইটের শীর্ষে একটি স্টিকি হেডার বা ব্যানার যোগ করতে চান? ভাল, এখন আপনি কোড না জেনেই এটি করতে পারেন। গ্রুপ ব্লক ব্যবহার করার সময নতুন একটি স্টিকি অপশন উপলব্ধ, যাতে ব্লকটি ভিউপোর্টের মধ্যে থাকে এবং যখন কন্টেন্ট স্ক্রল হয়, তখন পৃষ্ঠার শীর্ষে আটকে থাকে।

এটি উপকারী যদি আপনি চান হেডার অথবা প্রচার ব্যানারটি পেইজ স্ক্রল করার সাথে সাথে অপরিবর্তিত থাকবে।  চলুন আমরা দুটি উদাহরণ দেখি। প্রথমটি House of Travel থেকে এবং দ্বিতীয় উদাহরণটি Gladwrap ওয়েবসাইট থেকে।

একটি স্টিকি হেডার তৈরি করতে Appearance এ যান এবং Editor এ ক্লিক করুন। এ সম্পর্কিত টেমপ্লেটটি খুলুন। এই ক্ষেত্রে, আমার পেজ টেমপ্লেট। তাদের তালিকা দেখুন, আপনার হেডার নির্বাচন করুন, তিনটি উল্লম্ব বিন্দুতে ক্লিক করুন এবং তারপর আপনার হেডারটি একটি গ্রুপ ব্লকে র‍্যাপ করুন। একবার এটা করার পর, আপনার সেটিংস থেকে পজিশনে যান। ড্রপডাউনটি খুলুন অ্যান্ড স্টিকি নির্বাচন করুন।

আপনি এটি লক্ষ্য করবেন যে ব্লকটি স্ক্রোল করার পরিবর্তে উইন্ডোর শীর্ষে আটকে থাকবে। তাহলে, যখন আপনি ‘স্টিকি’ নির্বাচন করেন, তখন ‘স্টাইল’ খুলুন এবং তারপর গ্রুপ ব্লকের পটভূমি রঙ পরিবর্তন করুন; অন্যথা, গ্রুপ ব্লক স্ক্রল করার সময় ট্রান্সপারেন্ট থাকবে এবং আপনার সাইটের কন্টেন্ট স্ক্রল করার সময় দৃশ্যমান হবে।

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

এই নতুন বৈশিষ্ট্য আবিষ্কার করুন এবং উপভোগ করুন এবং আরও টিউটোরিয়াল এবং প্রশিক্ষণ উপাদানের জন্য Learn WordPress পরিদর্শন করুন।

Suggestions

Found a typo, grammar error or outdated screenshot? Contact us.