কী টেকঅ্যাওয়ে
- নেস্টেড ট্যাবগুলি আসল ট্যাব উইজেট প্রতিস্থাপন করেছে। এলিমেন্টর 3.8 থেকে পুরানোটি প্যানেলে একটি অবচয় বিজ্ঞপ্তি দেখিয়েছে এবং আপনি যে নতুন ট্যাবগুলি টেনে আনছেন তা হল নেস্টেড সংস্করণ৷।
- প্রতিটি প্যানেল একটি ধারক, তাই ফর্ম, গ্যালারী, লুপ গ্রিড এবং মূল্য সারণী সবই একটি ট্যাবের ভিতরে কাজ করে।
- ব্রেকপয়েন্ট কন্ট্রোল স্ট্রিপটিকে আপনার বাছাই করা প্রস্থের নীচে একটি উল্লম্ব অ্যাকর্ডিয়নে পরিণত করে, ডিফল্ট হিসাবে মোবাইল সহ।
- অনুভূমিক স্ক্রোল একটি লাইনে শিরোনামের একটি দীর্ঘ সারি রাখে এবং দর্শকদের সেগুলির মধ্য দিয়ে সোয়াইপ করতে দেয়।
- রিপিটার শুধুমাত্র ট্যাব শিরোনাম ধারণ করে, যা লোকেদের ধরে ফেলে: প্যানেলের বিষয়বস্তু ক্যানভাসে তৈরি করা হয়, প্যানেলে নয়।
এলিমেন্টরের ট্যাবগুলি একটি পাঠ্য বাক্সের ভিতরে একটি পাঠ্য বাক্স হিসাবে ব্যবহৃত হত। আপনি একটি ক্ষেত্রে শিরোনাম এবং অন্য ক্ষেত্রে বিষয়বস্তু টাইপ করেছেন, এবং আপনি যদি সেখানে একটি যোগাযোগ ফর্ম চান, দুর্ভাগ্য।
নেস্টেড ট্যাব মডেল পরিবর্তন করেছে। প্রতিটি প্যানেল এখন একটি ধারক, যার মানে পুরো উইজেট লাইব্রেরি একটি ট্যাবের ভিতরে উপলব্ধ। এই পোস্টটি কভার করে যে এটি কীভাবে কাজ করে, নিয়ন্ত্রণগুলি কোথায় থাকে এবং তিনটি জায়গায় এটি এখনও মানুষকে হতাশ করে৷।
বিষয়বস্তুর সারণী
কি পরিবর্তন
পুরানো ট্যাব উইজেট একটি রিপিটারে সবকিছু সংরক্ষণ করে: একটি শিরোনাম ক্ষেত্র এবং প্রতি সারিতে একটি বিষয়বস্তু ক্ষেত্র। এটি এটিকে সহজ করে তুলেছে এবং এটি যা ধরে রাখতে পারে তাও সীমাবদ্ধ করেছে, কারণ একটি বিষয়বস্তু ক্ষেত্র পাঠ্য এবং চিত্র নেয় এবং অন্য কিছু নয়।
নেস্টেড ট্যাবগুলি সেগুলিকে আলাদা করে দেয়। রিপিটার শিরোনামগুলি রাখে এবং প্রতিটি প্যানেল আপনার ভিতরে তৈরি করা ক্যানভাসে একটি আসল পাত্রে পরিণত হয়। এলিমেন্টর এই নেস্টিংকে কল করে, এবং ট্যাবগুলি এটি পাওয়ার প্রথম উইজেট ছিল।
পুরানো উইজেটটি এখনও পাঠানো হয় তাই বিদ্যমান পৃষ্ঠাগুলি কাজ করতে থাকে, এবং একটি সম্পাদনা একটি নোটিশ দেখায় যে কোনও নতুন ট্যাব উইজেট নেস্টেড সংস্করণ হবে। সেই বিজ্ঞপ্তিটি 3.8 সংস্করণে এসেছে।
একটি জিনিস পরিষ্কার করা মূল্যবান, কারণ প্রচুর গাইড এবং এআই উত্তর এখনও এটি বলে: আপনাকে নেস্টেড উপাদানগুলি চালু করতে হবে না। এটি একটি পরীক্ষা হিসাবে এসেছে, এবং বর্তমান এলিমেন্টরে এটি স্থিতিশীল, ডিফল্টরূপে সক্রিয় এবং পরিবর্তনযোগ্য নয় বলে চিহ্নিত করা হয়েছে, তাই এটি পরীক্ষার স্ক্রিনে মোটেও প্রদর্শিত হয় না। আপনি যদি সেটিং খুঁজতে যান এবং এটি খুঁজে না পান, তাই।
বিল্ডিং এক
- পৃষ্ঠায় ট্যাব টেনে আনুন। আপনি তিনটি ট্যাব পাবেন, প্রতিটির ভিতরে একটি খালি পাত্র রয়েছে।
- ট্যাব রিপিটারে সারিগুলির নাম পরিবর্তন করুন। শিরোনাম হল একমাত্র ক্ষেত্র, যা সেই অংশ যা পুরানো উইজেট থেকে আসা লোকেদের অবাক করে।
- প্যানেল খুলতে ক্যানভাসের একটি ট্যাবে ক্লিক করুন, তারপর উইজেটগুলিকে পাত্রে টেনে আনুন৷।
- প্রতিটি ট্যাবের জন্য পুনরাবৃত্তি করুন। রিপিটার দিয়ে সারি যোগ করুন বা সরান, অন্য কোথাও একই।
নিয়ন্ত্রণ যে গুরুত্বপূর্ণ
দিকনির্দেশ শিরোনাম ফালা সরানো। উপরে এবং নীচে এটি অনুভূমিক রাখুন, যখন শুরু এবং শেষ এটিকে একটি পাশের কলামে পরিণত করুন, যা উল্লম্ব ট্যাব লেআউট। শুরু এবং শেষ পাঠ্যের দিক অনুসরণ করুন, তাই তারা ডান-থেকে-বাম ভাষায় ফ্লিপ করে।
শিরোনাম হ্যান্ডেল ব্যবধানকে ন্যায্যতা এবং সারিবদ্ধ করুন: শিরোনামগুলি স্ট্রিপটি পূরণ করতে প্রসারিত হোক বা একসাথে বসুক এবং পাঠ্যটি প্রতিটির ভিতরে কীভাবে সারিবদ্ধ হয়।
অনুভূমিক স্ক্রোল, অতিরিক্ত সেটিংসে, শিরোনামগুলির একটি দীর্ঘ সারি মোড়ানো থেকে বিরত রাখে। স্ট্রিপটি পরিবর্তে পাশে স্ক্রোল করে এবং দর্শকরা এটির মধ্য দিয়ে সোয়াইপ বা টেনে আনে।
ব্রেকপয়েন্ট একই বিভাগে বসে এবং এটি জানার মতো নিয়ন্ত্রণ। আপনি যে প্রস্থ বাছাই করেন তার নীচে, স্ট্রিপটি একটি উল্লম্ব অ্যাকর্ডিয়ন লেআউটে স্যুইচ করে, প্রতিটি শিরোনাম তার নিজস্ব প্যানেলের উপরে থাকে। মোবাইল হল ডিফল্ট, যা সাধারণত সঠিক।
আপনি একটি প্যানেলে কি রাখতে পারেন
কিছু। প্যানেলটি একটি সাধারণ ধারক, তাই সম্পূর্ণ উইজেট তালিকা প্রযোজ্য:
- "Enquire” ট্যাবে একটি যোগাযোগ ফর্ম
- "ফটোস" এ একটি ইমেজ গ্যালারি
- একটি লুপ গ্রিড “-এ সম্পর্কিত পণ্য টানছে আপনিও পছন্দ করতে পারেন
- "প্ল্যান" এ একটি মূল্য সারণী
- একটি ট্যাবের ভিতরে ট্যাবের একটি নেস্টেড সেট, যেখান থেকে ট্যাবের ভিতরে "ট্যাব" অনুসন্ধানগুলি আসে৷
ট্যাবের ভিতরে ট্যাব সম্ভব, এবং বাস্তবে এটি খুব কমই একটি ভাল ধারণা। ট্যাব স্ট্রিপের দুটি স্তর মানে একজন দর্শককে মনে রাখতে হবে যে তারা কোন সমন্বয় বেছে নিয়েছে। যদি বিষয়বস্তু সত্যিই দ্বি-মাত্রিক হয়, তাহলে বাইরের ট্যাব এবং ভিতরে একটি অ্যাকর্ডিয়ন অনেক ভালো পড়ে।
তিনটি সীমা
একটি ট্যাব শিরোনাম পাঠ্য এবং একটি ঐচ্ছিক আইকন নেয়, তাই কোন ছবির শিরোনাম নেই। যদি একটি শিরোনাম একটি লোগো বা একটি পণ্য ফটো হতে হয়, মূল উইজেট এটি করতে পারে না এবং একটি আইকন টাইপ নিয়ন্ত্রণ সহ একটি অ্যাডন করতে পারে।
ক্লিকে প্যানেলগুলি পরিবর্তিত হয়, যা টাচ স্ক্রিনের জন্য সঠিক ডিফল্ট, এবং কিছু ডিজাইন ব্যবহার করে হোভার আচরণের জন্য কোনও সেটিং নেই৷।
স্টাইলিং শূন্য থেকে শুরু হয়। কোন প্রিসেট নেই, তাই উইজেটটি প্লেইন এবং প্রতিটি সীমানা, রঙ এবং প্যাডিং আপনার সিদ্ধান্ত। এটি নমনীয়তা, এবং একটি সময়সীমার উপর এটি বিশ মিনিট।
যখন একটি অ্যাডন উইজেট ভাল ফিট হয়
এই তিনটি সীমা মোটামুটি একটি অ্যাডন ট্যাব উইজেটের বৈশিষ্ট্য তালিকা। দ্য মাস্টার অ্যাডঅন ট্যাব উইজেট একটি স্টাইল প্রিসেট থেকে শুরু হয়, প্রতিটি শিরোনামে একটি আইকন বা একটি চিত্র নেয় এবং আপনি যদি ট্যাব ইফেক্ট সেভাবে সেট করেন তবে হোভারে প্যানেলগুলি স্যুইচ করে৷ এর কোনোটির জন্য কোনো এলিমেন্টর প্রো প্রয়োজন নেই।
ট্রেডটি অন্যভাবে চলে: এর প্যানেলগুলি সম্পাদকের বিষয়বস্তু নেয়, তাই ভিতরে একটি ফর্ম রাখার অর্থ হল একটি সংরক্ষিত টেমপ্লেটে বিষয়বস্তুর ধরন নির্দেশ করা, যা একটি প্রো বিকল্প। প্যানেলের কন্টেইনারগুলি হল একটি জিনিস যা শুধুমাত্র মূল উইজেট করে।
বিভাজন রেখা প্যানেলের মধ্য দিয়ে চলে। এর ভিতরে ইন্টারেক্টিভ কন্টেন্ট মানে নেস্টেড ট্যাব। একটি ট্যাব স্ট্রিপ যা দেখতে নির্দিষ্ট কিছুর মতো দেখতে হয় মানে একটি অ্যাডন।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
এলিমেন্টরে ট্যাব এবং নেস্টেড ট্যাবের মধ্যে পার্থক্য কী?
নেস্টেড ট্যাব প্রতিটি প্যানেলে একটি ধারক রাখে যাতে আপনি ভিতরে উইজেটগুলি ফেলে দিতে পারেন। পুরানো ট্যাব উইজেটে একটি প্লেইন কন্টেন্ট ফিল্ড ছিল এবং এটি অবমূল্যায়িত।
আমাকে কি প্রথমে নেস্টেড এলিমেন্টস সক্ষম করতে হবে?
না। এটি বর্তমান এলিমেন্টরে ডিফল্টরূপে সক্রিয় এবং বন্ধ করা যাবে না, তাই এটি আর পরীক্ষায় তালিকাভুক্ত নয়। পুরানো টিউটোরিয়াল যা আপনাকে এটি সক্ষম করতে বলে তা পুরানো।
নেস্টেড ট্যাব কি বিনামূল্যে এলিমেন্টরে পাওয়া যায়?
হ্যাঁ, এটি বিনামূল্যের প্লাগইনের অংশ এবং আপনি যখন ট্যাব উইজেটটিকে একটি পৃষ্ঠায় টেনে আনেন তখন আপনি এটিই পান৷।
আমি কি ট্যাবের ভিতরে ট্যাব নেস্ট করতে পারি?
হ্যাঁ, কারণ একটি প্যানেল হল একটি ধারক যা অন্য ট্যাব উইজেট সহ যেকোনো উইজেট গ্রহণ করে। এটি দ্রুত বিভ্রান্তিকর হয়ে ওঠে, তাই ভিতরের স্তরে একটি অ্যাকর্ডিয়ন সাধারণত পরিষ্কার হয়।
আমি কিভাবে নেস্টেড ট্যাবগুলিকে অ্যাকর্ডিয়নে ভেঙে ফেলতে পারি?
অতিরিক্ত সেটিংস খুলুন এবং ব্রেকপয়েন্ট সেট করুন। সেই প্রস্থের নীচে স্ট্রিপটি একটি উল্লম্ব অ্যাকর্ডিয়ন লেআউটে স্যুইচ করে। মোবাইল ডিফল্ট।
একটি ট্যাব শিরোনাম একটি ছবি ব্যবহার করতে পারেন?
মূল উইজেটে নেই। শিরোনাম পাঠ্য এবং একটি ঐচ্ছিক আইকন নেয়। আইকন টাইপ নিয়ন্ত্রণ সহ একটি অ্যাডন উইজেট একটি চিত্র ব্যবহার করতে পারে।
চূড়ান্ত চিন্তা
প্যানেলের ভিতরে যখন কিছু ঘটতে হয় তখন নেস্টেড ট্যাবগুলিই পৌঁছাতে পারে এবং অ্যাকর্ডিয়ন ব্রেকপয়েন্ট একাই এটিকে পুরানো ট্যাব ব্লকগুলি পুনর্নির্মাণের জন্য উপযুক্ত করে তোলে৷ এটি আপনাকে স্টাইলিংয়ে কোন হেড স্টার্ট দেয় না এবং শিরোনামে কোন ইমেজ দেয় না, যা গ্যাপ অ্যাডন উইজেটগুলি পূরণ করে।
সম্পর্কিত পড়া
