এলিমেন্টর টুলটিপ উইজেট - যে কোন জায়গায় হোভার ইঙ্গিত যোগ করুন
টুলটিপ উপাদান একটি স্বতন্ত্র এলিমেন্টর উইজেট। এটিকে একটি ফর্ম ক্ষেত্রের পাশে, একটি মূল্য নির্ধারণের টেবিলের ভিতরে বা একটি বিভ্রান্তিকর শব্দের পাশে টেনে আনুন এবং এটি তার নিজস্ব ট্রিগার প্লাস টুলটিপ বুদবুদ রেন্ডার করে। আপনি যদি পৃষ্ঠায় ইতিমধ্যে বিদ্যমান একটি বোতাম, আইকন বা বিভাগে একটি টুলটিপ সংযুক্ত করতে চান তবে ব্যবহার করুন টুলটিপস এক্সটেনশন পরিবর্তে।
আপনি এটা দিয়ে কি করতে পারেন?
বসানো নিয়ন্ত্রণ
টুলটিপ টেক্সট লিখুন, তারপর বুদবুদটি কোথায় প্রদর্শিত হবে তা চয়ন করুন: উপরে, নীচে, বাম, ডান, প্লাস শুরু এবং শেষ রূপগুলি। X এবং Y পিক্সেল অফসেটগুলির সাথে সূক্ষ্ম-টিউন করুন যাতে বুদবুদটি যে জিনিসটি ব্যাখ্যা করে তা কখনই কভার করে না।
- যেখানে প্রশ্ন আসে ঠিক সেখানে ফর্ম ক্ষেত্র, দাম বা জার্গন ব্যাখ্যা করুন।
- অফসেট দিয়ে বুদবুদ পিন করুন যাতে এটি মেনু, স্টিকি হেডার এবং কাছাকাছি বোতামগুলি পরিষ্কার করে।
- সংক্ষিপ্ত প্রাসঙ্গিক ইঙ্গিত সহ বহু-পদক্ষেপ ফর্মের মাধ্যমে ব্যবহারকারীদের গাইড করুন।
স্টাইলিং: স্বাভাবিক এবং হোভার অবস্থা
ট্রিগার এবং বুদবুদ আলাদাভাবে ডিজাইন করুন। ব্যাকগ্রাউন্ড, টেক্সট কালার, টাইপোগ্রাফি, প্যাডিং, বর্ডার ব্যাসার্ধ, সীমানা এবং বক্স শ্যাডো সেট করুন। প্রতিটি সম্পত্তির স্বাভাবিক এবং হোভার অবস্থার জন্য স্বাধীন নিয়ন্ত্রণ রয়েছে।
- ধূসর ব্রাউজার ডিফল্টের সাথে বসবাসের পরিবর্তে ব্র্যান্ডের রঙগুলিকে হুবহু মেলে।
- প্রসঙ্গের উপর নির্ভর করে ইঙ্গিতগুলিকে সূক্ষ্ম (ভূতের রূপরেখা) বা জোরে (ছায়া সহ কঠিন বড়ি) করুন।
- স্টাইল হোভার ফিডব্যাক যাতে ব্যবহারকারীরা জানেন যে উপাদানটি ইন্টারেক্টিভ।
ট্রিগার এবং অ্যানিমেশন
দ্রুত ইঙ্গিতের জন্য হোভারে ট্রিগার করুন বা ক্রমাগত নোটের জন্য ক্লিক করুন, যা টাচ স্ক্রিনে আরও ভাল কাজ করে। প্রবেশদ্বার অ্যানিমেশন যোগ করুন, সময়কাল নিয়ন্ত্রণ করুন এবং বিলম্ব লুকান যাতে টুলটিপগুলি ঝাঁকুনির পরিবর্তে মসৃণ বোধ করে।
- ডেস্কটপ মাইক্রোকপির জন্য হোভার; মোবাইল-বান্ধব ক্রমাগত ইঙ্গিতের জন্য ক্লিক করুন।
- একটি সূক্ষ্ম বিবর্ণ বা স্কেল প্রবেশদ্বার ব্যবহারকারীকে বিরক্ত না করে চোখ টানে।
- লুকান-বিলম্ব যখন কার্সারটি অতীতে ব্রাশ করে তখন টুলটিপকে ঝিকিমিকি হতে বাধা দেয়।
উপাদান বা এক্সটেনশন: আপনার কোনটি প্রয়োজন?
এই পাতা (টুলটিপ উপাদান): আপনার পৃষ্ঠায় একটি নতুন ইঙ্গিত ড্রপ করা দরকার। এটি তার নিজস্ব ট্রিগার পাঠ্য বা আইকন নিয়ে আসে।
টুলটিপ এক্সটেনশন: আপনার কাছে ইতিমধ্যেই একটি বোতাম, চিত্র বা শিরোনাম রয়েছে এবং অনুসরণ কার্সার মোড সহ এটির সাথে একটি টুলটিপ সংযুক্ত করতে চান৷।
সাধারণ ব্যবহারের ক্ষেত্রে
- ফর্ম: ফর্মটিকে লম্বা না করে ইনপুটের পাশে "পাসওয়ার্ডের জন্য 12+ অক্ষর প্রয়োজন"।
- মূল্য সারণী: "প্রতি আসন" বনাম "প্রতি কর্মক্ষেত্র" ইনলাইন সংজ্ঞায়িত করুন।
- বোতাম: ক্লিক করার পরে কী হবে তা স্পষ্ট করুন (“কোন কার্ডের প্রয়োজন নেই")।
- দল /তালিকা: ভূমিকা, বায়ো স্নিপেট, বা হোভারে যোগাযোগের শর্টকাট।
- অনবোর্ডিং: নতুন বৈশিষ্ট্য বা ড্যাশবোর্ড উইজেটের পাশে সংক্ষিপ্ত নির্দেশাবলী।
এটা কিভাবে যোগ করবেন?
- উইজেট ড্রপ। Elementor-এ, মাস্টার অ্যাডঅনগুলির অধীনে "Tooltip”" অনুসন্ধান করুন এবং ইঙ্গিতটি যেখানে রয়েছে সেখানে টেনে আনুন৷।
- লিখুন এবং রাখুন। টুলটিপ টেক্সট লিখুন, ট্রিগার সেট করুন (হোভার বা ক্লিক করুন), প্লেসমেন্ট এবং অফসেট বাছাই করুন।
- এটা স্টাইল। স্টাইল ট্যাবে, ডিজাইন নরমাল এবং হোভার স্টেটস: রং, টাইপোগ্রাফি, ব্যাসার্ধ, ছায়া। প্রকাশ করা।
টুলটিপের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
টুলটিপ উপাদান কি জন্য?
লেআউট বিশৃঙ্খল না করে সংক্ষিপ্ত, সহায়ক প্রসঙ্গ যোগ করা: ক্ষেত্রের ব্যাখ্যা, শব্দের সংজ্ঞা, বোতামের স্পষ্টীকরণ, ইনলাইন নির্দেশাবলী। অপ্রয়োজনীয় কিছু যা চাওয়া হলে সাহায্য করে।
কিভাবে এটি টুলটিপ এক্সটেনশন থেকে ভিন্ন?
উপাদানটি তার নিজস্ব ট্রিগার সহ একটি স্বতন্ত্র উইজেট। দ্য এক্সটেনশন যেকোনো বিদ্যমান উইজেট, বিভাগ বা পাত্রে একটি টুলটিপ সংযুক্ত করে এবং অনুসরণ কার্সার মোড যোগ করে। একটি নতুন ইঙ্গিত স্পট প্রয়োজন: উপাদান ব্যবহার করুন। পৃষ্ঠায় ইতিমধ্যে থাকা জিনিসগুলিতে টুলটিপ প্রয়োজন: এক্সটেনশন ব্যবহার করুন।
আমি কি আলাদাভাবে স্বাভাবিক এবং হোভার স্টেট স্টাইল করতে পারি?
হ্যাঁ। স্টাইল ট্যাবে ব্যাকগ্রাউন্ড, টেক্সট, সীমানা, ব্যাসার্ধ এবং ছায়ার জন্য স্বাধীন সাধারণ এবং হোভার নিয়ন্ত্রণ রয়েছে।
বুদবুদ কোথায় প্রদর্শিত হবে তা আমি কীভাবে নিয়ন্ত্রণ করব?
প্লেসমেন্ট প্রিসেট ব্যবহার করুন (উপরে, নীচে, বাম, ডান, প্লাস শুরু এবং শেষ ভেরিয়েন্ট), তারপর পিক্সেলে X এবং Y অফসেট দিয়ে নাজ করুন।
হোভার বা ক্লিক করুন: আমার কোন ট্রিগার ব্যবহার করা উচিত?
দ্রুত ডেস্কটপ ইঙ্গিত জন্য হোভার; টাচ স্ক্রিনে কাজ করতে হবে এমন যেকোনো কিছুর জন্য ক্লিক করুন, যেহেতু মোবাইলে হোভার নেই।
এটা কি আমার সাইটের গতি কমিয়ে দেবে?
না। পৃষ্ঠায় উপস্থিত থাকলে এটি শুধুমাত্র নিজস্ব ছোট CSS এবং JS লোড করে। প্রতি পৃষ্ঠায় মুষ্টিমেয় টুলটিপগুলির কোনও লক্ষণীয় প্রভাব নেই।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
