রিপিটার

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

উভয় সহচর সিস্টেমের সাথে রিপিটার জোড়া: শর্তাবলী প্যানেলে নিয়ন্ত্রণ দেখায় বা লুকিয়ে রাখে, এবং টুইগ-সিনট্যাক্স টেমপ্লেট ইঞ্জিন এর সারি সামনের প্রান্তে রেন্ডার করে {% for item in my_repeater %} লুপ এবং ডটেড টোকেন পছন্দ {{ item.title }}। উভয় গাইড সেটআপ এবং সীমাবদ্ধতা কভার করে।

রিপিটার আপনার HTML-এ টেমপ্লেট লুপের সাথে একসাথে কাজ করে: a {% for %} ব্লক প্রতি সারিতে একবার আপনার মার্কআপ প্রিন্ট করে। তিনটি আইটেম তিনটি কার্ড রেন্ডার করে; প্যানেলে একটি চতুর্থ যোগ করুন এবং একটি চতুর্থ কার্ড প্রদর্শিত হবে, কোন কোড পরিবর্তন হবে না।

রিপিটার ক্ষেত্র কি করে #

একটি রিপিটার ফিল্ড আপনার উইজেটের বিকল্প প্যানেলে এলিমেন্টরের স্ট্যান্ডার্ড রিপিটার নিয়ন্ত্রণ রেন্ডার করে। যখন কেউ উইজেট নির্বাচন করে, তখন তারা চারটি পরিচিত ক্রিয়া সহ সংকোচনযোগ্য সারিগুলির একটি স্ট্যাক দেখতে পায়:

• আইটেম যোগ করুন: সারির নীচে একটি বোতাম আপনার ডিফল্ট মান সহ একটি নতুন আইটেম তৈরি করে।
• সদৃশ: কপি আইকন একটি সারি, সেটিংস এবং সমস্ত ক্লোন করে।
• পুনর্বিন্যাস: সারিগুলি একটি নতুন ক্রমে টেনে আনে এবং ড্রপ করে এবং পৃষ্ঠাটি মেলে আপডেট হয়৷।
• সরান: ডিলিট আইকনটি একটি সারি বের করে।

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

আপনি শুরু করার আগে #

• ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
• এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
• উইজেট বিল্ডার এডিটরে একটি কাস্টম উইজেট খোলা। আমাদের উদাহরণ হল একটি রেস্তোরাঁ "সিগনেচার ডিশ" বিভাগ যা কার্ডের একটি 3-কলামের গ্রিড রেন্ডার করে, প্রতি রিপিটার সারিতে একটি কার্ড।

কিভাবে একটি রিপিটার ক্ষেত্র যোগ করবেন #

উইজেট বিল্ডার এডিটরে, বাম দিকে ফিল্ড প্যানেলটি স্ক্রোল করুন যতক্ষণ না আপনি এটি খুঁজে পান রিপিটার ক্ষেত্র, অন্যান্য কাঠামোগত ক্ষেত্রের সাথে তালিকাভুক্ত।

রিপিটারটিকে এর অধীনে একটি বিভাগে টেনে আনুন বিষয়বস্তু ট্যাব, যেখানে পুনরাবৃত্তি বিষয়বস্তু অন্তর্গত। একবার এটি অবতরণ করলে, ক্ষেত্রের বিকল্পগুলি বাম দিকে খোলে, এবং এখানেই আসল সেটআপ ঘটে: প্রতিটি সারি বহন করবে উপ-ক্ষেত্রগুলিকে সংজ্ঞায়িত করা।

রিপিটার ফিল্ড অপশন ব্যাখ্যা করা হয়েছে #

• লেবেল: এলিমেন্টরে সারির উপরে দেখানো শিরোনাম, উদাহরণস্বরূপ “ure Dishes”।
• নাম: সম্পূর্ণ রিপিটার, অক্ষর, সংখ্যা এবং আন্ডারস্কোরগুলির জন্য অনন্য শনাক্তকারী। এই নামটি আপনার লুপ বোঝায়, উদাহরণস্বরূপ signature_dishes.
• ক্ষেত্র: প্রতিটি সারিতে উপ-ক্ষেত্র রয়েছে। ডিশের উদাহরণে প্রতি আইটেম সামগ্রীর প্রতি একটি যোগ করুন: একটি ডিশ নাম পাঠ্য ক্ষেত্র, একটি মূল্য পাঠ্য ক্ষেত্র, একটি বিবরণ পাঠ্যের এলাকা এবং একটি ট্যাগ শৈলী নির্বাচন।
• শিরোনাম ক্ষেত্র: কোন সাব-ফিল্ডটি ভেঙে পড়া সারিটিকে লেবেল করে, হিসাবে লেখা {{{ dish_name }}}। প্রথম সাব-ফিল্ডে ডিফল্ট, যা সাধারণত আপনি চান।
• ডিফল্ট: উইজেটটি যে সারি দিয়ে শুরু হয়। দুই বা তিনটি ভরা আইটেম পাঠান যাতে উইজেটটি প্রথম ড্রপে জীবন্ত দেখায়।
• বোতাম পাঠ্য: অ্যাড বোতামের লেবেল, উদাহরণস্বরূপ জেনেরিক “ আইটেম যোগ করুন" এর পরিবর্তে “ Add Dish”।
• খালি প্রতিরোধ করুন: ব্যবহারকারীকে শেষ অবশিষ্ট সারিটি মুছে ফেলা থেকে বিরত করে।
• সর্বনিম্ন / সর্বোচ্চ আইটেম: কত কম বা কত সারি অনুমোদিত তার ঐচ্ছিক সীমা।

একটি লুপ দিয়ে আপনার HTML এর সাথে রিপিটার সংযোগ করুন #

এখানে সেই অংশটি যা প্রতিটি একক-মানের ক্ষেত্র থেকে আলাদাভাবে কাজ করে: রিপিটারের কোন প্লেইন নেই {{shortcode}}। এর মান হল সারিগুলির একটি তালিকা, তাই আপনার HTML পুনরাবৃত্তি করা মার্কআপটিকে a তে মোড়ানো {% for %} ব্লক। লুপের ভিতরে, প্রতিটি সাব-ফিল্ড লুপ ভেরিয়েবলে উপলব্ধ:

<div class="dish-grid">
  {% for dish in signature_dishes %}
  <article class="dish-card">
    <h3>{{ dish.dish_name }}</h3>
    <span class="price">{{ dish.dish_price }}</span>
    <p>{{ dish.dish_desc }}</p>
  </article>
  {% endfor %}
</div>

• signature_dishes রিপিটারের নাম।
• dish একটি লুপ পরিবর্তনশীল যা আপনি ঘটনাস্থলে উদ্ভাবন করেন; এটা কিছু কল।
• {{ dish.dish_name }} সেই সারির ডিশের নাম প্রিন্ট করে। প্রতিটি উপ-ক্ষেত্র একইভাবে কাজ করে: {{ dish.<sub_field_name> }}.
• মধ্যে সবকিছু {% for %} এবং {% endfor %} প্রতি সারিতে একবার প্রিন্ট করুন, সারিগুলি প্যানেলে বসার ক্রমে।

লুপের ভিতরে ঐচ্ছিক ক্ষেত্র #

একটি মধ্যে ঐচ্ছিক কিছু মোড়ানো {% if %} ব্লক করুন যাতে খালি ক্ষেত্রগুলি পিছনে বিপথগামী মার্কআপ না ফেলে। ডিশ উদাহরণে, প্রতিটি কার্ডের একটি ঐচ্ছিক ট্যাগ ব্যাজ রয়েছে:

{% if dish.tag_text %}
<span class="tag tag--{{ dish.tag_style }}">{{ dish.tag_text }}</span>
{% endif %}

একটি খালি ট্যাগ টেক্সট সহ একটি সারি কোন ব্যাজ রেন্ডার করে না। দ্য {% if %} ব্লক এছাড়াও মত তুলনা গ্রহণ করে {% if dish.tag_style == 'spicy' %} যখন আপনার মার্কআপের প্রয়োজন হয় যা প্রতি মান পরিবর্তন হয়।

মিডিয়া এবং লিঙ্ক সাব-ফিল্ড #

একটি ইমেজ সাব-ফিল্ড সরাসরি তার URL প্রিন্ট করে, যেমন ইন <img src="{{ dish.photo }}">, এবং একটি URL সাব-ফিল্ড একইভাবে তার ঠিকানা প্রকাশ করে। নেস্টেড বৈশিষ্ট্যগুলি ডট নোটেশন সহ উপলব্ধ যখন আপনার প্রয়োজন হয়৷।

এলিমেন্টরে রিপিটার ব্যবহার করুন #

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

এর সাব-ফিল্ডগুলি প্রসারিত করতে এবং সেগুলি সম্পাদনা করতে একটি সারিতে ক্লিক করুন; পূর্বরূপ আপডেট লাইভ। যদি একটি নতুন সারি কিছুই রেন্ডার না করে, তাহলে পরীক্ষা করুন যে আপনার HTML-এর লুপের নামটি রিপিটারের নামের ক্ষেত্রের সাথে ঠিক মেলে entail a mismatch একটি ত্রুটি নিক্ষেপ করার পরিবর্তে নীরবে ব্যর্থ হয়৷ ক্লিক করুন থালা যোগ করুন (অথবা আপনার বোতাম পাঠ্য যাই বলুক না কেন) এবং আপনার ডিফল্ট মান সহ একটি নতুন সারি প্রদর্শিত হবে, সম্পাদনা করার জন্য প্রস্তুত। পুনরায় সাজানোর জন্য যেকোনো সারিতে হ্যান্ডেলটি টেনে আনুন এবং পৃষ্ঠার কার্ডগুলি অনুসরণ করুন।

যেহেতু লুপ প্রতিটি সারি প্রিন্ট করে, লেআউটটি বিষয়বস্তুর সাথে বৃদ্ধি পায়। আমাদের 3-কলামের ডিশ গ্রিডে, প্রথম তিনটি কার্ড একটি সারি পূরণ করে; একটি চতুর্থ ডিশ স্বয়ংক্রিয়ভাবে নীচে একটি দ্বিতীয় সারি শুরু করে, কারণ উইজেটের CSS গ্রিড এভাবেই মোড়ানো হয়।

সাধারণ ব্যবহারের ক্ষেত্রে #

• কার্ড গ্রিড পরিষেবা, বৈশিষ্ট্য, মূল্যের স্তর, খাবার, বা দলের সদস্য, কার্ড প্রতি এক সারি।
• মেনু এবং মূল্য তালিকা রেস্তোরাঁ, সেলুন এবং জিম যেখানে আইটেমগুলি সাপ্তাহিক পরিবর্তিত হয়।
• লোগো দেয়াল এবং ক্লায়েন্ট তালিকা প্রতি সারিতে একটি চিত্র উপ-ক্ষেত্র।
• FAQ এবং অ্যাকর্ডিয়ন বিভাগ 5 একটি প্রশ্ন পাঠ্য ক্ষেত্র এবং প্রতি সারিতে একটি উত্তর পাঠ্য অঞ্চল।
• সময়রেখা এবং প্রক্রিয়া পদক্ষেপ 1 অর্ডার করা সারি ব্যবহারকারী ক্রমানুসারে টেনে আনতে পারে।

রিপিটার ক্ষেত্রের সাথে কাজ করার জন্য টিপস #

• লুপ হল সংযোগ। নেই {{repeater_name}} শর্টকোড নিজে থেকে প্রিন্ট করতে; রিপিটার শুধুমাত্র ভিতরে অর্থে তোলে {% for %}…{% endfor %}.
• শিপ বাস্তব ডিফল্ট। দুই বা তিনটি ভরাট সারি উইজেটটি ড্রপ হওয়ার মুহুর্তে উপস্থাপনযোগ্য করে তোলে এবং প্রতিটি ক্ষেত্র কী প্রত্যাশা করে তার উদাহরণ হিসাবে তারা দ্বিগুণ হয়।
• শিরোনাম ক্ষেত্র সেট করুন। "মার্গেরিটা দেল ফোর্নো" লেবেলযুক্ত ধসে পড়া সারিগুলি "আইটেম" লেবেলযুক্ত তিনটি সারির চেয়ে পরিচালনা করা অনেক সহজ।
• সঙ্গে ঐচ্ছিক ক্ষেত্র গার্ড {% if %}. খালি স্প্যান এবং খালি মোড়কগুলি অদৃশ্য থাকে যতক্ষণ না তারা আপনার ব্যবধান ভেঙে দেয়।
• CSS কে সারি গণনা পরিচালনা করতে দিন। সঙ্গে একটি গ্রিড repeat(3, 1fr) অতিরিক্ত আইটেমগুলিকে নতুন সারিতে মোড়ানো; লুপ শুধু কার্ড প্রিন্ট।
• সাব-ফিল্ডের নাম পরিষ্কারভাবে। {{ dish.dish_price }} এর চেয়ে টেমপ্লেটে ভালো পড়ে {{ dish.field_2 }}, আপনার জন্য এবং যারা উইজেট উত্তরাধিকারী তাদের জন্য।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #

মোড়ানো #

উইজেট বিল্ডার রিপিটার ফিল্ড হল যা একটি নির্দিষ্ট লেআউটকে জীবন্ত একটিতে পরিণত করে: উপ-ক্ষেত্রগুলিকে সংজ্ঞায়িত করুন, সেগুলিকে একটিতে মুদ্রণ করুন৷ {% for %} লুপ, এবং এর পরে প্রতিটি বিষয়বস্তুর সিদ্ধান্ত এলিমেন্টর প্যানেলে ঘটে: একটি কার্ড যোগ করুন, এটিকে জায়গায় টেনে আনুন, পরের মরসুমে এটি মুছুন। এর সাথে পেয়ার করুন টাইপোগ্রাফি ক্ষেত্র সম্পাদক-নিয়ন্ত্রিত ফন্টের জন্য এবং সীমান্ত মাঠ কার্ড স্টাইলিং জন্য, এবং একটি একক উইজেট পৃষ্ঠার একটি সম্পূর্ণ অংশ কভার করে। বাকি অন্বেষণ মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন, এবং দেখুন মূল্য পৃষ্ঠা প্রতিটি পরিকল্পনা অন্তর্ভুক্ত কি জন্য।