মাস্টার অ্যাডঅন দ্বারা এলিমেন্টর কাস্টম ব্রেকপয়েন্ট প্লাগইন

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

আপনি যখন একটি 100% প্রতিক্রিয়াশীল ওয়েবপৃষ্ঠা তৈরি করতে চান, তখন এলিমেন্টরের জন্য কাস্টম ব্রেকপয়েন্ট আপনাকে এটি পুরোপুরি করতে সাহায্য করবে। সাধারণভাবে, Elementor ব্যবহার করার জন্য শুধুমাত্র তিনটি কাস্টম ব্রেকপয়েন্ট অফার করে।

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

এলিমেন্টর কাস্টম ব্রেকপয়েন্ট প্লাগইন

প্রথমত, আপনাকে কাস্টম ব্রেকপয়েন্ট ইনস্টল করতে হবে। একবার ইনস্টল হয়ে গেলে, এটি সংরক্ষণ করুন এবং ওয়েবপৃষ্ঠাটি পুনরায় লোড করুন। প্লাগইন আপনাকে আপনার পৃষ্ঠায় ব্রেকপয়েন্ট যোগ করতে সাহায্য করবে।

কেন কাস্টম ব্রেকপয়েন্ট প্রয়োজন?

আপনার ক্লায়েন্ট ওয়েবসাইট তৈরি করতে Elementor ব্যবহার করার সময়, আপনাকে কাস্টম ব্রেকপয়েন্ট ব্যবহার করতে হবে। আপনি যদি আপনার সাইটটি একটি মোবাইল ফোনে, ল্যান্ডস্কেপ মোডে পেতে চান, তাহলে আপনাকে অবশ্যই কাস্টম ব্রেকপয়েন্টের সাহায্য নিতে হবে। এর মানে, আপনার ওয়েবসাইটে একটি মোবাইল ল্যান্ডস্কেপ মোড পেতে Elementor ব্যবহার করতে, আপনাকে কাস্টম ব্রেকপয়েন্ট ব্যবহার করতে হবে। এছাড়াও, আপনি কেবল নির্দিষ্ট পিক্সেল প্রস্থে কাস্টম ব্রেকপয়েন্ট যোগ করতে পারেন।

2010 এর দশকের আগে, বেশিরভাগ ডিভাইসে একই রকম স্ক্রীন প্রস্থ ছিল। কিন্তু, বর্তমানে, 2020 সালে, আপনি প্রচুর স্ক্রিন রেজোলিউশন পাবেন। অর্থাৎ, একটি ম্যাকবুক 13 ইঞ্চি রেটিনা ডিসপ্লে 2560 বাই 1600 রেজোলিউশনের সাথে আসে, যেখানে একটি ডেল 13 ইঞ্চি এক্সপিএস ডিসপ্লে 3,840 বাই 2,400 রেজোলিউশনের সাথে আসে। অর্থাৎ, তারা ক্লাসে একই রকম কিন্তু আকারে ভিন্ন।

কাস্টম ব্রেকপয়েন্টের আরেকটি গুরুত্বপূর্ণ বিষয় হল- এটি আপনার সাইটকে বিভিন্ন স্ক্রিনে পুরোপুরি ফিট করতে সক্ষম করে।

যদিও এই সব না। আসুন কাস্টম ব্রেকপয়েন্টগুলির গভীরে ডুব দিই, এবং আপনি জানতে পারবেন এটি কীভাবে কাজ করে।

কিভাবে এলিমেন্টর কাস্টম ব্রেকপয়েন্ট কাজ করে?

আজ আমরা প্রো কাস্টম ব্রেকপয়েন্টগুলি দেখতে যাচ্ছি যা সীমাহীন পরিমাণে ব্রেকপয়েন্ট দেবে। আপনি যদি একজন বিনামূল্যের মাস্টার অ্যাডঅন ব্যবহারকারী হন, তাহলে আপনি সীমিত সংখ্যক ব্রেকপয়েন্ট যোগ করতে পারবেন।

এলিমেন্টর হল কাস্টম ব্রেকপয়েন্টে এক ধরনের সীমিত। সুতরাং, আপনি আর ডিফল্ট ব্রেকপয়েন্টে সীমাবদ্ধ থাকবেন না। তার মানে আপনি প্রচুর কাস্টম ব্রেকপয়েন্ট যোগ করতে পারেন।

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

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

এখনই মাস্টার অ্যাডঅন ইনস্টল করুন!

তারপর, কয়েক সেকেন্ডের মধ্যে কাস্টম ব্রেকপয়েন্ট প্লাগইন সক্রিয় করুন। আপনি যেমন প্লাগইন ইনস্টলেশন করেছেন, এখন আমরা একটি পৃষ্ঠার সাথে কাজ করতে যাব। চলুন “pages” এ যাই এবং “new” যোগ করি।

আমি এখন একটি দ্রুত পৃষ্ঠা সেট করতে যাচ্ছি। এটি কাস্টম ব্রেকপয়েন্টে পৃষ্ঠা সম্পাদককে কেমন দেখায় তা প্রকাশ করবে।

ব্রেকপয়েন্টের জন্য ডিজাইন সম্পাদনা করা হচ্ছে

আমি একটি বিভাগের ভিতরে শিরোনাম এবং পাঠ্য উইজেট উপাদান টেনে আনছি। যেহেতু আমি আগে 2 ব্রেকপয়েন্ট যোগ করেছি, আপনি দেখতে পাচ্ছেন যে "প্রতিক্রিয়াশীল মোড" বিকল্পের ভিতরে। সমস্ত কনফিগার করা ব্রেকপয়েন্ট এখানে উপস্থিত হবে, ধীরে ধীরে একে একে নির্বাচন করুন এবং উপাদান বা বিভাগগুলির জন্য প্রতিক্রিয়াশীল করুন৷।

নিম্নলিখিত GIF অ্যানিমেশন উপভোগ করুন।

আমি আগেই বলেছি আমদানি/রপ্তানি সেটিং নামে একটি দুর্দান্ত বৈশিষ্ট্য রয়েছে।

আপনি কেবল সমস্ত ডিফল্ট ব্রেকপয়েন্ট মুছে ফেলতে পারেন এবং আপনার প্রয়োজনে সঠিক সর্বনিম্ন-সর্বোচ্চ প্রস্থের ব্যবস্থা করতে পারেন। তারপর সেটিংস রপ্তানি করুন। এটি আপনাকে একটি jason।file দিতে যাচ্ছে। আপনি এই ফাইলটি নিতে পারেন এবং যে কোনো সময় এটি আমদানি করতে পারেন।

মাস্টার অ্যাডঅনগুলিতে এলিমেন্টর কাস্টম ব্রেকপয়েন্টগুলি কীভাবে কাজ করে সে সম্পর্কে এটি সবই। কাস্টম ব্রেকপয়েন্ট উইজেট আপনাকে আপনার ডিজাইনগুলিকে সূক্ষ্ম-টিউন করতে এবং সমস্ত ডিভাইসে দুর্দান্ত দেখাতে সাহায্য করবে৷।

আশা করি, নিম্নলিখিত টিউটোরিয়ালটি আপনার জন্য ফলপ্রসূ হয়েছে। আপনার যদি এখনও কোন প্রশ্ন থাকে, তাহলে নির্দ্বিধায় নীচের মন্তব্য বাক্সে আমাদের জিজ্ঞাসা করুন বা আমাদের সাথে যোগাযোগ করতে যোগাযোগ ফর্মটি ব্যবহার করুন।