টুলটিপ সহ এলিমেন্টর ইমেজ হটস্পট উইজেট (প্রো)

ইমেজ হটস্পট হল একটি মাস্টার অ্যাডনস প্রো উইজেট যা একটি ছবির উপরে মার্কার পিন করে। একটি মার্কার একটি প্লেইন ডট, একটি ছোট টেক্সট লেবেল, একটি ফন্ট অসাধারন আইকন বা একটি ছোট ছবি হতে পারে এবং প্রতিটি একটি টুলটিপ খোলে যখন একজন দর্শক এটিকে ঘোরান, বা আপনি ক্লিকে ট্রিগার চালু করার পরে এটিকে ট্যাপ করুন৷ এটি শপ-দ্য-লুক ফটো, পণ্য কলআউট, ফ্লোর প্ল্যান, ক্যাম্পাস ম্যাপ এবং লেবেলযুক্ত ডায়াগ্রামের জন্য উপযুক্ত। আপনি যা চান তা যদি একটি বোতাম বা শিরোনামে একটি হোভার ইঙ্গিত হয়, টুলটিপ উইজেট (কোন মাস্টার অ্যাডঅন প্রো প্রয়োজন নেই) বা টুলটিপস এক্সটেনশন (প্রো) কাছাকাছি ফিট হয়।

এলিমেন্টরে কীভাবে একটি ইমেজ হটস্পট যোগ করবেন

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

"হটস্পট" এর জন্য প্যানেল অনুসন্ধান করুন এবং দুটি ফলাফল ফিরে আসবে। একটি ব্যাজযুক্ত MA হল এই উইজেট। এটির পাশে প্যাডলক করা একটি হল Elementor এর নিজস্ব হটস্পট, যার একটি Elementor Pro লাইসেন্স প্রয়োজন, তাই আপনি তৈরি করার আগে আপনি ইতিমধ্যে কোনটির মালিক তা পরীক্ষা করা মূল্যবান৷।

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

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

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

এলিমেন্টর উইজেট প্যানেল হটস্পট অনুসন্ধান করছে, এলিমেন্টর প্রো-এর লক করা হটস্পট উইজেটের পাশে মাস্টার অ্যাডনস ইমেজ হটস্পট উইজেট দেখাচ্ছে, একটি পারফিউম ফ্ল্যাট লে-তে টেক্সট লেবেল মার্কার সহ

এক নজরে ইমেজ হটস্পট

উইজেট কি করে, মাস্টার অ্যাডনস প্রো কোড থেকে পড়ুন।

আইটেমইমেজ হটস্পট উইজেট
মার্কার প্রকারকোনটিই নয়, পাঠ্য, আইকন বা চিত্র
প্রতি ইমেজ চিহ্নিতকারীআপনি হটস্পট তালিকায় যতগুলি যোগ করবেন
পজিশনিংচিত্রের শতাংশে অনুভূমিক এবং উল্লম্ব স্লাইডার, প্রতিটি পর্দার আকারের জন্য একটি অবস্থান, কোন টেনে আনা নেই
প্রতি-মার্কার সেটিংসলিঙ্ক, টুলটিপ টেক্সট, টুলটিপ সাইড, ডিফল্ট এবং হোভার রং, অস্বচ্ছতা
টুলটিপ সামগ্রীপ্লেইন টেক্সট (রেন্ডারে HTML সরানো হয়)
টুলটিপ পাশউপরে, নীচে, বাম বা ডান
টুলটিপ অ্যানিমেশনশিফট-অ্যাওয়ে, শিফট-টুওয়ার্ড, ফেইড, স্কেল, দৃষ্টিকোণ
ট্রিগারহোভার করুন, অথবা ক্লিকে ট্রিগার দিয়ে ক্লিক করুন
তীর, অফসেট এবং দূরত্বহ্যাঁ
পালস প্রভাবডিফল্টরূপে চালু, একটি সুইচ উইজেটের জন্য এটি বন্ধ করে দেয়
মার্কার লিঙ্কহোভারে টুলটিপ খোলা হলে অনুসরণ করা হয়
শৈলীমার্কার আকার, প্যাডিং, ব্যাসার্ধ, ডিফল্ট এবং হোভার রং; টুলটিপ প্যাডিং, ব্যাসার্ধ, রং, তীরের রঙ, টাইপোগ্রাফি
চাহিদাএলিমেন্টর এবং মাস্টার অ্যাডঅন প্রো

এলিমেন্টরে একটি ইন্টারেক্টিভ ইমেজ তৈরি করুন

একটি ইন্টারেক্টিভ ইমেজ হল এমন একটি ছবি যা কোনো দর্শক যখন এটিকে নির্দেশ করে তখন প্রশ্নের উত্তর দেয়। এলিমেন্টরে আপনি তিনটি ধাপে ইমেজ হটস্পট দিয়ে একটি তৈরি করেন।

  1. একটি পাত্রে ইমেজ হটস্পট ড্রপ করুন এবং ছবির অধীনে ছবি বাছাই করুন।
  2. হটস্পটে প্রতি স্পট একটি আইটেম যোগ করুন। মার্কার হিসাবে পাঠ্য, আইকন বা চিত্র চয়ন করুন, একটি এক-লাইন টুলটিপ টাইপ করুন এবং শতাংশে অনুভূমিক এবং উল্লম্ব অবস্থান সেট করুন।
  3. টুলটিপস খুলুন, সাইড এবং অ্যানিমেশন বাছাই করুন এবং বেশিরভাগ দর্শক ফোনে থাকলে ক্লিক অন ট্রিগার চালু করুন।

স্ক্রিনশট সহ সম্পূর্ণ ওয়াকথ্রু জন্য, পড়ুন এলিমেন্টরে ইমেজ হটস্পট কিভাবে যোগ করবেন.

একটি অফিস ফটোতে চারটি সংখ্যাযুক্ত হটস্পট মার্কার সহ এলিমেন্টর ইন্টারেক্টিভ ইমেজ, মিটিং টেবিলের নামকরণের জন্য একটি টুলটিপ খোলা

মিটিং টেবিলের টুলটিপ খোলা সহ একটি অফিসের ফটোতে চারটি সংখ্যাযুক্ত মার্কার।

একটি সাধারণ চিত্র মানচিত্র হিসাবে ইমেজ হটস্পট ব্যবহার করুন

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

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

টাইপ, টেক্সট, লিঙ্ক এবং টুলটিপ কন্টেন্ট কন্ট্রোল সহ এলিমেন্টর কন্টেন্ট ট্যাবের পাশে একটি পারফিউম ফটোতে মাস্টার অ্যাডনস ইমেজ হটস্পট টেক্সট লেবেল মার্কার

একটি ছবিতে চারটি মার্কার প্রকার

দ্য টাইপ করা একটি মার্কারের বিষয়বস্তু ট্যাবে নিয়ন্ত্রণ আপনাকে চারটি আকার দেয় এবং আপনি একটি একক চিত্রের মধ্যে চারটি মিশ্রিত করতে পারেন।

কোনোটিই নয় একটি খালি রঙিন বিন্দু ছেড়ে। এটি ঘন ডায়াগ্রামের জন্য সবচেয়ে পরিষ্কার বিকল্প যেখানে লেবেল একে অপরের সাথে সংঘর্ষ করবে।

টেক্সট মার্কার ভিতরে একটি ছোট স্ট্রিং প্রিন্ট করে। সংখ্যাগুলি এখানে ভাল কাজ করে, কারণ 01, 02 এবং 03 একটি পণ্যের শট জুড়ে একটি নির্দেশিত সফর হিসাবে পড়া হয় যেখানে লেখার জন্য কোন কিংবদন্তি নেই। দীর্ঘ স্ট্রিংগুলি বিন্দুটিকে একটি বড়িতে পরিণত করে, যা আপনি "কোলোন নং 5" এর মতো কিছুর জন্য চান।

আইকন লাইব্রেরি থেকে যেকোন ফন্ট অসাধারণ আইকন নেয়, তাই একটি পাতা উপাদানের জন্য এবং একটি রেটিং এর জন্য একটি তারকা দাঁড়াতে পারে।

ছবি আপনার মিডিয়া লাইব্রেরি থেকে একটি ছবির জন্য মার্কার অদলবদল করে। পণ্য থাম্বনেইল এবং অবতার সেরা পড়া; ব্যস্ত কিছু মার্কার আকারে মাশ হয়ে যায়।

প্রতিটি চিহ্নিতকারীও একটি গ্রহণ করে লিঙ্ক। যখন টুলটিপগুলি হোভারে খোলে বা আপনি যেখানে টুলটিপগুলি বন্ধ করে দিয়েছেন সেখানে ব্রেকপয়েন্টগুলিতে সেই লিঙ্কটি জ্বলে। ট্রিগার অন ক্লিক চালু থাকাকালীন এটি ফায়ার হয় না, কারণ ট্যাপটি ইতিমধ্যেই নেওয়া হয়েছে৷।

শতাংশ দ্বারা প্রতিটি মার্কার রাখুন

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

শতাংশ হল যা একটি ফোনে মার্কারদের সৎ রাখে। বেস ইমেজ তার কন্টেইনারের সাথে স্কেল করে এবং প্রতিটি মার্কার তার আপেক্ষিক স্থান রাখে, তাই বোতলের ক্যাপে পিন করা একটি লেবেল এখনও বোতলের ক্যাপে 390px চওড়া থাকে, যেখানে একটি পিক্সেল অফসেট বন্ধ হয়ে যেত।

একই ট্যাব প্রতি-মার্কার বহন করে প্রদর্শন করা, যা সেই এক মার্কারের জন্য গ্লোবাল টুলটিপ সাইডকে ওভাররাইড করে। এটি সাহায্য করে যখন একটি মার্কার ডান প্রান্তের কাছে বসে এবং এর টুলটিপ ছবিটি বন্ধ করে দেয়: এটিকে বামে সেট করুন এবং বাকিটি উপরে ছেড়ে দিন।

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

পজিশন ট্যাবের পাশে খোলা টুলটিপ সহ সংখ্যাযুক্ত ইমেজ হটস্পট মার্কারগুলি শতাংশে সেট করা অনুভূমিক এবং উল্লম্ব অবস্থানের স্লাইডারগুলি দেখায়৷
ইমেজ হটস্পট টুলটিপগুলি একটি পণ্যের ফটোতে খোলে, টুলটিপ বিভাগের পাশে অবস্থান, অ্যানিমেশন, তীর, অফসেট, দূরত্ব, ট্রিগার অন ক্লিক এবং নিষ্ক্রিয় করুন

টুলটিপ অবস্থান, অ্যানিমেশন এবং মোবাইল আচরণ

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

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

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

টুলটিপ নিজেই স্টাইল করা সম্পূর্ণ সেট: প্রান্তিককরণ, প্যাডিং, ব্যাসার্ধ, পটভূমি, পাঠ্যের রঙ, সীমানা, তীরের রঙ, টাইপোগ্রাফি এবং বক্স ছায়া। বেস ইমেজ অস্বচ্ছতা, সীমানা, ব্যাসার্ধ, বক্স ছায়া এবং CSS ফিল্টার পায়।

ডিফল্ট এবং হোভারের জন্য স্টাইল মার্কার

মার্কার স্টাইলিং দুটি জায়গায় বসে, যা একবার আপনি বিভক্ত হওয়ার পরে শোনার চেয়ে সহজ।

উইজেট এর শৈলী ট্যাব প্রতিটি মার্কারকে একবারে কভার করে: টেক্সট প্যাডিং, বর্ডার রেডিয়াস, টাইপোগ্রাফি, একটি ট্রানজিশন গ্রুপ এবং তারপর ডিফল্ট এবং হোভার ট্যাবগুলি অস্বচ্ছতা, আকার, রঙ, পটভূমির রঙ, বর্ডার টাইপ এবং বক্স শ্যাডো ধারণ করে। সাইজ হল 0.5 থেকে 2 পর্যন্ত একটি স্কেল গুণক, তাই হোভারকে 1.15 এ সেট করা মার্কারগুলিকে পৃষ্ঠায় অন্য কিছু স্থানান্তর না করে কার্সারের নীচে একটি হালকা লিফট দেয়৷।

একটি একক মার্কারের ভিতরের স্টাইল ট্যাবটি ডিফল্ট এবং হোভারের জন্য সেই মার্কারের রঙ, পটভূমি এবং অস্বচ্ছতাকে ওভাররাইড করে। এভাবেই আপনি বেগুনি রঙের দেয়ালে একটি মার্কার লাল করে দেন, বিক্রি হওয়া আইটেমটিকে চিহ্নিত করতে বা হটস্পটটিকে পতাকাঙ্কিত করতে যা আপনি প্রথমে লক্ষ্য করতে চান।

100 এ বর্ডার ব্যাসার্ধ আপনাকে বৃত্ত এবং বড়ি দেয়। এটিকে 6-এ নামিয়ে দিন এবং টেক্সট মার্কারগুলি বর্গাকার ট্যাগ হয়ে যায়, যা বুদবুদের সারির চেয়ে একটি স্থাপত্য অঙ্কনে ভাল পড়ে।

টেক্সট প্যাডিং, বর্ডার রেডিয়াস এবং অস্বচ্ছতা, আকার এবং রঙের জন্য ডিফল্ট এবং হোভার ট্যাব সহ স্টাইল ট্যাবের পাশে একটি পণ্যের ফটোতে আইকন হটস্পট মার্কার

এলিমেন্টর প্রো হটস্পট বনাম মাস্টার অ্যাডঅন ইমেজ হটস্পট

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

বৈশিষ্ট্যএলিমেন্টর প্রো হটস্পটমাস্টার অ্যাডঅন ইমেজ হটস্পট
দামএলিমেন্টর প্রো প্রয়োজনমাস্টার অ্যাডনস প্রো প্রয়োজন
মার্কার প্রকারকাস্টম আকার সহ লেবেল পাঠ্য এবং একটি আইকনকোনটিই নয়, পাঠ্য, আইকন বা চিত্র
মার্কার অ্যানিমেশনসিকোয়েন্সড অ্যানিমেশন সহ সফট বিট, প্রসারিত বা ওভারলেপালস চালু বা বন্ধ
টুলটিপ সামগ্রীবিন্যাস সহ সমৃদ্ধ পাঠ্যশুধুমাত্র প্লেইন টেক্সট
টুলটিপ ট্রিগারহোভার, ক্লিক বা কিছুই নাহোভার, অথবা ক্লিকে ট্রিগার দিয়ে ক্লিক করুন
টুলটিপ অ্যানিমেশনএকটি সময়কাল সেটিং সহ বিবর্ণ এবং স্লাইড শৈলীShift-Away, Shift-Toward, Fade, Scale, Perspective, plus arrow, অফসেট এবং দূরত্ব
পজিশনিংডিভাইস অবস্থান প্রতিঅনুভূমিক এবং উল্লম্ব শতাংশ স্লাইডার, প্রতিটি স্ক্রিনের জন্য একটি অবস্থান, ক্যানভাসে কোনও টেনে আনা হবে না
মার্কার লিঙ্কহটস্পট প্রতি লিঙ্কমার্কার প্রতি লিঙ্ক, হোভারে টুলটিপ খোলার সময় অনুসরণ করা হয়
এলিমেন্টর প্রো প্রয়োজনহ্যাঁনা

এলিমেন্টর প্রো সমৃদ্ধ টুলটিপ টেক্সট এবং মার্কার অ্যানিমেশনে জিতেছে। আপনি যদি ইমেজ মার্কার চান বা ইতিমধ্যেই এলিমেন্টর প্রো ছাড়াই মাস্টার অ্যাডঅন প্রো ব্যবহার করেন তবে মাস্টার অ্যাডঅনগুলি হল বাছাই৷ সম্পর্কিত: টুলটিপ উইজেট, দ টুলটিপস এক্সটেনশন (প্রো), চিত্র তুলনা এবং ইমেজ হোভার প্রভাব.

যেখানে একটি ইমেজ হটস্পট তার স্থান অর্জন করে

শপ-দ্য-লুক ফটোগ্রাফি সুস্পষ্ট এক। একটি একক লাইফস্টাইল শট, পণ্য প্রতি একটি ইমেজ মার্কার, প্রতিটি আইটেমের নামকরণের একটি টুলটিপ এবং এর পণ্য পৃষ্ঠার মাধ্যমে একটি লিঙ্ক। এটি থাম্বনেইলের গ্রিডের চেয়ে ভাল কাজ করে কারণ দর্শকরা তাদের মূল্য দেখার আগে টুকরোগুলিকে একসাথে স্টাইল করা দেখে।

একটি বিশেষ টেবিল ছাড়া চশমা শান্ত ব্যবহার। ক্যামেরা বডি, ঘড়ি এবং যন্ত্রপাতিতে, সংখ্যাযুক্ত মার্কারগুলি আপনার চয়ন করা ক্রমে বস্তুর চারপাশে একটি পাঠককে হেঁটে যায় এবং কাউকে ফটোতে টেবিলের 4 সারি ম্যাপ করতে হবে না।

তারপর ফ্লোর প্ল্যান, ক্যাম্পাস ম্যাপ এবং লেবেলযুক্ত ডায়াগ্রাম রয়েছে। অক্ষম পালস ইফেক্ট সহ বিন্দু, প্রতিটিতে একটি এক-লাইন টুলটিপ, এবং প্রতিটি মার্কারে একটি লিঙ্ক পুরো পৃষ্ঠায় নির্দেশ করে, টুলটিপগুলি হোভারে রেখে দেওয়া হয় যাতে লিঙ্কটি এখনও জ্বলে। পনেরটি পিন সেভাবে পাঠযোগ্য থাকে; পনেরটি স্পন্দন বড়ি না।

সঙ্গে ভাল জোড়া: টুলটিপ উইজেট, দ টুলটিপস এক্সটেনশন (প্রো), ইমেজ হোভার প্রভাব, উন্নত চিত্র এবং চিত্র তুলনা.

ইমেজ হটস্পট উদাহরণ

উইজেট দিয়ে তৈরি চৌদ্দটি লাইভ ডেমো, প্রতিটি ইমেজ হটস্পটের জন্য আলাদা ব্যবহার।

টেমপ্লেট ভিউয়ার
ফেসবুক
টুইটার
হোয়াটসঅ্যাপ
কপি লিঙ্ক
এখন কেন
ইমেজ হটস্পট
ইমেজ হটস্পট
একটি চিত্র হিসাবে হটস্পট
একটি চিত্র হিসাবে হটস্পট
ছবি হটস্পট V1
ছবি হটস্পট V1
ছবি হটস্পট V2
ছবি হটস্পট V2
ছবি হটস্পট V3
ছবি হটস্পট V3
ছবি হটস্পট V4
ছবি হটস্পট V4
চেহারা, সংখ্যাযুক্ত মার্কার কেনাকাটা করুন
চেহারা, সংখ্যাযুক্ত মার্কার কেনাকাটা করুন
ডিশ ব্রেকডাউন, আইকন মার্কার
ডিশ ব্রেকডাউন, আইকন মার্কার
সম্পত্তি সফর, লেবেল ব্যাজ
সম্পত্তি সফর, লেবেল ব্যাজ
অন্ধকারে গাড়ির তালিকার চশমা
অন্ধকারে গাড়ির তালিকার চশমা
ইমেজ মার্কার সঙ্গে সমতল পাড়া
ইমেজ মার্কার সঙ্গে সমতল পাড়া
লিঙ্ক সহ জিম জোন মানচিত্র
লিঙ্ক সহ জিম জোন মানচিত্র
অ্যানাটমি, ছোট আইকন দেখুন
অ্যানাটমি, ছোট আইকন দেখুন
সহকর্মী সফর, প্লেইন ডটস
সহকর্মী সফর, প্লেইন ডটস

ইমেজ হটস্পটের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন

ইমেজ হটস্পট সম্পর্কে ব্যবহারকারীদের সবচেয়ে বেশি জিজ্ঞাসিত প্রশ্নগুলি জানুন এবং এক জায়গায় উত্তরগুলি খুঁজুন৷।
মোবাইল ফোনে কী হবে যেখানে কোনও ঘোরাঘুরি নেই?

ট্রিগার চালু করুন টুলটিপ বিভাগে ক্লিক করুন যাতে দর্শকরা একটি মার্কারকে তার টুলটিপ খুলতে ট্যাপ করে। মার্কারগুলি প্রতিটি স্ক্রিনে একই শতাংশ অবস্থান রাখে, তাই ফোনের প্রস্থে পৃষ্ঠাটির পূর্বরূপ দেখুন এবং যদি তারা ছবিটি ভিড় করে তবে মার্কার আকার কমিয়ে দিন।

হ্যাঁ। হটস্পট টাইপ ইমেজে সেট করুন এবং মিডিয়া লাইব্রেরি থেকে একটি ছবি বাছাই করুন। একটি ছোট, সাধারণ ছবি যেমন একটি পণ্য থাম্বনেইল বা অবতার মার্কার আকারে সবচেয়ে ভাল পড়ে।

না। প্রতিটি মার্কারের অবস্থান ট্যাবে অনুভূমিক অবস্থান এবং উল্লম্ব অবস্থানের স্লাইডার রয়েছে, যা চিত্রের শতাংশে পরিমাপ করা হয়। স্লাইডারটি সরান এবং পূর্বরূপ দেখুন। চিত্রের আকার পরিবর্তন করার সময় শতাংশ মার্কারটিকে একই স্থানে রাখে।

পয়েন্ট লিঙ্কের জন্য, হ্যাঁ: প্রতিটি জায়গায় একটি মার্কার রাখুন এবং এটিকে একটি লিঙ্ক দিন, হোভারে থাকা টুলটিপগুলি সহ। এটি ক্লিকযোগ্য আকার বা এলাকা আঁকে না, তাই ফ্লোর প্ল্যানে রুমের রূপরেখার জন্য ইমেজ ম্যাপ প্রো-এর মতো একটি ইমেজ ম্যাপ প্লাগইন ব্যবহার করুন।

নং এলিমেন্টরের হটস্পট উইজেট এলিমেন্টর প্রো-এর অংশ, এবং ইমেজ হটস্পটের জন্য মাস্টার অ্যাডনস প্রো প্রয়োজন। কিছু অন্যান্য অ্যাডন প্যাক তাদের বিনামূল্যের সংস্করণে একটি হটস্পট উইজেট অন্তর্ভুক্ত করে।

বেস ইমেজ নিজেই প্রতিক্রিয়াশীল?

হ্যাঁ। ইমেজ স্কেল তার কলাম সহ, এবং মার্কার অবস্থান শতাংশে সেট করা হয়, তাই প্রতিটি মার্কার স্ক্রীন আকার জুড়ে ছবির একই অংশে থাকে। ফোনে, ক্লিকে ট্রিগার চালু করুন যাতে একটি ট্যাপ টুলটিপ খোলে।

না। ইমেজ হটস্পট এর অংশ মাস্টার অ্যাডনস প্রো. প্রো ছাড়া আপনি ব্যবহার করতে পারেন টুলটিপ উইজেট, যা একটি একক উপাদানে একটি হোভার ইঙ্গিত যোগ করে কিন্তু একটি ছবিতে মার্কার পিন করে না। Elementor Pro ব্যবহারকারীরাও Elementor এর নিজস্ব হটস্পট উইজেট ব্যবহার করতে পারেন।

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

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

ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন

কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।

এলিমেন্টরের জন্য মাস্টার অ্যাডনস গ্লাসমরফিজম এক্সটেনশন: ব্লার ভ্যালু কন্ট্রোল সহ ফ্রস্টেড গ্লাস কার্ড 20px এ সেট করা হয়েছে

গ্লাসমরফিজম

হোম ফ্রি এলিমেন্টর গ্লাসমরফিজম এক্সটেনশন: ফ্রস্টেড গ্লাস ইফেক্ট ইন ওয়ান টগল গ্লাসমরফিজম হল ফ্রস্টেড।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডনস কন্টেইনার এক্সট্রা এক্সটেনশন: সর্বোচ্চ প্রস্থ, সর্বোচ্চ উচ্চতা, ন্যূনতম প্রস্থ এবং সর্বনিম্ন উচ্চতা নিয়ন্ত্রণ সহ 1400px সর্বোচ্চ প্রস্থে কন্টেইনার ক্যাপ করা হয়েছে

ধারক অতিরিক্ত

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

নিদর্শন

হোম 70+ ফ্রি এলিমেন্টর ব্যাকগ্রাউন্ড প্যাটার্ন প্যাটার্নস হল একটি ফ্রি মাস্টার অ্যাডঅন এক্সটেনশন যা যোগ করে।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট

পোস্ট/পেজ ডুপ্লিকেটর

হোম ডুপ্লিকেট এলিমেন্টর পেজ এবং পোস্ট এক ক্লিকে পোস্ট/পেজ ডুপ্লিকেটর একটি ফ্রি মাস্টার।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডনস রিডিং প্রোগ্রেস বার এক্সটেনশন: নীল বার 42% একটি গোপনীয়তা নীতি পৃষ্ঠার শীর্ষে পূর্ণ, সক্ষম, অবস্থান, উচ্চতা এবং রঙ সেটিংস পূরণ করুন

রিডিং প্রোগ্রেস বার

হোম ওয়ার্ডপ্রেসে একটি রিডিং প্রোগ্রেস বার যোগ করুন (এলিমেন্টর) রিডিং প্রোগ্রেস বার একটি বিনামূল্যে।।।
বিস্তারিত দেখুন