আপনি কি এলিমেন্টর ফ্লেক্সবক্স পাত্রে নতুন? তাই নতুন পৃষ্ঠা নির্মাতা লেআউট কাঠামো একটু বিভ্রান্তিকর হতে পারে। কিন্তু আপনার যা প্রয়োজন তা আমাদের আছে।
Elementor Flexbox হল নতুন লেআউট ফ্রেমওয়ার্ক যা ওয়েবসাইট ডিজাইনকে আরও সহজ এবং ব্যবহারকারী-বান্ধব করে তোলে। ফ্লেক্সবক্স কন্টেইনারগুলি পুরানো বিভাগ-কলাম লেআউটে একটি ক্রমবর্ধমান আপডেট চিহ্নিত করে যা আমরা সবাই পরিচিত।
যদিও বিভাগ-কলাম বিন্যাস বিভাগ, উপবিভাগ এবং কলাম ব্যবহার করে ওয়েবসাইট ডিজাইনকে বাস্তবসম্মত করেছে, তবুও ডিজাইনের ক্ষেত্রে নমনীয়তার অভাব ছিল।
এলিমেন্টরের একটি বিভাগে শুধুমাত্র কলাম এবং একটি উপবিভাগ থাকতে পারে। আপনি একটি পৃষ্ঠায় যত বেশি যোগ করবেন, আপনার ওয়েবসাইটটি তত ধীরে ধীরে লোড হবে।
এই পুরানো ফ্রেমওয়ার্ক দিয়ে মোবাইল-বান্ধব ডিজাইন তৈরি করা কতটা কঠিন তা বলার অপেক্ষা রাখে না।
যদিও বিভাগ এবং কলাম লেআউট ডিজাইনারদের ভালভাবে পরিবেশন করেছে, এটি Elementor পেজ বিল্ডার ব্যবহার করে ওয়েবসাইট ডিজাইন করার আরও ভাল, আরও দক্ষ এবং আরও নমনীয় উপায়ে যাওয়ার সময়।
সুতরাং, আপনি যদি ফ্লেক্সবক্স পাত্রে দক্ষতা অর্জন করতে চান তবে এই ব্লগটিকে বুকমার্ক করুন। এই এলিমেন্টর ফ্লেক্সবক্স গাইডে, আমরা আপনাকে এই নতুন লেআউট কাঠামোর সমস্ত বিশদ বিবরণ দেব।
পুরানো বিভাগ-কলাম লেআউট থেকে এটি কীভাবে ভাল তাও আমরা বুঝব।
বিষয়বস্তু টেবিল
- একটি এলিমেন্টর ফ্লেক্সবক্স ধারক কি?
- পুরানো বিভাগ এবং নতুন এলিমেন্টর ফ্লেক্স পাত্রের মধ্যে পার্থক্য
- এলিমেন্টর ফ্লেক্সবক্স পাত্রে ব্যবহার করার সুবিধা
- কীভাবে এলিমেন্টর ফ্লেক্সবক্স পাত্রে ব্যবহার করবেন (ধাপে ধাপে)
- কিভাবে একটি বিভাগ-ভিত্তিক এলিমেন্টর পৃষ্ঠাকে ফ্লেক্সবক্স কন্টেইনারে রূপান্তর করবেন?
- আমি কি নতুন ফ্লেক্সবক্স কন্টেইনারের সাথে এলিমেন্টর অ্যাডঅনগুলিকে একত্রিত করতে পারি?
- উপসংহার
- প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
একটি এলিমেন্টর ফ্লেক্সবক্স ধারক কি?
এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার হল এলিমেন্টর তাদের পেজ বিল্ডারে ফ্লেক্সবক্স সিএসএস টেমপ্লেটের বাস্তবায়ন। CSS Flexbox বা Flexible Box Layout হল CSS 3 দ্বারা চালিত একটি নতুন ওয়েব লেআউট।
এটি পারফরম্যান্স এবং প্রতিক্রিয়াশীলতার জন্য অপ্টিমাইজ করা হয়েছে, বিভিন্ন ডিভাইস এবং স্ক্রিনের আকারের সাথে খাপ খাইয়ে নেওয়া লেআউটগুলি অফার করে৷
Elementor 3.6 আপডেটের সাথে প্রকাশিত, Elementor Flexbox Containers আপনাকে Flexbox CSS এর মত কন্টেইনার ব্যবহার করে ডিভাইস-বান্ধব ওয়েব পেজ ডিজাইন করতে দেয়।
এই Elementor পাত্রে আপনার পৃষ্ঠার সমস্ত উপাদান যেমন পাঠ্য, ছবি, উইজেট ইত্যাদি থাকে। কিন্তু এখানে সেরা অংশ: আপনি পাত্রে পাত্রে রাখতে পারেন।
আপনি যদি স্ট্যান্ডার্ড বিভাগ-কলাম লেআউট ব্যবহার করে থাকেন তবে আপনি ইতিমধ্যেই জানেন যে একাধিক লেআউটের সাথে কাজ করা কতটা কঠিন।
যদিও আমরা ব্লক, টেবিল, ইনলাইন ইত্যাদির মতো সব ধরণের লেআউট পাই, তবে তাদের সাথে কাজ করা একটি ঝামেলা এবং তাদের প্রতিক্রিয়া নিশ্চিত করা কঠিন।
কিন্তু, ফ্লেক্সবক্সের সাহায্যে, আপনি পাত্রে অসীমভাবে পাত্রে রাখতে পারেন। অনন্য লেআউট এবং ডিজাইনের ক্ষেত্রে এটি অন্তহীন সম্ভাবনা তৈরি করতে পারে।
সহজ কথায়, কন্টেইনারগুলি হল আপনার নতুন বিভাগ, কিন্তু সেগুলি স্বতন্ত্র এবং বৈশ্বিক উভয় স্তরেই নমনীয়। নমনীয়তা একটি পাত্রের প্রায় প্রতিটি ক্ষেত্রেই পাওয়া যায়, তা সারিবদ্ধকরণ, প্যাডিং বা ইন-লাইন অবস্থান।
ফ্লেক্সবক্স পাত্রে সাধারণ ব্যবহারের ক্ষেত্রে
ফ্লেক্সবক্স কন্টেইনারগুলির জন্য এখানে কিছু জনপ্রিয় ব্যবহারের ক্ষেত্রে রয়েছে:
1. নিয়মিত বিভাগ
একটি ওয়েবসাইটকে প্রধানত ভাগে ভাগ করা হয় যেমন ভূমিকা, নায়ক, কল টু অ্যাকশন ইত্যাদি। এই বিভাগগুলির যেকোনো একটি ডিজাইন করার সময় পাত্রে অনেক বেশি নমনীয়তা প্রদান করে। আপনি ইমেজ যোগ করতে পারেন, লিখতে পারেন এবং ক্লিকযোগ্য বোতাম। একই সময়ে, আপনি আপনার বিষয়বস্তুর দিক, প্রান্তিককরণ এবং ব্যবধান নিয়ন্ত্রণ করতে পারেন।
2. কার্ড লেআউট
যেহেতু ফ্লেক্সবক্স কন্টেইনারগুলি সারি এবং কলামে একাধিক কন্টেইনার হোস্ট করতে পারে, সেগুলি সাধারণত কার্ড লেআউট তৈরি করতে ব্যবহৃত হয়। সারিবদ্ধকরণ, নাগাল এবং পোশাকের উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ রয়েছে। উপরন্তু, নেস্টেড এলিমেন্টর কন্টেইনার আপনাকে প্রতিটি কার্ডে বিভিন্ন বিষয়বস্তু উইজেট রাখার অনুমতি দেয়।
3. হিরো ইমেজ গ্যালারি
একটি অভিভাবক কন্টেইনারের মধ্যে শিশুর পাত্রে নেস্ট করার ক্ষমতা অনির্দিষ্টকালের জন্য ফ্লেক্সবক্সকে চিত্র গ্যালারী তৈরি করার জন্য আদর্শ করে তোলে। আপনি চিত্রগুলির একটি অনুভূমিক বা উল্লম্ব প্রবাহ সহ গ্যালারী তৈরি করতে পারেন। উপরন্তু, আপনি চিত্রগুলির মধ্যে সাদা স্থান নিয়ন্ত্রণ করতে পারেন, প্রতিটি চিত্রের আকার এবং এমনকি পাঠ্য, বোতাম ইত্যাদির মতো উপাদান যোগ করতে পারেন।
4. থিম নির্মাতা টেমপ্লেট
শিরোনাম, ফুটার বা একক পৃষ্ঠার মতো উপাদানগুলির জন্য টেমপ্লেট তৈরি করার জন্য কন্টেইনারগুলি দুর্দান্ত। আপনি এই উপাদানগুলির জন্য একটি মৌলিক লেআউট তৈরি করতে এবং এটি সংরক্ষণ করতে পাত্রে ব্যবহার করতে পারেন। তারপরে আপনি আরও পৃষ্ঠা তৈরি করার সাথে সাথে এটি ব্যবহার করতে পারেন। উপরন্তু, একটি কন্টেইনারের বিষয়বস্তু মোবাইল-বন্ধুত্বপূর্ণ, তাই এই টেমপ্লেটগুলি ব্যবহার করে তৈরি করা পৃষ্ঠাগুলি বিভিন্ন স্ক্রীন আকারের সাথে খাপ খাইয়ে নেবে৷
5. কেন্দ্রীভূত উপাদান
একটি বিভাগ-কলাম কাঠামোতে, একটি বিভাগে উল্লম্বভাবে কেন্দ্রীভূত উপাদানগুলি কিছুটা কঠিন ছিল। যাইহোক, পাত্রে এই কাজ সহজ করে তোলে। আপনি কন্টেইনারের মাঝখানে একটি উপাদান স্থাপন করতে সারিবদ্ধকরণ এবং ন্যায্যতা বৈশিষ্ট্যগুলিকে কেন্দ্রে সেট করতে পারেন।
পুরানো বিভাগ এবং নতুন এলিমেন্টর ফ্লেক্স পাত্রের মধ্যে পার্থক্য
আসুন এলিমেন্টর কন্টেইনার এবং বিভিন্ন সেটিংসের বিভাগের মধ্যে প্রধান পার্থক্য দেখি।
1. প্রযুক্তিগত পার্থক্য
এলিমেন্টর বিভাগগুলি উইজেট, ছবি, পাঠ্য ইত্যাদির মতো উপাদানগুলিকে সংগঠিত করার জন্য একটি কাঠামোগত কাঠামো প্রদান করে। আপনি একটি বিভাগকে কলামে ভাগ করতে পারেন এবং তাদের মধ্যে ওয়েব পৃষ্ঠার উপাদান রাখতে পারেন।
বিপরীতে, Elementor Flexbox কন্টেনারগুলি ওয়েব পৃষ্ঠার উপাদানগুলিকে সংগঠিত করার জন্য আরও নমনীয় এবং অভিযোজিত উপায় অফার করে৷ একটি ধারক একটি বিভাগের মত কিন্তু একটি পূর্বনির্ধারিত গ্রিড ছাড়া.
পরিবর্তে, আপনার কাছে একটি পাত্রের মধ্যে পাত্র রাখার বিকল্প রয়েছে।
অতিরিক্তভাবে, বিভাগগুলির উইজেটগুলি সম্পূর্ণ-প্রস্থের, যখন কন্টেইনারগুলিতে সেগুলি ডিফল্টরূপে ইনলাইন থাকে। অতএব, আপনি একটি অভিভাবক পাত্রে যতগুলি চান ততগুলি উপাদান রাখতে পারেন।
এবং আপনি আরও উপাদান যোগ করার সাথে সাথে, ধারকটির সারিবদ্ধকরণ, অবস্থান এবং আকার স্বয়ংক্রিয়ভাবে তাদের মিটমাট করার জন্য পরিবর্তিত হবে।
2. চাক্ষুষ পার্থক্য
এলিমেন্টর কন্টেইনার এবং বিভাগের মধ্যে পার্থক্যের পরবর্তী ধাপ হল ভিজ্যুয়াল পরিবর্তন।
ফ্লেক্সবক্স কন্টেইনার সহ এলিমেন্টর পৃষ্ঠা নির্মাতা ক্লাসিক পৃষ্ঠা নির্মাতা UI ধরে রাখে। কিন্তু কিছু উল্লেখযোগ্য পরিবর্তন আছে।
আপনার এখনও বাম দিকে ড্যাশবোর্ড রয়েছে, যেখানে আপনি আপনার সমস্ত উইজেট, উপাদান এবং সেটিংস অ্যাক্সেস করতে পারেন৷ কিন্তু ব্রাউজার এখন বিভাজন এবং বিভাগের পরিবর্তে নীচের ধারক এবং উপাদানগুলি দেখায়।
আপনি সবসময় আইকনে ক্লিক করতে পারেন + অথবা আপনার ওয়েব পৃষ্ঠায় উপাদান যোগ করতে টেনে আনুন এবং ড্রপ করুন। শুধুমাত্র পার্থক্য হল আপনি বিভাগ এবং কলাম সংখ্যার পরিবর্তে একটি ধারক এবং দিক নির্বাচন করতে হবে।
উপরন্তু, আপনি দিকনির্দেশ, প্রান্তিককরণ, ন্যায্যতা, উপাদান ফাঁক, ওয়ার্প ইত্যাদির মতো নতুন ধারক-কেন্দ্রিক বিকল্পগুলিও পান...
![দৃশ্যমান পার্থক্য | এলিমেন্টরের জন্য প্লাস অ্যাডঅনস কীভাবে এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করবেন তার ভিজ্যুয়াল পার্থক্য [বিগিনারস গাইড]](https://blogpascher.com/wp-content/uploads/2024/09/conteneur-Elementor-Flexbox.png)
3. কর্মক্ষমতা পার্থক্য
ফ্লেক্সবক্স কন্টেইনার এবং বিভাগ-কলাম লেআউটের মধ্যে পারফরম্যান্সের পার্থক্য বিশাল, বিশেষ করে যদি আপনার ওয়েবসাইট ডিজাইন জটিল লেআউট এবং উপবিভাগে পূর্ণ হয়।
আপনি নিশ্চয়ই লক্ষ্য করেছেন যে এলিমেন্টর ঐতিহ্যবাহী বিভাগে একটি প্রদর্শন সম্পত্তি সেট করা আছে " সংযোজন " অতএব, আপনি যখন একটি নতুন বিভাগ বা উইজেট যোগ করেন, তারা একে অপরের উপরে স্ট্যাক করে।
আপনি যদি এগুলি পাশাপাশি প্রদর্শন করতে চান তবে আপনাকে একাধিক স্প্লিট এবং DOM তৈরি করতে হবে, যা আপনার চূড়ান্ত ওয়েবসাইটকে ধীর করে দেয়।
অন্যদিকে, ফ্লেক্সবক্স পাত্রে "" নামক একটি প্রদর্শন বৈশিষ্ট্য ব্যবহার করে ফ্লেক্স", নমনীয় হিসাবে। তাই যখন আপনি একটি পাত্রে নতুন উপাদান যোগ করেন, আপনি সেগুলিকে উল্লম্বভাবে স্ট্যাক করতে পারেন বা অনুভূমিকভাবে পাশাপাশি রাখতে পারেন।
তাই অতিরিক্ত বিভাজন সৃষ্টির প্রয়োজন নেই। এইভাবে, ওয়েব পৃষ্ঠা কোড কার্যকর করা সহজ থাকে, উল্লেখযোগ্যভাবে লোড হওয়ার সময় কমিয়ে দেয়।


এলিমেন্টর ফ্লেক্সবক্স পাত্রে ব্যবহার করার সুবিধা
ওয়েবসাইট ডিজাইনের জন্য প্রথাগত ব্লকের উপর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করার বিভিন্ন সুবিধা রয়েছে। কিছু প্রধান সুবিধা হল:
1. দানাদার বিন্যাস নিয়ন্ত্রণ
ফ্লেক্সবক্স কন্টেইনার কন্টেন্ট পজিশনিং এবং লেআউটের উপর উচ্চ স্তরের নিয়ন্ত্রণ প্রদান করে। আপনি সহজেই অনুভূমিক বা উল্লম্ব লেআউট তৈরি করতে পারেন। উপরন্তু, আপনি বিষয়বস্তুর দিকনির্দেশ, প্রান্তিককরণ, প্যাডিং, প্রস্থ, ইত্যাদি পৃথক উপাদান স্তরে এবং বিশ্বস্তরে সেট করতে পারেন।
2. ডিভাইস প্রতিক্রিয়াশীল লেআউট
নতুন নমনীয় বিভাগগুলি ছোট ডিভাইসের জন্য ডিজাইন করা হয়েছে। ডেস্কটপ, ট্যাবলেট এবং মোবাইল সহ বিভিন্ন স্ক্রিনের আকারের জন্য আপনি যে কোনো উপায়ে লেআউট পরিবর্তন করতে পারেন। অতএব, আপনার ওয়েব পৃষ্ঠাগুলির সমস্ত সামগ্রী বিভিন্ন ডিভাইসের জন্য উপযুক্ত এবং শেষ ব্যবহারকারীর কাছে সহজেই অ্যাক্সেসযোগ্য৷
3. মার্কআপ পরিষ্কার করুন
যেমন পূর্বে ব্যাখ্যা করা হয়েছে, ব্লক ডিসপ্লে প্রপার্টি সহ একাধিক অনুভূমিক বিভাগ বা বিভাগ তৈরি করা DOM ব্লোট তৈরি করে এবং মার্কআপকে বিশৃঙ্খল করে। যাইহোক, ফ্লেক্স কন্টেইনারগুলি কলাম এবং বিভাগগুলির প্রয়োজন ছাড়াই সামগ্রীর অনুভূমিক বসানোর অনুমতি দেয়। এটি ওয়েবসাইট কোডকে সহজে চালানো এবং বিভিন্ন ডিভাইসে দ্রুত লোড করে।
4. অসীম নেস্টেড বিভাগ
প্রথাগত ব্লক নির্মাতার সবচেয়ে বড় সীমাবদ্ধতা ছিল যে এটি একটি বিভাগের মধ্যে শুধুমাত্র একটি উপধারা রাখতে পারে। যাইহোক, একটি ফ্লেক্সবক্স আপনাকে একটি পাত্রের ভিতরে অসীমভাবে একটি ধারক যোগ করতে দেয়। তাই আপনি কোনো সমস্যা ছাড়াই আরও জটিল লেআউট তৈরি করতে পারেন বা অত্যধিক DOM দিয়ে মার্কআপ বিশৃঙ্খলভাবে তৈরি করতে পারেন।
5. ক্লিকযোগ্য বিভাগ
পূর্বে, আপনি শুধুমাত্র একটি বিভাগে উইজেটগুলিকে ক্লিকযোগ্য করতে পারতেন, পুরো বিভাগে নয়। কিন্তু ফ্লেক্স কন্টেইনারগুলির সাথে, এলিমেন্টর আপনাকে একটি সম্পূর্ণ বিভাগে হাইপারলিঙ্ক করতে দেয়। শেষ ব্যবহারকারীর দৃষ্টিকোণ থেকে এটি একটি অপরিহার্য বৈশিষ্ট্য, কারণ অন্য পৃষ্ঠায় যাওয়ার জন্য তাদের আর নির্দিষ্ট ক্লিকযোগ্য উপাদানগুলি অনুসন্ধান করার প্রয়োজন নেই, তবে পরিবর্তে বিভাগে ক্লিক করুন৷
কীভাবে এলিমেন্টর ফ্লেক্সবক্স পাত্রে ব্যবহার করবেন (ধাপে ধাপে)
এলিমেন্টর ফ্লেক্সবক্স পেজ বিল্ডারের অভিজ্ঞতা স্ট্যান্ডার্ড এলিমেন্টর ব্লক বিল্ডারের মতো। সুতরাং, আপনি Elementor-এ সম্পূর্ণ নতুন হোন বা পুরানো নির্মাতা থেকে স্যুইচ করুন না কেন, এতে অভ্যস্ত হতে আপনার কোনো সমস্যা হবে না।
আপনার মনে বিভিন্ন প্রশ্ন থাকতে পারে, যেমন: "কীভাবে এলিমেন্টরে কন্টেইনার সক্ষম/সক্ষম করবেন?" এলিমেন্টরে পাত্রে কীভাবে ব্যবহার করবেন? কিভাবে Elementor একটি ধারক যোগ করতে? » এই বিভাগটি আপনাকে তাদের উত্তর দিতে সাহায্য করবে।
আপনাকে শুরু করতে সাহায্য করার জন্য, এখানে একটি ওয়েবসাইট ডিজাইন করতে ফ্লেক্সবক্স কন্টেইনার ব্যবহার করার ধাপগুলি রয়েছে:
ধাপ 1. এলিমেন্টর সেটিংসে ফ্লেক্সবক্স সক্ষম করুন
Elementor এ Flexbox ব্যবহার করার প্রথম ধাপ হল Flexbox সক্রিয় করা। সুতরাং, ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে এলিমেন্টর সেটিংসে যান। এরপরে, অভিজ্ঞতা ট্যাবে ক্লিক করুন, নিচে স্ক্রোল করুন, ফ্লেক্সবক্স কন্টেইনার খুঁজুন এবং ড্রপ-ডাউন মেনু থেকে সক্রিয় বিকল্পটি নির্বাচন করুন। অবশেষে, পরিবর্তনগুলি সংরক্ষণ করুন এবং পরবর্তী ধাপে যান।
দ্রষ্টব্য: নতুন ওয়েবসাইটগুলিতে, ফ্লেক্সবক্স ধারকটি ডিফল্টরূপে সক্রিয় থাকে।

ধাপ 2. একটি নতুন ওয়েব পেজ তৈরি করুন
এখন আমাদের একটি নতুন পৃষ্ঠা তৈরি করতে হবে যেমনটি আমরা সাধারণত করি। পৃষ্ঠা বিভাগে যান, সমস্ত পৃষ্ঠা নির্বাচন করুন এবং ক্লিক করুন একটি পৃষ্ঠা যুক্ত করুন.
ধাপ 3. এলিমেন্টর খুলুন
আপনার স্ক্রিনে এখন ওয়ার্ডপ্রেস পেজ বিল্ডার উইন্ডো থাকবে। এই নতুন পৃষ্ঠার একটি শিরোনাম দিন এবং ক্লিক করুন এলিমেন্টর দিয়ে সম্পাদনা করুন ফ্লেক্সবক্স পাত্রে অ্যাক্সেস করতে।
![এলিমেন্টর খুলুন | এলিমেন্টরের জন্য প্লাস অ্যাডঅনস ওপেন এলিমেন্টর: কিভাবে এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করবেন [বিগিনারস গাইড]](https://blogpascher.com/wp-content/uploads/2022/11/Modifier-avec-Elementor.png)
ধাপ 4. একটি নতুন ধারক যোগ করুন
একটি পরিচিত Elementor পৃষ্ঠা নির্মাতা ব্যবহারকারী ইন্টারফেস আপনার স্ক্রিনে প্রদর্শিত হবে। অতিরিক্তভাবে, আপনি একটি নতুন ধারক যোগ করতে বা আইকনে ক্লিক করতে সাইডবার থেকে একটি ধারক টেনে আনতে এবং ফেলে দিতে পারেন৷ + এবং পছন্দসই কাঠামো চয়ন করুন।
![একটি নতুন ধারক যোগ করুন | এলিমেন্টরের জন্য প্লাস অ্যাডঅনস এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার কীভাবে ব্যবহার করবেন একটি নতুন ধারক যোগ করুন [শিশুর নির্দেশিকা]](https://blogpascher.com/wp-content/uploads/2024/09/Ajouter-un-nouveau-conteneur.gif)
ধাপ 5. কন্টেইনার স্টাইল করুন
একবার আপনি একটি ধারক যোগ করলে, আপনি অনেকগুলি কাস্টমাইজেশন বিকল্প অ্যাক্সেস করতে পারেন৷ আপনি কন্টেইনারের ধরন, প্রস্থ, উচ্চতা, দিকনির্দেশ, প্রান্তিককরণ ইত্যাদির মত বিকল্পগুলি পরিবর্তন করতে পারেন।
![কন্টেইনার স্টাইলাইজ করুন » BlogPasCher স্টাইলিং কন্টেইনার কীভাবে এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করবেন [বিগিনারস গাইড]](https://blogpascher.com/wp-content/uploads/2024/09/Styliser-le-conteneur.png)
ধাপ 6. উইজেটগুলিকে পাত্রে টেনে আনুন
পাত্রে উইজেট যোগ করাও সহজ। এলিমেন্টস ট্যাব থেকে সহজভাবে পছন্দসই উইজেটটি বেছে নিন, তারপর টেনে আনুন এবং আইকনে ফেলে দিন + পাত্রে
![কন্টেইনারে উইজেট টেনে আনুন | এলিমেন্টরের জন্য প্লাস অ্যাডঅনস কীভাবে এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করবেন উইজেটগুলিকে পাত্রে টেনে আনুন এবং ড্রপ করুন [শিশুর নির্দেশিকা]](https://blogpascher.com/wp-content/uploads/2024/09/Glisser-deposer-des-widgets-dans-des-conteneurs.gif)
ধাপ 7. উইজেট কাস্টমাইজ করুন
গ্লোবাল কন্টেইনার সেটিংসের মতো, আপনি একটি কন্টেইনারের বিষয়বস্তুও কাস্টমাইজ করতে পারেন। আপনি দিকনির্দেশ, প্রান্তিককরণ, ন্যায্যতা, ফাঁক, মোড়ানো ইত্যাদি বিকল্পগুলি কাস্টমাইজ করতে পারেন।

ধাপ 8. আপনার প্রথম Flexbox ওয়েব পৃষ্ঠা প্রকাশ করুন৷
আপনি অনেক কন্টেইনার তৈরি করতে পারেন, তাদের নকল করতে পারেন এবং তাদের অবস্থানগুলি অদলবদল করতে পারেন। আপনি আরও আইটেম যোগ করার সাথে সাথে পদক্ষেপগুলি পুনরাবৃত্তি করুন এবং একবার আপনার হয়ে গেলে, বোতামটি ক্লিক করুন৷ প্রকাশ করা আপনার ওয়েব পেজ অনলাইন করতে. আপনি আপনার নতুন ফ্লেক্সবক্স ওয়েব পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করতে পূর্বরূপ বোতামে ক্লিক করতে পারেন।
কিভাবে একটি বিভাগ-ভিত্তিক এলিমেন্টর পৃষ্ঠাকে ফ্লেক্সবক্স কন্টেইনারে রূপান্তর করবেন?
আপনি সহজেই একটি বিভাগ-কলাম কাঠামোকে একটি ফ্লেক্সবক্স কন্টেইনারে রূপান্তর করতে পারেন। শুধু এই সহজ পদক্ষেপ অনুসরণ করুন:
ধাপ 1. বিভাগ নির্বাচন করুন
বিভাগের শীর্ষে থাকা ছয়টি বিন্দুতে ক্লিক করে আপনি যে বিভাগটিকে একটি পাত্রে রূপান্তর করতে চান সেটি নির্বাচন করুন। বিকল্পভাবে, আপনি এলিমেন্টর নেভিগেটর পপআপের বিভাগটিও বেছে নিতে পারেন।

ধাপ 2. বিভাগকে কনটেইনারে রূপান্তর করুন
একবার আপনি একটি বিভাগ নির্বাচন করলে, আপনি লেআউট ট্যাবে রূপান্তর বোতামটি দেখতে পাবেন। বিভাগটিকে একটি পাত্রে রূপান্তর করতে এটিতে ক্লিক করুন।
ধাপ 3. লেআউট আপডেট করুন
একবার রূপান্তর সম্পূর্ণ হলে, আপনি নির্বাচিত বিভাগের দুটি পৃথক সংস্করণ দেখতে পাবেন। উপরের অংশটি আসল, যখন নীচের অংশটি নতুন ধারক। মূল বিভাগটি মুছুন এবং লেআউটটি সংরক্ষণ করতে আপডেট ক্লিক করুন।

আপনি একটি পাত্রে রূপান্তর করার পরিকল্পনা প্রতিটি বিভাগের জন্য ধাপগুলি পুনরাবৃত্তি করুন৷
আমি কি নতুন ফ্লেক্সবক্স কন্টেইনারের সাথে এলিমেন্টর অ্যাডঅনগুলিকে একত্রিত করতে পারি?
হ্যাঁ, আপনি ফ্লেক্সবক্স পাত্রে এলিমেন্টর অ্যাডঅনগুলিকে একত্রিত করতে পারেন। ফ্লেক্সবক্স কন্টেনারগুলি তৃতীয় পক্ষের অ্যাডন এবং প্লাগইনগুলির সাথে নির্বিঘ্নে একত্রিত হওয়ার কারণে কোনও সমাধানের প্রয়োজন নেই৷
আসলে, এলিমেন্টর পৃষ্ঠা বিল্ডারে উন্নত বৈশিষ্ট্য এবং কাস্টমাইজেশন বিকল্পগুলি সক্ষম করার জন্য অ্যাডঅনগুলি প্রয়োজনীয়। আপনি ইনস্টল করতে পারেন
সম্পর্কিত সম্পদ
- এলিমেন্টারে কীভাবে গ্লোবাল ফন্ট ব্যবহার করবেন
- কীভাবে এলিমেন্টর জেড ইনডেক্স দিয়ে একটি ফ্লোটিং বোতাম তৈরি করবেন
- কীভাবে এলিমেন্টরে একটি 404 পৃষ্ঠা তৈরি করবেন
- এলিমেন্টরে জেটট্যাবগুলির সাথে কীভাবে একটি চিত্র অ্যাকর্ডিয়ন তৈরি করবেন
- কীভাবে এলিমেন্টরে একটি পূর্ণ স্ক্রীন মেনু তৈরি করবেন
উপসংহার
এলিমেন্টরের ফ্লেক্সবক্স কন্টেইনার হল একটি শক্তিশালী হাতিয়ার যা আপনার ওয়েব পৃষ্ঠাগুলির নকশা এবং কাঠামো পরিবর্তন করে। এর নমনীয় বৈশিষ্ট্যগুলির সাহায্যে, আপনি ব্যতিক্রমী নির্ভুলতার সাথে আপনার উপাদানগুলির সারিবদ্ধকরণ, বিতরণ এবং সংগঠন পরিচালনা করতে পারেন। আপনি জটিল লেআউট তৈরি করতে চান বা কেবল আপনার ডিজাইনের প্রতিক্রিয়াশীলতা উন্নত করতে চান, ফ্লেক্সবক্স একটি মার্জিত এবং স্বজ্ঞাত সমাধান প্রদান করে।
ফ্লেক্সবক্স কন্টেইনার ব্যবহার করে, আপনার নিয়ন্ত্রণের একটি পরিসরে অ্যাক্সেস রয়েছে যা স্পেস এবং প্রান্তিককরণগুলি পরিচালনা করা সহজ করে তোলে, যখন সমস্ত ডিভাইস জুড়ে একটি নিরবচ্ছিন্ন উপস্থাপনার জন্য প্রয়োজনীয় সমন্বয়গুলিকে সহজ করে তোলে৷ কাস্টমাইজেশনের এই স্তরটি শুধুমাত্র ব্যবহারকারীর অভিজ্ঞতাকে উন্নত করে না, আপনার পৃষ্ঠাগুলিকে আরও গতিশীল এবং অভিযোজনযোগ্য করে ডিজাইন প্রক্রিয়াটিকেও অপ্টিমাইজ করে৷
ফ্লেক্সবক্স দ্বারা অফার করা বিভিন্ন বিকল্প অন্বেষণ করতে নির্দ্বিধায় আবিষ্কার করুন যে তারা কীভাবে আপনার Elementor প্রকল্পগুলিকে সমৃদ্ধ করতে পারে৷ এই সরঞ্জামগুলির সঠিক ব্যবহারের সাথে, আপনি মসৃণ এবং পেশাদার লেআউট তৈরি করতে পারেন যা আপনার দর্শকদের মোহিত এবং জড়িত করে। পরীক্ষা চালিয়ে যান এবং আপনার ওয়েব ডিজাইন থেকে সবচেয়ে বেশি সুবিধা পেতে Elementor দ্বারা প্রস্তাবিত সম্ভাবনার সুবিধা নিন।
তাই! আমরা আপনাকে দেখিয়েছি কিভাবে এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করতে হয়। কিভাবে সেখানে যেতে হবে সে সম্পর্কে আপনার কোন উদ্বেগ থাকলে আমাদের জানান commentaires.
তবে আপনি পরামর্শ নিতে পারেন আমাদের সংস্থান, আপনার যদি ইন্টারনেট সাইট তৈরির প্রকল্পগুলি পরিচালনা করতে আরও উপাদানগুলির প্রয়োজন হয়, তবে আমাদের গাইডের সাথে পরামর্শ করে ওয়ার্ডপ্রেস ব্লগ তৈরি বা এক ডিভি: সর্বকালের সেরা ওয়ার্ডপ্রেস থিম.
কিন্তু ইতিমধ্যে, আপনার বিভিন্ন সামাজিক নেটওয়ার্কে এই নিবন্ধটি ভাগ করুন.
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
এলিমেন্টরের ফ্লেক্সবক্স কন্টেইনার এবং সেকশনের মধ্যে পার্থক্য কী?
এলিমেন্টর বিভাগগুলি একটি পৃষ্ঠায় পূর্ণ-প্রস্থের উইজেটগুলি হোস্ট করে, কিন্তু ফ্লেক্সবক্স কন্টেইনারগুলির সাথে, উইজেটগুলি একটি কন্টেইনারের মধ্যে ইনলাইন থাকে৷ অতিরিক্তভাবে, বিভাগগুলি কঠোর এবং শুধুমাত্র একটি অভ্যন্তরীণ অংশ থাকতে পারে, যখন ফ্লেক্স পাত্রে অনির্দিষ্টকালের জন্য নেস্ট করা যেতে পারে।
আমি কি কোন ওয়ার্ডপ্রেস থিমের সাথে এলিমেন্টর ফ্লেক্সবক্স কন্টেইনার ব্যবহার করতে পারি?
হ্যাঁ, আপনি যেকোন ওয়ার্ডপ্রেস থিমের সাথে Elementor Flexbox পাত্রে ব্যবহার করতে পারেন। আপনাকে যা করতে হবে তা হল এলিমেন্টর সেটিংসে ফ্লেক্সবক্স কন্টেনারগুলি সক্ষম করুন, এবং আপনি পরের বার পৃষ্ঠা নির্মাতা অ্যাক্সেস করলে সেগুলি উপলব্ধ হবে৷
আমি কীভাবে আমার এলিমেন্টর ফ্লেক্সবক্স পাত্রে বিভিন্ন স্ক্রীন আকারে প্রতিক্রিয়াশীল করতে পারি?
ফ্লেক্সবক্স এলিমেন্টর কন্টেইনারের সাথে, আপনার ওয়েব পৃষ্ঠার বিষয়বস্তু বিভিন্ন স্ক্রীন আকারে প্রতিক্রিয়াশীল তা নিশ্চিত করতে আপনার কাছে একাধিক বিকল্প রয়েছে। উদাহরণস্বরূপ, আপনি সারি বা কলামে বিষয়বস্তু প্রদর্শন করতে ধারক বিষয়বস্তুর দিকনির্দেশ নির্বাচন করতে পারেন। এছাড়াও আপনি অনুভূমিকভাবে এবং উল্লম্বভাবে বিষয়বস্তু সারিবদ্ধ করতে পারেন এবং প্রতিটি উপাদানের মধ্যে কখন সামগ্রী মোড়ানো হবে তা নির্ধারণ করতে পারেন। উপরন্তু, আপনি ডিভাইসের উপর ভিত্তি করে একটি উইজেট সক্ষম/অক্ষম করতে পারেন।