ওয়ার্ডপ্রেস

MapSVG প্লাগইন: ওয়ার্ডপ্রেসে ইন্টারেক্টিভ ম্যাপ

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

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

ওয়ার্ডপ্রেসের জন্য MapSVG ইন্টারেক্টিভ মানচিত্র

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

100+ প্রস্তুত মানচিত্র

আপনাকে গ্রাউন্ডে দৌড়াতে সাহায্য করতে, MapSVG 100 টিরও বেশি জিও-ক্যালিব্রেটেড মানচিত্রের সাথে আসে। একটি বিশ্ব মানচিত্র আছে, এবং এটি ইতিমধ্যেই ক্লিকযোগ্য অঞ্চলে (দেশ) বিভক্ত। তারপরে আপনার কাছে সংশ্লিষ্ট রাজ্য/প্রদেশগুলির সাথে দেশের মানচিত্র রয়েছে। এছাড়াও আপনি কয়েকটি বিশেষ মানচিত্র পাবেন।

এবং যেহেতু বেশিরভাগ মানচিত্র ক্যালিব্রেট করা হয়, আপনি একটি ঠিকানা বা স্থানাঙ্ক ব্যবহার করে মানচিত্রে চিহ্নিতকারী যোগ করতে পারেন। তার উপরে, আপনি আপনার নিজস্ব SVG মানচিত্র তৈরি করতে পারেন এবং সেগুলি MapSVG-এ আপলোড করতে পারেন৷

আপনাকে যা করতে হবে তা হল যেকোন ভেক্টর এডিটিং সফ্টওয়্যার যেমন Inkscape বা Adobe Illustrator ব্যবহার করে একটি SVG ইমেজ তৈরি করুন, জঘন্য জিনিস আপলোড করুন এবং কাস্টমাইজ করুন।

আপনি কি জানেন এর মানে কি? এর অর্থ হল আপনি ইন্টারেক্টিভ ডায়াগ্রাম ডিজাইন করতে পারেন এবং পরিসংখ্যান কল্পনা করতে পারেন (এবং সাধারণত ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে পারেন) পিছনের দিকে বাঁক না করে।

ডাটাবেস অবজেক্টস

MapSVG আপনাকে অবজেক্ট তৈরি করতে এবং আপনার মানচিত্রের নির্দিষ্ট এলাকায় যোগ করতে দেয়। এটি আপনাকে তথ্য দিয়ে আপনার মানচিত্রকে সমৃদ্ধ করতে দেয় যা আপনার ওয়েব দর্শকদের একটি নিমগ্ন অভিজ্ঞতা প্রদান করে।

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

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

ফিল্টারযোগ্য এবং অনুসন্ধানযোগ্য ডিরেক্টরি

যেন ডাটাবেস অবজেক্ট যোগ করা যথেষ্ট নয়, MapSVG আপনাকে একটি ডিরেক্টরি তৈরি করতে এবং আপনার মানচিত্রের পাশে প্রদর্শন করতে দেয়। আমাদের রিয়েল এস্টেট সাদৃশ্য অনুসারে, আপনি একটি নির্দিষ্ট রাজ্যে উপলব্ধ সমস্ত সম্পত্তি (বা এজেন্ট) দেখাতে চাইতে পারেন। MapSVG এটিকে অনেক বেশি সম্ভব করে তোলে।

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

Google Maps উন্নত করুন

আমি কি উল্লেখ করেছি যে আপনি Google মানচিত্রের সাথে MapSVG সংহত করতে পারেন? হ্যাঁ, আপনি করতে পারেন এবং আপনার শুধু একটি Google API কী দরকার৷ সাধারণত, আপনি Google মানচিত্রকে ব্যাপকভাবে কাস্টমাইজ করতে পারবেন না, যা কিছু পরিস্থিতিতে সীমাবদ্ধ বা হতে পারে। MapSVG আপনাকে এই চ্যালেঞ্জ কাটিয়ে উঠতে সক্ষম করে।

কিভাবে? আপনি যেকোনো ধরনের Google Map (ভূমি, উপগ্রহ, রাস্তা বা হাইব্রিড) এর উপরে ভেক্টর মানচিত্র লেয়ার করতে পারেন। এবং যেহেতু ভেক্টর ইমেজগুলি ইন্টারেক্টিভ, তাই আপনি ড্রপ না হওয়া পর্যন্ত আপনার Google ম্যাপ পরিবর্তন করতে পারবেন। এখানে সুস্পষ্ট শেষ ফলাফল হল আপনি আরো ব্যবহারযোগ্যতা প্রদান করতে সক্ষম।

মনে রাখবেন Google মানচিত্রগুলি নিয়ন্ত্রণের একটি সেট সহ আসে৷ MapSVG বৈশিষ্ট্যগুলির সাথে এই নিয়ন্ত্রণগুলিকে সংযুক্ত করুন এবং আপনি সাহিত্যিকভাবে আপনার ব্যবহারকারীদের উত্তেজনায় পাগল করে তুলবেন৷ তারা এমন হবে, "কিভাবে তারা এটা করেছে?" এই বৈশিষ্ট্যটি আপনাকে ল্যান্ডমার্ক হাইলাইট করে এবং যেকোনো কিছুকে ক্লিকযোগ্য করে আপনার Google মানচিত্র উন্নত করতে দেয়।

সিএসএস, জাভাস্ক্রিপ্ট এবং টেমপ্লেট এডিটর

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

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

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

লাইভ প্রিভিউ সহ স্বজ্ঞাত কন্ট্রোল প্যানেল

MapSVG-এর সাথে কাজ করা একটি স্বজ্ঞাত অ্যাডমিন ড্যাশবোর্ডকে ধন্যবাদ যা মানচিত্র তৈরিকে একটি হাওয়ায় পরিণত করে। MapSVG-এর সাহায্যে মানচিত্র এবং অন্যান্য ইন্টারেক্টিভ চিত্র তৈরি করা শুরু থেকে শেষ পর্যন্ত সহজে মিলিত হয়।

তার উপরে, প্লাগইনটি একটি লাইভ প্রিভিউ বৈশিষ্ট্য সহ আসে যা আপনাকে রিয়েল টাইমে আপনার পরিবর্তনগুলি দেখতে দেয়। এখন আপনাকে ভাবতে হবে না যে আপনার মানচিত্রগুলি সম্পূর্ণ হলে কেমন দেখাবে। আরও, আপনার মানচিত্রগুলি কেমন দেখাচ্ছে তা দেখতে আপনাকে এদিক-ওদিক (বা একটি পৃষ্ঠা রিফ্রেশ) করতে হবে না। কি মিষ্টি?

ছবি মানচিত্র

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

কিন্তু আপনি কি জানেন যে আপনি PNG এবং JPEG ছবি থেকেও মানচিত্র তৈরি করতে পারেন? এখন আকর্ষণীয় শোনাচ্ছে, তাই না? MapSVG উজ্জ্বল অঙ্কন সরঞ্জামগুলির সাথে আসে যা আপনাকে রাস্টার চিত্রগুলি থেকে ইন্টারেক্টিভ (ক্লিকযোগ্য) মানচিত্র তৈরি করতে দেয়। কিভাবে এই দরকারী? আপনি ইন্টারেক্টিভ হাউস প্ল্যান, ব্লুপ্রিন্ট, রুট, শহরের পরিকল্পনা, বসার চার্ট এবং আরও অনেক কিছু আঁকতে পারেন।

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

কিভাবে MapSVG সেটআপ করবেন এবং একটি মানচিত্র তৈরি করবেন

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

MapSVG পান

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

mapsvg ওয়ার্ডপ্রেস প্লাগইন পর্যালোচনা

পরবর্তী, আঘাত আপলোড বোতাম (1)ফাইল নির্বাচন করুন (2), এবং আঘাত এখনই ইনস্টল করুন (3) নীচে দেখানো হিসাবে বোতাম.

mapsvg পর্যালোচনা

ইনস্টলেশন প্রক্রিয়া সম্পূর্ণ হওয়ার জন্য অপেক্ষা করুন এবং তারপরে ক্লিক করুন প্লাগিন সক্রিয় করুন বোতাম.

mapsvg পর্যালোচনা

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

mapsvg

এখন পর্যন্ত ভাল, আমি মনে করি আপনি সম্মত হবেন প্রক্রিয়াটি সহজ। কন্ট্রোল প্যানেলে, আপনি আগে থেকে তৈরি মানচিত্রগুলির মধ্যে একটি বেছে নিতে পারেন, একটি Google মানচিত্র তৈরি করতে পারেন (প্রথমে একীকরণ প্রয়োজন, যা একটি API কী কপি-পেস্ট করার মতো সহজ), একটি চিত্র মানচিত্র তৈরি করতে, একটি SVG ফাইল আপলোড করতে বা একটি ডাউনলোড করতে পারেন গুগল ম্যাপ সহ SVG ফাইল।

আপনার যদি একটি মানচিত্র তৈরিতে সহায়তার প্রয়োজন হয়, আপনি ক্লিক করে দ্রুত সহায়তা পেতে পারেন৷ টিউটোরিয়াল or সহায়তা নিয়ন্ত্রণ প্যানেলের শীর্ষে লিঙ্কগুলি। চলুন আগে থেকে বিদ্যমান মানচিত্রের একটি বেছে নেওয়া যাক। চীনের সাথে যাবো কারণ আজকাল সব কিছুই সেখানে তৈরি হয় 🙂

এন / বি বিকাশকারী ব্যবহার করার পরামর্শ দেন জিও-ক্যালিব্রেটেড এর পরিবর্তে মানচিত্র ক্রমাঙ্কিত নয় মানচিত্র কারণ…

…জিও-ক্যালিব্রেটেড মানচিত্রগুলি নতুন, অঞ্চলের শিরোনাম রয়েছে এবং আপনি জিও-অর্ডিনেট (অক্ষাংশ/দ্রাঘিমাংশ) দ্বারা চিহ্নিতকারী যোগ করতে পারেন অথবা শুধুমাত্র একটি ঠিকানা প্রবেশ করান যা স্বয়ংক্রিয়ভাবে স্থানাঙ্কে রূপান্তরিত হচ্ছে। - MapSVG টিউটোরিয়াল

থেকে চীন (বা আপনার পছন্দের অন্য কোনো মানচিত্র) বেছে নিন নতুন SVG মানচিত্র ড্রপ-ডাউন মেনু। আপনি যদি স্ক্রোল বার ঘৃণা করেন তবে নির্দ্বিধায় অনুসন্ধান বাক্সটি ব্যবহার করুন৷

mapsvg এ নতুন মানচিত্র তৈরি করা

পরবর্তী পর্দায়, পূরণ করুন শিরনাম এবং পরিবর্তন প্রিলোডার পাঠ্য আপনি যদি তাই প্রবণ হন. একই স্ক্রিনে, আপনি আপনার মানচিত্রের আকার সেট করতে পারেন, প্রতিক্রিয়াশীল ডিজাইনকে টগল করতে পারেন (এটি ডিফল্টরূপে চালু থাকে, তাই ডায়ালটি স্পর্শ করবেন না), অন্যান্য জিনিসগুলির মধ্যে টুলটিপ এবং পপওভার চালু করুন৷

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

আসুন কিছু রং পরিবর্তন করি, এবং প্লাগইনের অনুভূতি পাই। নেভিগেট করুন মেনু > রং নিচে দেখানো হয়েছে.

mapsvg ওয়ার্ডপ্রেস প্লাগইনে মানচিত্রের রঙ সম্পাদনা করা

The Olymp Trade প্লার্টফর্মে ৩ টি উপায়ে প্রবেশ করা যায়। প্রথমত রয়েছে ওয়েব ভার্শন যাতে আপনি প্রধান ওয়েবসাইটের মাধ্যমে প্রবেশ করতে পারবেন। দ্বিতয়ত রয়েছে, উইন্ডোজ এবং ম্যাক উভয়ের জন্যেই ডেস্কটপ অ্যাপলিকেশন। এই অ্যাপটিতে রয়েছে অতিরিক্ত কিছু ফিচার যা আপনি ওয়েব ভার্শনে পাবেন না। এরপরে রয়েছে Olymp Trade এর এন্ড্রয়েড এবং অ্যাপল মোবাইল অ্যাপ। রং পর্দা আপনাকে আপনার স্বপ্নের রঙ চয়ন করতে সাহায্য করে। আমি যা বলতে চাচ্ছি তা হল আপনি যে রঙগুলি ব্যবহার করতে চান তার কোনও সীমা নেই। আপনার পছন্দ মতো কিছু না পাওয়া পর্যন্ত কেবল রঙ চয়নকারীর কাজ করুন। আমি ওয়ার্ডপ্রেস কারণ নীল ছায়া গো সঙ্গে যেতে হবে Bae 🙂

আপনার রং চয়ন করুন এবং আঘাত করতে ভুলবেন না Ctrl+S সংরক্ষণ করুন বাটন যেমন আমরা নীচের চিত্রিত করি।

দেখা? আমি আপনাকে বলেছিলাম MapSVG ব্যবহার করা সহজ। কয়েকটা ক্লিকের মাধ্যমে, আমি আমার মানচিত্রের রঙ পরিবর্তন করেছি এবং এটি ভাল লাগছে – ঠিক সেইরকমই একবার, অনেক বছর আগে, যখন আমি Google-এ প্রথম স্থান পেয়েছিলাম। মানচিত্রের অন্য কোনো অংশ সম্পাদনা করা সমান সহজ, এবং আমার কথা প্রমাণ করার জন্য, আমি টুলটিপ যোগ করব কারণ এটি মজাদার হবে।

MapSVG-এ টুলটিপ যোগ করা হচ্ছে

সুতরাং, আপনি কীভাবে টুলটিপ যোগ করবেন যা আপনি আপনার মানচিত্রে একটি অঞ্চলের উপর মাউস মাউস করলে প্রদর্শিত হয়? এটা সহজ, এবং আমি আপনাকে দেখাব কিভাবে এক মুহূর্তের মধ্যে.

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

তা বাদ দিয়ে, টুলটিপ যোগ করার সাথে একটি টেমপ্লেট যোগ করা জড়িত (আমরা আগে উল্লেখ করা টেমপ্লেট সম্পাদকের কথা মনে রাখবেন?)। যে জন্য, নেভিগেট করুন মেনু > টেমপ্লেট এবং তারপর নির্বাচন করুন অঞ্চল টুলটিপ। 

mapsvg ওয়ার্ডপ্রেস প্লাগইনে টুলটিপ যোগ করা হচ্ছে

এরপরে, টেমপ্লেট এডিটরে নিম্নলিখিত কোডটি যোগ করুন এবং চাপুন Ctrl+S সংরক্ষণ করুন উপরে দেখানো হিসাবে বোতাম।

Province: {{title}}

উপরের কোডটি হ্যান্ডেলবার ট্যাগ সহ সাধারণ এইচটিএমএল। আপনি যদি শুধুমাত্র আপনার অঞ্চলের শিরোনাম দেখাতে চান, তাহলে আপনি {{title}} ট্যাগ ব্যবহার করুন৷ আপনি আপনার নিজস্ব কাস্টম ক্ষেত্রগুলিকেও সংজ্ঞায়িত করতে পারেন কারণ আপনি কিছুক্ষণের মধ্যে শিখবেন। তবে প্রথমে, আসুন টুলটিপ বৈশিষ্ট্যটি চালু করি।

নেভিগেট করুন মেনু> সেটিংস এবং চালু সরঞ্জাম টিপস আমরা নীচে চিত্রিত হিসাবে বৈশিষ্ট্য.

mapsvg পর্যালোচনা

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

ডাটাবেস অবজেক্টের মাধ্যমে কাস্টম ক্ষেত্র যোগ করা

MapSVG আপনাকে আপনার মানচিত্রে কাস্টম ক্ষেত্র যোগ করতে দেয়। আমাদের ইতিমধ্যেই {{title}} ক্ষেত্র আছে, কিন্তু আসুন দেখি কিভাবে আমরা আরো কাস্টম ক্ষেত্র যোগ করতে পারি। আপনি সহ কাস্টম ক্ষেত্র একটি পছন্দ আছে টেক্সট, টেক্সটেরিয়া, চেকবক্স, ছবি, এবং তাই আমাদের Nei মঙ্গোল প্রদেশের কিছু ছবি যোগ করা যাক.

যান মেনু > অঞ্চল এবং ক্লিক করুন ক্ষেত্র সম্পাদনা করুন আমরা নীচের ছবিতে হাইলাইট হিসাবে বোতাম.

MapSVG-তে কাস্টম ক্ষেত্র যোগ করা হচ্ছে

পরবর্তী পর্দায়, আঘাত ভাবমূর্তি বোতাম এবং তারপর ক্ষেত্র সংরক্ষণ করুন নীচে প্রদর্শিত বোতাম।

ক্লিক করে আপনার পরিবর্তন সংরক্ষণ করুন Ctrl+S সংরক্ষণ করুন বোতাম সর্বদা আপনার পরিবর্তনগুলি সংরক্ষণ করতে মনে রাখবেন।

পরবর্তী আঘাত তালিকা নীচের ছবিতে প্রদর্শিত বোতাম হিসাবে।

আপনার মানচিত্র স্যুইচ করুন অঞ্চল সম্পাদনা করুন এবং একটি অঞ্চলে ক্লিক করুন (আমরা নেই মঙ্গোল বাছাই করেছি)। আপনি আপনার নতুন কাস্টম ক্ষেত্র দেখতে হবে (চিত্র) ডানদিকে. আঘাত ব্রাউজ করুন বোতাম নীচের চিত্র দেখুন.

পরবর্তী স্ক্রিনে, আপনার ছবি যোগ করুন এবং চাপুন ছবি নির্বাচন করুন বোতাম.

আপনাকে আবার তে পুনঃনির্দেশিত করা হবে৷ অঞ্চল সম্পাদনা করুন স্ক্রীন যেখানে আপনাকে ক্লিক করতে হবে ঠিক আছে (1) বোতাম পরবর্তী, ক্লিক করুন Ctrl+S সংরক্ষণ করুন (2) বোতাম এবং তারপরে ফিরে যান পূর্বরূপ (3) মোড নীচে দেখানো হিসাবে।

আপনি যদি এই মুহুর্তে Nei মঙ্গোলের উপর মাউস করার চেষ্টা করেন, ছবিগুলি টুলটিপে প্রদর্শিত হবে না। কেন? ঠিক আছে, আমরা ইমেজগুলির জন্য একটি টেমপ্লেট তৈরি করিনি। এর ঠিক এই মিনিটে এটা করা যাক.

নেভিগেট করুন মেনু > টেমপ্লেট > অঞ্চল টুলটিপ এবং এতে কোড পরিবর্তন করুন:

Province: {{title}}
First image:


All images:
{{#each images}} {{/each}}

আরও দৃষ্টান্তের জন্য এখানে একটি চিত্র। আঘাত মনে রাখবেন সংরক্ষণ করুন বোতাম.

এখন, আপনার নির্বাচিত অঞ্চলে মাউস করার চেষ্টা করুন (আমাদের ক্ষেত্রে নে মঙ্গোল)। আপনি কি দেখতে আমাকে বলুন। এই কি আমার পর্দায় আছে.

বেশ ঝরঝরে, তাই না? আপনি এইমাত্র শিখেছেন কিভাবে আপনার MapSVG মানচিত্রে কাস্টম ক্ষেত্র যোগ করতে হয়। পপোভার এবং মার্কার যোগ করাও পাইয়ের মতোই সহজ। উপরন্তু, যতক্ষণ আপনি এই মৌলিক বিষয়গুলি জানেন, আপনি সূর্যের নীচে যে কোনও ইন্টারেক্টিভ মানচিত্র/ডায়াগ্রাম তৈরি করতে পারেন।

MapSVG-এর সাথে কাজ করা হল চতুর্থ গ্রেডের ছাত্রদের বিষয়, বিশেষ করে যেহেতু রোমান স্টেপানোভ টিউটোরিয়ালের মাধ্যমে দুর্দান্ত সহায়তা এবং আশ্চর্যজনক দিকনির্দেশনা প্রদান করে। আপনার ওয়ার্ডপ্রেস সাইটে আপনার মানচিত্র প্রদর্শন করতে, আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং নেভিগেট করুন৷ পৃষ্ঠাগুলি > নতুন যোগ করুন।

পরবর্তী, আঘাত ম্যাপএসভিজি উপরে দেখানো হিসাবে বোতাম এবং আপনার মানচিত্র চয়ন করুন. এই শর্টকোড যোগ করে [mapsvg id="17″ title="China"] আপনার ওয়ার্ডপ্রেস পৃষ্ঠায়। যেকোনো উপায়ে, শর্টকোড ব্যবহার করে আপনার সাইটে যে কোনো জায়গায় মানচিত্র যোগ করতে দ্বিধা বোধ করুন। চিন্তা করবেন না, আপনি MapSVG এর সাথে যে মানচিত্রগুলি তৈরি করেন তা 100% প্রতিক্রিয়াশীল যার অর্থ তারা একাধিক ডিভাইসে দুর্দান্ত দেখাবে৷

এরপরে, প্রকাশে ক্লিক করুন এবং ফ্রন্টএন্ডে ফলাফল দেখুন।

উপসংহার

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

আপনি একটি প্রশ্ন বা পরামর্শ আছে? অনুগ্রহ করে নীচের মন্তব্য বিভাগের মাধ্যমে যোগাযোগ করতে দ্বিধা করবেন না। চিয়ার্স!

সম্পরকিত প্রবন্ধ

답글 남기기

이메일 주소는 공개되지 않습니다.

শীর্ষ বোতামে ফিরে যান