লুকানো

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

এমনকি লুকানো ক্ষেত্র সমর্থন করে শর্তাবলী, এবং এর সঞ্চিত মান প্রিন্ট করে টুইগ-সিনট্যাক্স টেমপ্লেট ইঞ্জিন অন্য কোন টোকেনের মত, তাই আপনি এটি উল্লেখ করতে পারেন {% if %} আপনার টেমপ্লেট জুড়ে চেক। উভয় গাইড বিস্তারিত কভার।

এটি আপনার টেমপ্লেটের প্রয়োজনীয়তাগুলিকে ধ্রুবক করার জন্য এটিকে সঠিক বাড়ি করে তোলে তবে ব্যবহারকারীদের অবশ্যই সম্পাদনা করা উচিত নয়৷ একটি কৌতূহলী ক্লায়েন্ট দুর্ঘটনাক্রমে পরিবর্তন হতে পারে এমন কিছু নাগালের বাইরে থাকে। আপনার HTML, CSS, এবং JS প্যানেল এখনও অন্য যেকোনো মানের মতো এটি পড়তে পারে।

লুকানো ক্ষেত্র কি করে #

• এলিমেন্টরে কোন দৃশ্যমান নিয়ন্ত্রণ ছাড়াই বিল্ডারে সংজ্ঞায়িত একটি নির্দিষ্ট স্ট্রিং মান সংরক্ষণ করে।
• উইজেটের HTML, CSS, বা JS প্যানেলের মাধ্যমে যে কোনো জায়গায় মান প্রিন্ট করে {{ your_field_name }}.
• কনফিগারেশন ধ্রুবকগুলিকে সম্পাদনা UI এর বাইরে রাখে, তাই সেগুলি প্রতি পৃষ্ঠায় পরিবর্তন করা যাবে না৷।
• টেমপ্লেট লজিক একটি পাঠ্য মান মত আচরণ, তাই শর্ত যেমন {% if mode == 'embed' %} কাজ।

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

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

• ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
• এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
• উইজেট বিল্ডার এডিটরে একটি কাস্টম উইজেট খোলা। আমাদের উদাহরণ হল একটি মানচিত্র এম্বেড উইজেট যেখানে একটি লুকানো ক্ষেত্র নামকরণ করা হয়েছে map_style_key এম্বেড স্ক্রিপ্ট আশা করে নির্দিষ্ট মানচিত্র শৈলী শনাক্তকারী বহন করে।

কিভাবে একটি লুকানো ক্ষেত্র যোগ করতে হয় #

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

লুকানো ক্ষেত্রের বিকল্প ব্যাখ্যা করা হয়েছে #

বিকল্প তালিকা নকশা দ্বারা সংক্ষিপ্ত:

• লেবেল: নির্মাতার ভিতরে আপনার নিজের রেফারেন্সের জন্য একটি নাম। এটি এলিমেন্টরে কখনই দেখায় না।
• নাম: আপনার টেমপ্লেটগুলি যে অনন্য শনাক্তকারীকে উল্লেখ করে। অক্ষর, সংখ্যা, এবং আন্ডারস্কোর শুধুমাত্র, উদাহরণস্বরূপ map_style_key.
• ডিফল্ট: ক্ষেত্রটি যে মান ধরে রাখে। যেহেতু পরে এটি পরিবর্তন করার জন্য কোন UI নেই, এটি কার্যকরভাবে মান, ফুল স্টপ।

লুকানো ক্ষেত্রটিকে এর টোকেন দিয়ে সংযুক্ত করুন #

লুকানো ক্ষেত্র একটি টোকেন ক্ষেত্র। তিনটি প্যানেলের যেকোনো একটিতে এটিকে একটি পাঠ্য মানের মতো প্রিন্ট করুন:

<!-- HTML panel -->
<div class="ma-map" data-style="{{ map_style_key }}"></div>

// JS panel
var styleKey = "{{ map_style_key }}";
initMap(styleKey);

টেমপ্লেট লজিক এটিতে শাখাও করতে পারে। আপনি যদি একই উইজেটের দুটি অভ্যন্তরীণ মোড প্রেরণ করেন, একটি লুকানো ক্ষেত্র পছন্দটি প্রকাশ না করেই শাখাটি বেছে নিতে পারে:

{% if widget_mode == 'compact' %}
<div class="ma-map ma-map--compact"></div>
{% else %}
<div class="ma-map ma-map--full"></div>
{% endif %}

একটি শান্ত ব্যর্থতার মোড সম্পর্কে জানতে: আপনি যদি পরে ক্ষেত্রের নাম পরিবর্তন করেন, তবে পুরানো নামের দিকে নির্দেশ করা প্রতিটি টোকেন এখনও একটি খালি স্ট্রিং প্রিন্ট করে। কিছুই ত্রুটি নেই, উইজেটটি কেবল একটি ফাঁকা দিয়ে রেন্ডার করে যেখানে ধ্রুবকটি ছিল। একটি পুনঃনামকরণের পরে, আপনি সংরক্ষণ করার আগে পুরানো নামের জন্য তিনটি প্যানেল অনুসন্ধান করুন৷।

সতর্ক থেকো: একটি লুকানো ক্ষেত্র অদৃশ্য, গোপন নয়। এর মান এখনও পৃষ্ঠা মার্কআপ বা স্ক্রিপ্টে রেন্ডার করে যা দর্শকরা উৎস দেখতে পারে। ব্যক্তিগত API কী এবং শংসাপত্রগুলি এর বাইরে রাখুন; এটি কনফিগারেশন ধ্রুবকের জন্য, গোপনীয়তার জন্য নয়।

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

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

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

• লেআউট কী যে অভ্যন্তরীণ CSS বা JS শাখা চালু, প্রতি উইজেট স্থির।
• সংস্করণ স্ট্রিং পাঠানো উইজেট ডিবাগ করার জন্য একটি ডেটা অ্যাট্রিবিউটে স্ট্যাম্প করা হয়েছে।
• API মোড পতাকা যেমন একটি এম্বেড টাইপ উইজেটের স্ক্রিপ্ট পড়ে।
• স্থির শ্রেণীর নামের টুকরো মার্কআপে মুদ্রিত যাতে একটি উইজেট পরিবার স্টাইলিং হুক শেয়ার করে।
• টেমপ্লেট শাখা সুইচ আপনি যখন দুটি অভ্যন্তরীণ ভেরিয়েন্টে একটি উইজেট রপ্তানি করেন।

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

• এটি ধ্রুবকের মতো নাম দিন। map_style_key পরবর্তী রক্ষণাবেক্ষণকারীকে টোকেন বলতে কী বোঝায়; hidden_1 করে না।
• সংরক্ষণ করার আগে ডিফল্ট সেট করুন। Elementor পক্ষ থেকে কোন দ্বিতীয় সুযোগ নেই; একটি খালি ডিফল্ট টোকেন প্রদর্শিত সর্বত্র একটি খালি স্ট্রিং রেন্ডার করে।
• JS এ উদ্ধৃত করুন। মান একটি স্ট্রিং, তাই লিখুন var key = "{{ map_style_key }}"; উদ্ধৃতি সহ।
• ব্যবহারকারীদের নিয়ন্ত্রণের প্রয়োজন হলে একটি দৃশ্যমান ক্ষেত্র পছন্দ করুন। যে মুহুর্তে একটি মান প্রতি পৃষ্ঠায় আলাদা হওয়া উচিত, একটি এর জন্য লুকানো ক্ষেত্রটি অদলবদল করুন টেক্সট বা নির্বাচন করুন ব্যবহারকারীদের উইজেট অভ্যন্তরীণ সম্পাদনা করতে বলার পরিবর্তে ক্ষেত্র।
• কোন গোপন। মানটি সর্বজনীন পৃষ্ঠার আউটপুটে শেষ হয়, তাই এটিকে যে কেউ উত্সটি পড়ে তাদের কাছে দৃশ্যমান হিসাবে বিবেচনা করুন৷।

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

মোড়ানো #

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