কীভাবে এলিমেন্টরে ফ্লোটিং বোতাম তৈরি করবেন

Rifat Jul 29, 2022

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

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

এলিমেন্টরে একটি ফ্লোটিং বোতাম তৈরি করুন

এখানে আমরা আমাদের ভাসমান বোতাম তৈরি করতে z-index সেট আপ করব। Elementor-এর বিনামূল্যের সংস্করণ ব্যবহার করে, আপনি এই পদ্ধতি অনুসরণ করে একটি নির্দিষ্ট পৃষ্ঠার জন্য একটি ভাসমান বোতাম তৈরি করতে পারেন। আপনি যদি আপনার সম্পূর্ণ সাইটে ভাসমান বোতাম যোগ করতে চান, আপনি যদি Elementor-এর বিনামূল্যের সংস্করণ ব্যবহার করেন তবে আপনাকে অবশ্যই প্রতিটি পৃষ্ঠায় বোতামটি ম্যানুয়ালি যোগ করতে হবে।

এখন, এলিমেন্টর সম্পাদক খুলুন এবং আপনি যে পৃষ্ঠায় ভাসমান বোতাম যোগ করতে চান সেখানে নেভিগেট করুন। আপনার কাছে একটি নতুন পৃষ্ঠা তৈরি করার বা বিদ্যমান একটি সম্পাদনা করার বিকল্প রয়েছে৷ একটি বিভাগ যোগ করতে, "+" আইকনে ক্লিক করুন এবং একক-কলাম বিন্যাস নির্বাচন করুন।

আশ্চর্যজনক ওয়েবসাইট তৈরি করুন

সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে

এখুনি শুরু করুন

উইজেট প্যানেল থেকে আপনার নতুন তৈরি কলামে বোতাম উইজেট যোগ করুন।

আপনাকে এখন বোতামের ক্রিয়া বেছে নিতে হবে। এই ক্ষেত্রে, আমরা দোকানের পৃষ্ঠার URL-এ নেভিগেট করতে বোতামটি ব্যবহার করছি। এটি সম্পন্ন করতে, লিঙ্ক ক্ষেত্রে যান এবং পৃষ্ঠায় লিঙ্ক যোগ করুন। অ্যালাইনমেন্ট বিকল্প ব্যবহার করে বোতামের অবস্থান পরিবর্তন করা যেতে পারে। বোতামটি যতটা সম্ভব ছোট করুন।

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

বোতামটি সর্বদা ভাসমান করার জন্য আপনাকে এখন z-সূচী নির্দিষ্ট করতে হবে। 800 দিয়ে z-index স্লট পূরণ করুন। এটি সবসময় বোতামটিকে ভাসিয়ে দেবে।

চূড়ান্ত দৃশ্য

আমাদের চূড়ান্ত নকশা দেখতে কেমন তা এখানে।

মোড়ক উম্মচন

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