Elementor 3.8 থেকে, একটি নতুন বৈশিষ্ট্য চালু করা হয়েছিল যা বিকাশকারী এবং ডিজাইনার অভিজ্ঞতাকে সমৃদ্ধ করতে পারে। সেই নতুন বৈশিষ্ট্যটি হল লুপ বিল্ডার । এই টিউটোরিয়ালে, আমরা অন্বেষণ করব কিভাবে আপনি দ্রুত এবং আধুনিক ওয়েবসাইট তৈরি করতে এই বৈশিষ্ট্যটির সুবিধা নিতে পারেন। উদাহরণস্বরূপ, আমরা কাস্টম পণ্য তালিকা সহ আরও ভাল ইকমার্স ওয়েবসাইট তৈরি করতে পারি। আমরা অতিরিক্তভাবে, ফ্লেক্সবক্স কন্টেইনার এবং নতুন রিমুভ কিট ফাংশনের সাথে আসা উন্নত ওয়ার্কফ্লো উভয়ের সাথে কীভাবে কাজ করতে পারেন সে সম্পর্কে আমরা ডুব দেব। এই প্রকাশের সাথে, Elementor একটি নতুন প্রক্রিয়া শুরু করেছে যা ওয়েবসাইটগুলির আরও ভাল নির্ভরযোগ্যতা এবং দৃঢ়তার প্রতিশ্রুতি দিয়েছে। চল শুরু করা যাক.
লুপ বিল্ডার কি
Elementor 3.8 Pro লুপ বিল্ডার প্রবর্তন করে এর প্ল্যাটফর্মে একটি উল্লেখযোগ্য সংযোজন করেছে। এই নতুন বৈশিষ্ট্যটি ব্যবহারকারীদের পুনরাবৃত্ত বিষয়বস্তুর জন্য মূল আইটেম ডিজাইন করার ক্ষমতা দেয়, যেমন তালিকা, পোস্ট এবং পণ্য, যা আপনাকে পৃষ্ঠায় তাদের লেআউট কাস্টমাইজ করার অনুমতি দেয়। তৃতীয় পক্ষের বিশেষজ্ঞদের মতে, একটি প্রধান আইটেম টেমপ্লেট তৈরি করা প্রথাগত পোস্ট উইজেটের তুলনায় আরও বেশি নমনীয়তার জন্য অনুমতি দেয়।
লুপ বিল্ডারের প্রথম পর্যায়ে, ব্যবহারকারীরা পোস্ট এবং কাস্টম পোস্টের ধরনগুলির জন্য একটি প্রধান আইটেম তৈরি করতে পারে এবং তাদের পোস্টগুলি থেকে গতিশীল সামগ্রী অন্তর্ভুক্ত করতে পারে। এটি পোস্ট, পোর্টফোলিও, তালিকা এবং আরও অনেক কিছুর প্রদর্শন ডিজাইন করার একটি সহজ এবং কার্যকর উপায় প্রদান করে৷ যেহেতু WooCommerce ইতিমধ্যেই সমর্থিত, তাই আপনি আপনার ইকমার্স বিভাগকেও সমৃদ্ধ করতে পারেন।
টেমপ্লেট গ্রিড তৈরি করা হচ্ছে
শুরু করার জন্য, আমরা একটি নতুন পৃষ্ঠা তৈরি করব যেমনটি আমরা এলিমেন্টরে করতাম। এখন আপনি ক্যানভাসে লুপ উইজেট টেনে আনবেন।
আশ্চর্যজনক ওয়েবসাইট তৈরি করুন
সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে
এখুনি শুরু করুনলক্ষ্য করুন যে একটি লুপ গ্রিড তৈরি করার আগে, আমাদের প্রথমে একটি টেমপ্লেট তৈরি করতে হবে। সেটাই আমরা করব। উল্লেখ্য, আপনি বিদ্যমান টেমপ্লেট থেকে একটি লুপ গ্রিডও তৈরি করতে পারেন।
" সংরক্ষণ " এ ক্লিক করে এগিয়ে যান। ধরে নিচ্ছি আপনি আপনার নিবন্ধগুলির জন্য একটি কাস্টম লুপ গ্রিড তৈরি করতে চান, এই টেমপ্লেটটি প্রতিটি লুপ আইটেমের জন্য ব্যবহার করা হবে।
লুপ আইটেম কাস্টমাইজ করুন
প্রধান আইটেম টেমপ্লেট ডিজাইন করতে, Elementor একটি বিস্তৃত পরিসরের উইজেট প্রদান করে যা ব্যবহার করা যেতে পারে। এই উইজেটগুলিকে ওয়েবসাইটে উপলব্ধ গতিশীল ক্ষেত্রগুলি বরাদ্দ করা যেতে পারে, বা মূল আইটেমের নকশা উন্নত করতে এগুলিকে স্থির রেখে দেওয়া যেতে পারে। এটি মাথায় রেখে, ডিজাইনাররা তাদের চাহিদা অনুসারে মূল আইটেম টেমপ্লেটটি কাস্টমাইজ করতে পারেন, এটি দৃশ্যত আকর্ষণীয় এবং কার্যকরী টেমপ্লেট তৈরি করা সহজ করে তোলে।
আপনার লুপ আইটেম ডিজাইন করা শেষ হলে, পৃষ্ঠায় ফিরে যেতে Save & Back এ ক্লিক করুন।
বিষয়বস্তুর উৎস নির্বাচন করা হচ্ছে
একটি ওয়েবসাইট ডিজাইন করার সময়, আপনার বিষয়বস্তু কীভাবে প্রদর্শিত হবে তার উপর নিয়ন্ত্রণ থাকা গুরুত্বপূর্ণ। এখানেই এলিমেন্টরের লুপ বিল্ডার আসে। একবার আপনি আপনার ডিজাইন তৈরি করে ফেললে, আপনি পৃষ্ঠায় কোন সামগ্রী প্রদর্শন করতে চান তা চয়ন করতে পারেন। আপনি আমাদের তৈরি করা একক লুপ আইটেম টেমপ্লেট ব্যবহার করতে পারেন এবং বিভিন্ন বিষয়বস্তু প্রদর্শন করতে বিভিন্ন পৃষ্ঠায় এটি ব্যবহার করতে পারেন, অথবা আপনি বিভিন্ন ধরনের পোস্টের জন্য বিভিন্ন টেমপ্লেট তৈরি করতে পারেন।
কল্পনা করুন যে আপনি একটি রিয়েল এস্টেট এজেন্সির জন্য একটি ওয়েবসাইট তৈরি করছেন। এই টুলটি প্রতিটি সম্পত্তি তালিকাকে তার নিজস্ব কাস্টম ডিজাইনের সাথে আলাদা হতে দেয়, প্রতিটি তালিকার জন্য তৈরি ডায়নামিক কন্টেন্ট ফিল্ডের মাধ্যমে বেডরুম এবং বাথরুমের সংখ্যার মতো অনন্য তথ্য প্রদর্শন করে। বিকল্পভাবে, ব্লগ পোস্টগুলির জন্য একটি বিভাগ ডিজাইন করার সময়, আপনি প্রতিটি নিবন্ধের জন্য একটি আনুমানিক পড়ার সময় বৈশিষ্ট্য বেছে নিতে পারেন, এক নজরে মূল্যবান অন্তর্দৃষ্টি প্রদান করে ব্যবহারকারীর অভিজ্ঞতা বৃদ্ধি করে৷
আপনার ওয়েবসাইটের লেআউটে গতিশীল বিষয়বস্তু অন্তর্ভুক্ত করা এই বৈশিষ্ট্যটির সাথে সহজবোধ্য। আপনার লুপ আইটেম টেমপ্লেটের প্রতিটি উইজেটের মধ্যে ডায়নামিক সামগ্রী আইকন ব্যবহার করে, আপনি সম্পত্তির বিবরণ বা পড়ার সময়গুলির মতো গতিশীল ক্ষেত্রগুলিকে নির্বিঘ্নে একত্রিত করতে পারেন। আপনার কন্টেন্ট ফিড কিউরেট করতে, লুপ গ্রিড উইজেট আপনার ওয়েবপৃষ্ঠায় সরাসরি টাইপ, লেখকত্ব এবং পদ দ্বারা পোস্টগুলি ফিল্টার করার নমনীয়তা প্রদান করে। এই উইজেটটি শুধুমাত্র সুনির্দিষ্ট বিষয়বস্তু নির্বাচনের অনুমতি দেয় না বরং আপনার পোস্টগুলিকে ঊর্ধ্বমুখী বা অবরোহী ক্রমে সংগঠিত করার বিকল্পগুলিও প্রদান করে, আপনার শ্রোতাদের কাছে কীভাবে আপনার বিষয়বস্তু উপস্থাপন করা হয় তার উপর আপনাকে সম্পূর্ণ নিয়ন্ত্রণ প্রদান করে।
তালিকা বিন্যাস সমন্বয়
লুপ টেমপ্লেট তৈরি করার ক্ষেত্রে, এলিমেন্টর 3.8-এর লুপ বিল্ডার ব্যবহারকারীদের একটি নমনীয় এবং সহজেই ব্যবহারযোগ্য টুলসেট প্রদান করে। পছন্দসই টেমপ্লেট তৈরি করার পরে, এটি শুধুমাত্র লুপ গ্রিড উইজেট ব্যবহার করে যেকোনো পৃষ্ঠায় ব্যবহার করা যেতে পারে। লুপ বিল্ডারের সাহায্যে, কেউ যে কলামগুলি প্রদর্শন করতে চান তার সংখ্যা চয়ন করতে পারেন, প্রতিটি আইটেমের মধ্যে ব্যবধান সামঞ্জস্য করতে পারেন এবং এক পৃষ্ঠায় সমস্ত তালিকা প্রদর্শন করবেন বা একাধিক পৃষ্ঠায় ভাগ করবেন কিনা তা চয়ন করতে পারেন৷
লেআউট ছাড়াও, ব্যবহারকারীরা ব্যাকগ্রাউন্ড ইমেজ বা মোশন ইফেক্টের মতো স্টাইলিং বিকল্পও যোগ করতে পারেন। যাইহোক, এটি লক্ষ্য করা গুরুত্বপূর্ণ যে বর্তমানে, লুপ বিল্ডার শুধুমাত্র কন্টেইনারগুলির সাথে ব্যবহার করা যেতে পারে। অতএব, এই বৈশিষ্ট্যটি ব্যবহার করার জন্য দুটি পরীক্ষা, ফ্লেক্সবক্স কন্টেইনার এবং লুপ বিল্ডার সক্ষম করা প্রয়োজন। লুপ বিল্ডার ব্যবহার করে, ব্যবহারকারীরা তাদের শ্রোতাদের জন্য আরও দৃষ্টিকটু আকর্ষণীয় এবং আকর্ষক অভিজ্ঞতা তৈরি করে সহজেই তাদের পোস্ট এবং পণ্য সংগ্রহগুলি কাস্টমাইজ করতে পারে।
ফ্লেক্সবক্স কন্টেইনার: আপনার যা জানা দরকার
একজন বিশেষজ্ঞ পর্যালোচক হিসেবে, এটা নিশ্চিত করা হয়েছে যে, বিভিন্ন অবস্থা এবং ব্যবহারের ক্ষেত্রে পুঙ্খানুপুঙ্খ পরীক্ষা-নিরীক্ষা এবং পর্যালোচনার পর, ফ্লেক্সবক্স কনটেইনারগুলি এখন একটি বিটা পরীক্ষায় পরিণত হয়েছে, অথবা আপনি যে WordPress সংস্করণ ব্যবহার করছেন তার উপর নির্ভর করে স্থিতিশীল। এর মানে হল যে তারা স্থিতিশীলতার একটি স্তর অর্জন করেছে যা ব্যবহারকারীদের তাদের ওয়েবসাইট ডিজাইনে তাদের আত্মবিশ্বাসের সাথে সংহত করতে দেয়। যাইহোক, যেহেতু কনটেইনারগুলি একটি আলফা থেকে একটি বিটা পরীক্ষায় স্থানান্তরিত হয়, এটি মনে রাখা গুরুত্বপূর্ণ যে কনটেইনারে করা যেকোন পরিবর্তন এটি ওয়েবসাইটে কীভাবে প্রদর্শিত হবে তা প্রভাবিত করতে পারে৷ অতএব, সমস্ত কিছু প্রত্যাশিতভাবে দেখায় এবং কাজ করে তা নিশ্চিত করতে কন্টেইনার ব্যবহার করে এমন কোনও লাইভ ওয়েবসাইটগুলিকে পুঙ্খানুপুঙ্খভাবে পরীক্ষা করার পরামর্শ দেওয়া হয়। যদিও ফ্লেক্সবক্স কন্টেইনারগুলির একীকরণের জন্য কিছু শেখার এবং অভ্যস্ত হওয়ার প্রয়োজন হতে পারে, ব্যবহারকারীদের পরীক্ষাটি সক্রিয় করার এবং তাদের নিজস্ব বিবেচনার ভিত্তিতে তাদের ওয়েবসাইটে কনটেইনারগুলি ব্যবহার করার নমনীয়তা দেওয়া হয়।
নতুন সংযোজন: কিট সরান
ওয়েবসাইট কিটগুলি সমস্ত প্রয়োজনীয় উপাদান এবং সংশ্লিষ্ট বৈশ্বিক শৈলীগুলি অফার করে দ্রুত একটি ওয়েবসাইট সেট আপ করার একটি দুর্দান্ত উপায় সরবরাহ করে। যাইহোক, সম্প্রতি অবধি, আপনার ওয়েবসাইটটিকে আগের অবস্থায় ফিরিয়ে আনার কোনো সহজ উপায় ছিল না যদি আপনি একটি ভিন্ন কিটে স্যুইচ করতে চান বা এটিকে সম্পূর্ণভাবে সরাতে চান।
সৌভাগ্যবশত, ওয়েবসাইট কিটসের সর্বশেষ সংস্করণে এখন "কিট সরান" নামে একটি নতুন বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে। এই বোতামটি এলিমেন্টর সেটিংস → টুলের অধীনে ওয়ার্ডপ্রেস ড্যাশবোর্ডে আমদানি/রপ্তানি ট্যাবে প্রদর্শিত হয় এবং এটি ব্যবহারকারীদের সম্পূর্ণ ওয়েবসাইটটিকে পূর্ববর্তী সংস্করণে পুনরুদ্ধার না করে সাম্প্রতিকতম কিট এবং এর গ্লোবাল স্টাইলগুলি সরাতে দেয়৷
রিমুভ কিট বৈশিষ্ট্যটি ব্যবহার করার সময়, একটি নতুন পৃষ্ঠা বা পোস্টে তৈরি যে কোনও নতুন সামগ্রী থাকবে, তবে এটি ওয়েবসাইটের আগের বিশ্বব্যাপী শৈলীগুলি গ্রহণ করবে। অধিকন্তু, কিটের অংশ হিসাবে ওয়েবসাইটে যোগ করা সমস্ত পৃষ্ঠা, পোস্ট এবং সম্পদ মুছে ফেলা হবে, কিটের সামগ্রীতে করা যেকোনো পরিবর্তন সহ। অতএব, যদি আপনি সেই পরিবর্তনগুলি রাখতে চান তবে কিটটি সরানোর আগে একটি নতুন পৃষ্ঠা তৈরি করা এবং কোনও সামগ্রী অনুলিপি করার পরামর্শ দেওয়া হচ্ছে।
এলিমেন্টরের সাথে আরও ডিজাইনের নমনীয়তা উপভোগ করুন
উপসংহারে, Elementor-এর ব্যবহারকারীরা এখন এর সর্বশেষ আপডেট, Elementor 3.8 Pro এর মাধ্যমে তাদের ওয়েবসাইট ডিজাইনের উপর আরও নমনীয়তা এবং নিয়ন্ত্রণ করতে পারে। এই নতুন বৈশিষ্ট্যগুলির সাথে, যেমন তালিকার জন্য উন্নত কাস্টমাইজেশন বিকল্প এবং কনটেইনারগুলির সাথে উন্নত লেআউট সম্ভাবনা, ব্যবহারকারীরা একটি উন্নত ডিজাইনের অভিজ্ঞতা আশা করতে পারেন৷ এই আপডেটগুলিকে তাদের পূর্ণ সম্ভাবনায় অন্বেষণ এবং ব্যবহার করার এবং মন্তব্যগুলিতে তাদের কার্যকারিতা সম্পর্কে প্রতিক্রিয়া ভাগ করার পরামর্শ দেওয়া হচ্ছে।