আপনি কি কখনও ভাবছেন কিভাবে আপনি আপনার ছবিগুলিকে আরও বর্ণনামূলক এবং ইন্টারঅ্যাক্টিভ করতে পারেন
ইমেজ হটস্পট প্লাগইনগুলি আপনাকে অ্যানিমেটেড টুলটিপ এবং আরও অনেক কিছু সহ আপনার ছবির অবস্থান, বিবরণ, বা যেকোনো ধরনের বিষয়বস্তু হাইলাইট করতে সাহায্য করে। আপনি শুধু শুরু করার জন্য নিখুঁত সমাধান পেতে হবে. ’ চিন্তা করবেন না!
আপনার গ্রাহকদের চোখে আপনার ভিজ্যুয়ালকে আরও আকর্ষণীয় করে তুলতে ইমেজ হটস্পট অপরিহার্য। এটি প্রতিটি চিত্রের উদ্দেশ্য, মূল্য, ইতিহাস বা যেকোনো ধারণা নির্ধারণ করতে সাহায্য করে যা আপনি একটি ইমেজ হটস্পট ব্যবহার করে ইন্টারেক্টিভভাবে আপনার ক্লায়েন্টদের সাথে শেয়ার করতে পারেন।
এখানে এই ব্লগে, আপনি গুটেনবার্গ, WPBakery & Elementor-এর জন্য সেরা কিছু ওয়ার্ডপ্রেস ইমেজ হটস্পট প্লাগইন জানতে পারবেন। ’ শুরু করা যাক।
1. লাইটবক্স সহ ইমেজ ম্যাপ হটস্পট
ওয়ার্ডপ্রেসের জন্য ইমেজ ম্যাপ হটস্পট আপনাকে একটি মসৃণ CSS3 রূপান্তর সহ আপনার ছবির টুলটিপ বা টীকা প্রদর্শন করতে সাহায্য করে। ব্যবহারকারী ক্লিক করলে বা মাউস ওভার করলে আপনি পপওভার প্রদর্শন করতে পারেন এবং ব্যাকএন্ডে HotSpot’-এর অবস্থান আপডেট করতে আইকনটি সহজেই টেনে আনতে পারেন। ওয়ার্কিং লাইভ প্রিভিউ ব্যাকএন্ডে পাওয়া যায়, যেমন WYSIWYG (আপনি যা দেখেন তা আপনি পান)।
প্রতিটি হটস্পট আইকন ঐচ্ছিক পালস অ্যানিমেশন সমর্থন করে।
হটস্পট আইকনগুলি সংখ্যায় প্রদর্শিত হতে পারে, সংস্করণ 1.3.3 এর পরে, হটস্পটটি লাইটবক্সকেও সমর্থন করে, আপনি একটি YouTube বা Vimeo লাইটবক্স খুলতে আইকনে ক্লিক করতে পারেন, এছাড়াও চিত্র বা গুগল ম্যাপ লাইটবক্স সমর্থন করে৷
মুখ্য সুবিধা
- ওয়ার্ডপ্রেসের সাথে ইনস্টল এবং সেটআপ করা সহজ
- ব্যাকএন্ডে টেনে আনা আইকন
- প্রতিক্রিয়াশীল
- একই পৃষ্ঠায় একাধিক হটস্পট দৃষ্টান্ত
- CSS3 রূপান্তর সমর্থন
- ঐচ্ছিক স্বয়ংক্রিয় বিলম্ব স্লাইডশো
2. এলিমেন্টরের জন্য টুলটিপ সহ ইমেজ হটস্পট
Elementor Page Builder-এ একটি ইমেজে টুলটিপ সহ একটি হটস্পট আইকন যোগ করতে আপনাকে সাহায্য করুন, হটস্পটটি একটি আইকন, সংখ্যা বা একক বিন্দু হতে পারে।
দ্রষ্টব্য: এই উইজেট বান্ডিলটি এলিমেন্টর পৃষ্ঠা নির্মাতার জন্য।
আপনি Elementor Page Builder WordPress Plugin এর জন্য All In One Widget থেকে এই উইজেটটি পেতে পারেন। It’s অল ইন ওয়ান প্যাকেজ কেনার সুপারিশ করেছে যাতে ভবিষ্যতের আপডেটে অন্যান্য উইজেট/অ্যাডন থাকবে।
আপনি YouTube থেকে স্ক্রিনকাস্ট দেখতে পারেন, এবং সম্পাদনাটি কেমন দেখাচ্ছে।
মুখ্য সুবিধা
- হটস্পট সমর্থন আইকন, নম্বর, বা একক বিন্দু
- টুলটিপ সমৃদ্ধ সামগ্রী সমর্থন করে, যেমন YouTube/Vimeo ভিডিও, চিত্র
- টুলটিপ ক্লিক বা হোভার দ্বারা ট্রিগার করা যেতে পারে
- প্রয়োজন হলেই js এবং CSS সারিবদ্ধ করুন
- অন্তর্নির্মিত আইকন শৈলী এবং কাস্টম রঙ সমর্থন করে
- হটস্পটের জন্য ঐচ্ছিক পালস অ্যানিমেশন সীমানা, ঐচ্ছিক টুলটিপ শৈলী
- টুলটিপ ডিফল্টরূপে প্রদর্শিত হতে সেট করা যেতে পারে।
- সর্বশেষ এলিমেন্টর এবং সর্বশেষ ওয়ার্ডপ্রেসের সাথে সামঞ্জস্যপূর্ণ।
3. টুলটিপ এবং লাইটবক্স সহ WPBakery পেজ বিল্ডার অ্যাড-অন ইমেজ হটস্পট
WPBakery পেজ বিল্ডারের জন্য একটি ছবিতে টুলটিপ এবং লাইটবক্স সহ হটস্পট আইকন যোগ করতে আপনাকে সাহায্য করুন।
দ্রষ্টব্য: আপনি WPBakery পেজ বিল্ডারের জন্য All In One Addons থেকে এই অ্যাডঅনটি পেতে পারেন। It’s অল ইন ওয়ান প্যাকেজ কেনার সুপারিশ করেছে যাতে ভবিষ্যতের আপডেটে অন্যান্য অ্যাডঅনও রয়েছে।
এই প্লাগইনটি হল WPBakery Page Builder- এর জন্য অ্যাডন, এটির জন্য আপনার সাইটে WPBakery পেজ বিল্ডার ইনস্টল এবং সক্রিয় করা প্রয়োজন। আইকনের অবস্থান আপডেট করার জন্য ফ্রন্ট এডিটরকে টেনে আনতে সক্ষম করা প্রয়োজন।
আপনি যদি এলিমেন্টর পেজ বিল্ডারে এই অ্যাডঅনটি ব্যবহার করতে চান: don’t Elementor-এর জন্য All in One উইজেটটি দেখতে ভুলবেন না, যেটিতে টুলটিপ সহ এই ইমেজ হটস্পট অন্তর্ভুক্ত রয়েছে। দ্রুত ভিডিও ডেমো, কিভাবে এই অ্যাড-অন কাজ করে (সংস্করণ 1.2 এর পরে, আপনি ফ্রন্টএন্ড এডিটরে এর অবস্থান আপডেট করতে আইকনটিকে টেনে আনতে পারেন):
মুখ্য সুবিধা
- হটস্পট সাপোর্টলাইটবক্স
- হটস্পট আইকন যেকোনো ধরনের রঙ সমর্থন করে
- ঐচ্ছিক টুলটিপ শৈলী: ছায়া, আলো, নোয়ার, পাঙ্ক
- আপনি WPBakery পেজ বিল্ডার ফ্রন্টেন্ড এডিটরে প্রতিটি হটস্পট আইকন ’ এর অবস্থান সহজেই কাস্টমাইজ করতে পারেন
- প্রতিক্রিয়াশীল এবং রেটিনা প্রস্তুত
- টুলটিপ যেকোন ধরনের সামগ্রীকে সমর্থন করে, যেমন একটি ছবি বা ভিডিও
- ঐচ্ছিক টুলটিপ অ্যানিমেশন: বৃদ্ধি, স্লাইড, বিবর্ণ, পতন
- WPBakery পেজ বিল্ডার প্রসারিত করুন
4. গুটেনস্পট - গুটেনবার্গের জন্য চিত্র গ্যালারি হটস্পট
গুটেনবার্গ ব্লকগুলি ব্যবহার করে আপনার ছবিগুলিকে আরও তথ্যপূর্ণ এবং ইন্টারেক্টিভ করতে কাস্টম হটস্পট তৈরি করুন৷
গুটেনস্পট আপনাকে WooCommerce পণ্য, অ্যামাজন পণ্য, পণ্য বৈশিষ্ট্য, ভিজ্যুয়াল গাইড, চিত্র মানচিত্র, ইন্টারেক্টিভ ইমেজ চার্ট বা গ্রাফ এবং ব্লগ পোস্ট একটি সহজ এবং ইন্টারেক্টিভ উপায়ে প্রদর্শন করতে সহায়তা করে।
উপরন্তু, একটি ক্ষমতা আছে এবং টুলটিপগুলির অবস্থান সংজ্ঞায়িত করে যাতে একে অপরকে ঢেকে না রাখা হয় যদি সেগুলি খুব কাছাকাছি রাখা হয় এবং এটিকে হোভারে, ক্লিকে বা সর্বদা প্রদর্শন করা হয়।
মূল বিষয় হল আপনি গুটেনবার্গ ভিজ্যুয়াল বিল্ডার ব্যবহার করে কোনো কোডিং অভিজ্ঞতা ছাড়াই এটি দৃশ্যমানভাবে সম্পাদনা করতে পারেন।
মুখ্য সুবিধা
- ইনস্টল এবং ব্যবহার করা সুপার সহজ
- আপনার পছন্দ মতো একটি ছবিতে যতগুলি হটস্পট যোগ করুন৷
- প্রতিটি টুলটিপ সামগ্রী আলাদাভাবে কাস্টমাইজ করা যেতে পারে
- টুলটিপ – সাধারণ পাঠ্য, WooCommerce পণ্য, Amazon পণ্য & ব্লগ পোস্টে 4 ধরনের সামগ্রী প্রদর্শন করুন
- হটস্পটগুলি প্রদর্শন করতে আপনি একটি একক চিত্র বা একটি গ্যালারি যোগ করতে পারেন৷
- – বর্গাকার, গোলাকার বা কাস্টম আইকনে 3 ধরনের পিন পাওয়া যায়
- হটপয়েন্ট পরিবর্তন/পরিচালনা করুন বা ছবি মুছুন
- হটপয়েন্টগুলিতে চমৎকার স্পন্দন প্রভাব
5. ওয়ার্ডপ্রেসের জন্য Getwid – Gutenberg ব্লক
Getwid 40+ গুটেনবার্গ ব্লকের সাথে আসে এবং বিশেষ করে এই ওয়ার্ডপ্রেস ইমেজ হটস্পট ব্লকের সাথে। আপনার অভিজ্ঞতাকে আরও ভাল করতে এটি বিনামূল্যে এবং অর্থপ্রদানের উভয় সংস্করণের সাথে আসে। এবং ইমেজ হটস্পট উপাদান ওয়ার্ডপ্রেস গুটেনবার্গ ব্যবহারকারীদের জন্য বিনামূল্যে আসে.
টুলটিপ স্টাইলিংয়ের জন্য, এই ব্লকটি আপনাকে পয়েন্টারগুলির জন্য অসাধারন ফন্ট আইকন ব্যবহার করতে, রঙ এবং আকার কাস্টমাইজ করতে এবং ডিফল্ট টুলটিপ ডিজাইন পরিবর্তন করতে দেয়।
আপনি আপনার টুলটিপগুলির চেহারা এবং ইন্টারঅ্যাক্টিভিটি কাস্টমাইজ করতে পারেন এবং সহজেই সেগুলিকে চিত্র জুড়ে সরাতে পারেন৷
হটস্পট আইকনগুলি ঐচ্ছিকভাবে পালস অ্যানিমেশন প্রয়োগ করে এবং উপস্থিতিতে এবং হোভারে অ্যানিমেশন যোগ করে গতিশীল করা যেতে পারে।
তাই কিছু ক্লিকের মধ্যেই আপনি আপনার ছবিকে তথ্যপূর্ণ এবং ইন্টারেক্টিভ করে তুলতে পারেন।
মুখ্য সুবিধা
- সেকশন ব্লক
- পয়েন্টার জন্য Fontawesome আইকন
- ইমেজ স্লাইডার ব্লক
- টুলটিপের রঙ কাস্টমাইজ করুন
6. প্যানোরামা 360°
iPanorama 360 ভার্চুয়াল ট্যুর বিল্ডার হল ওয়ার্ডপ্রেস প্লাগইন যা আপনাকে উন্নত প্রোগ্রামিং জ্ঞান ছাড়াই আপনার গ্রাহকদের জন্য দুর্দান্ত ভার্চুয়াল ট্যুর তৈরি করতে দেয়। অন্তর্নির্মিত বিল্ডার ব্যবহার করে আপনি সহজেই আপনার প্যানোরামিক ফটোগুলি আপলোড করতে পারেন, হটস্পট যোগ করতে পারেন যা ব্যবহারকারীকে একটি দৃশ্য থেকে অন্য দৃশ্যে নেভিগেট করতে দেয় এবং দৃশ্যের যেকোনো অংশ সম্পর্কে গুরুত্বপূর্ণ তথ্য নির্দেশ করতে পপওভার উইন্ডো যোগ করতে পারে৷ আপনি পাঠ্য, ছবি, ভিডিও এবং অন্যান্য অনলাইন মিডিয়া দিয়ে একটি হটস্পট বা পপওভার উইন্ডোকে সমৃদ্ধ করতে পারেন।
সামগ্রিকভাবে, এটি পর্যটন স্থানগুলিকে (যেমন জাতীয় উদ্যান এবং হোটেল রুম) প্রচার করার জন্য একটি দুর্দান্ত প্লাগইন যা বেশিরভাগ ভ্রমণকারী দেখতে পছন্দ করবে৷
মুখ্য সুবিধা
- সব সর্বশেষ ব্রাউজার সঙ্গে সামঞ্জস্যপূর্ণ
- ভিজ্যুয়াল ট্যুর
- পপওভার সিস্টেম
- Popover দেখান & অ্যানিমেশন লুকান
- চিহ্নিতকারী
- টুলটিপ সিস্টেম
- টুলটিপ দেখান & অ্যানিমেশন লুকান
- দৃশ্য রূপান্তর প্রভাব
7. ওয়ার্ডপ্রেস টুলটিপস আলটিমেট & ইমেজ হটস্পট
এই ইমেজ হটস্পট প্লাগইন আপনাকে আপনার টুলটিপগুলির সম্পূর্ণ কাস্টমাইজেশন অফার করে। এটি আসলে সবচেয়ে বৈচিত্র্যময় এবং বহুমুখী টুলটিপ ওয়ার্ডপ্রেস প্লাগইনগুলির মধ্যে একটি।
এই প্লাগইনের সাহায্যে, আপনি এমনকি হটস্পট যোগ করতে পারেন যা আপনার নিজের ছবিগুলির জন্য আপনি যে টুলটিপ চান তা ট্রিগার করে৷ শুধু আপনার হটস্পট ইমেজ তৈরি করুন এবং আপনার সাইটে শর্টকোড পেস্ট করুন।
স্ট্যান্ডার্ড মডেল টুলটিপ উইন্ডো ছাড়াও, প্লাগইনটি আপনার টুলটিপগুলিতে YouTube বা Vimeo ভিডিও যোগ করার জন্য, আপনার Google মানচিত্রে স্ন্যাজি মানচিত্র শৈলী ব্যবহার করে এবং কাস্টম HTML পাঠ্য যোগ করার জন্য উপযুক্ত।
মুখ্য সুবিধা
- টুলটিপ স্টাইলিং বিকল্প
- টুলটিপ অ্যাঙ্কর বিকল্প
- অ্যানিমেশন বিকল্প
- একাধিক টুলটিপ অবস্থান বিকল্প
- টুলটিপ তীর বিকল্প
- মিথস্ক্রিয়া বিকল্প
- গুগল ফন্ট
- ভিডিও টুলটিপস
8. DevVN দ্বারা চিত্র হটস্পট
আপনার গুটেনবার্গ ব্লকের জন্য DevVN প্লাগইন-এর ওয়ার্ডপ্রেস ইমেজ হটস্পট -এর সাহায্যে, আপনি সহজেই কোনো ঝামেলা ছাড়াই এতে ছবি এবং হটস্পট যোগ করতে পারেন। আপনাকে কোন কোড যোগ করতে হবে না এবং আপনার ছবিগুলিকে আপনার ওয়েবসাইটের দর্শকদের চোখে অত্যাশ্চর্য এবং তথ্যপূর্ণ করতে হবে। এটি একেবারে বিনামূল্যে আসে এবং উন্নত jQuery পাওয়ারটিপ বৈশিষ্ট্য অন্তর্ভুক্ত।
এই প্লাগইনের সুস্পষ্ট সুবিধার মধ্যে আপনি ডিফল্ট টেক্সট এডিটরের মাধ্যমে ফর্ম্যাট করা পাঠ্য যোগ করতে পারেন যা মৌলিক টাইপোগ্রাফি সেটিংস, ছবি, লিঙ্ক ইত্যাদি সমর্থন করে।
9. স্ট্রাম (এলিমেন্টরের জন্য ইমেজ হটস্পট)
এটি স্ট্র্যাটামের একটি এলিমেন্টর ইমেজ হটস্পট উইজেট যা আপনাকে এর আকার, রঙ এবং আইকন সহ সবকিছুর উপর সম্পূর্ণ নিয়ন্ত্রণ দেয়। উপরন্তু, এটি অ্যানিমেশন প্রভাব প্রদর্শন করতে পারে এবং এটি একটি ইন্টারেক্টিভ আইকন প্রদর্শন করতে পারে।
স্ট্র্যাটামের সাহায্যে, আপনি কোনো অতিরিক্ত চার্জ ছাড়াই সাধারণত তৃতীয় পক্ষের এলিমেন্টর এক্সটেনশনে পাওয়া অনেক এলিমেন্টর প্লাগইন বৈশিষ্ট্য অ্যাক্সেস করতে সক্ষম হন।
প্লাগইনটি আপনাকে হটস্পট জুড়ে ব্যবহার করার জন্য আপনার কাস্টম আইকনগুলির একটি লাইব্রেরি সংহত করার অনুমতি দেয়। টুলটিপগুলি ক্লিক এবং হোভারিং এ ট্রিগার করা যেতে পারে।
মুখ্য সুবিধা
- কাস্টম আইকন
- এলিমেন্টর প্লাগইন অ্যাক্সেস করুন
- অ্যানিমেশন প্রভাব
- ইন্টারেক্টিভ আইকন প্রদর্শন করুন
10. ইমেজ হটস্পট – ম্যাপ ইমেজ টীকা
ইমেজ হটস্পট কাস্টমাইজ করার জন্য বেশ কয়েকটি বিকল্প রয়েছে। বিভিন্ন রঙ এবং আকার সহ শত শত আইকন রয়েছে এবং আপনি এই আইকনগুলি কাস্টমাইজ করতে পারেন। বিভিন্ন রঙ সহ উপলব্ধ আইকন ছাড়াও প্রচুর ফন্ট রয়েছে।
ইমেজ ম্যাপ হটস্পট যেকোনো পোস্ট, পৃষ্ঠা, উইজেট, সব সাম্প্রতিক থিম এবং পৃষ্ঠা নির্মাতাকে সমর্থন করে। এটি ওয়ার্ডপ্রেসের সর্বশেষ সংস্করণকেও সমর্থন করে। আপনি কাস্টম CSS সহ সীমাহীন শর্টকোডও পাবেন।
মুখ্য সুবিধা
- পয়েন্টার তিনটি শৈলী পাওয়া যায়
- ইমেজ টীকা উপলব্ধ
- 1600+ বিল্ট-ইন ফন্ট-অসাধারণ আইকন
- পয়েন্টার টেক্সট বিকল্প অন্তর্ভুক্ত
উপসংহার
আপনি যে টুলটিপটি বেছে নেবেন তা নির্ভর করে আপনার ওয়েবসাইটের ধরন বা উপাদান এবং বিষয়বস্তুর প্রকারের উপর, সেটি মানচিত্র, পণ্য বা ঘর হতে পারে। উপরে তালিকাভুক্ত করা আমাদের সেরা দশটি ইমেজ হটস্পট প্লাগইনগুলি আপনাকে বেছে নেওয়ার জন্য বিভিন্ন রকম দেবে।
আপনার পরবর্তী প্রকল্পে আপনি যেটি ব্যবহার করতে চান তা নির্বাচন করা আপনার উপর নির্ভর করে।
