কীভাবে ওয়ার্ডপ্রেসে পোস্ট ট্যাগ দ্বারা পপআপ তৈরি এবং প্রদর্শন করবেন

আপনি কি ওয়ার্ডপ্রেসে পোস্ট ট্যাগ প্রতি একটি পপআপ তৈরি এবং প্রদর্শন করতে চান? তাই এই নিবন্ধটি পড়তে থাকুন।

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

ওয়ার্ডপ্রেসে, পপআপ তৈরির জন্য অনেক প্লাগইন রয়েছে, যেমন Elementor Pro, JetPopup, Brizy Pro এবং আরও অনেক কিছু।

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

বিষয়বস্তু টেবিল

পপআপ তৈরি করতে কিছু ওয়ার্ডপ্রেস প্লাগইন

এলিমেন্টোর প্রো

Elementor প্রো হল শত শত প্রিমিয়াম বৈশিষ্ট্য সহ একটি এলিমেন্টর এক্সটেনশন। এটি আপনাকে শক্তিশালী পেশাদার সরঞ্জাম দেয় যা আপনার কর্মপ্রবাহ এবং নকশাকে ত্বরান্বিত করে। Elementor প্রো আপনাকে আপনার ওয়েবসাইটের লেআউট এবং ডিজাইনের উপর সম্পূর্ণ নিয়ন্ত্রণ দেয়। এই ক্ষেত্রে, আপনি অবাধে আপনার পপআপ নকশা কাস্টমাইজ করতে পারেন.

ব্যবহার এলিমেন্টোর প্রো পোস্ট ট্যাগ দ্বারা একটি পপআপ তৈরি করা খুবই সহজ এবং ব্যবহার করা সহজ। আপনি খুব সুনির্দিষ্ট উপায়ে আপনার পপআপের ডিসপ্লে কন্ডিশনকে সহজেই সংজ্ঞায়িত করতে পারেন।

Crocoblock এর JetPopup এর জন্য একটি এক্সটেনশন Elementor. আপনি এটি একটি স্বতন্ত্র প্লাগইন হিসাবে কিনতে পারেন বা অন্যান্য ক্রোকোব্লক প্লাগইনগুলির সাথে একটি বান্ডিলে এটি কিনতে পারেন৷ একটি পপআপ উইন্ডো তৈরি করতে JetPopup ব্যবহার করার সুবিধা হল এটি অনেকগুলি দুর্দান্ত বৈশিষ্ট্য সহ আসে৷

আপনি পপআপ উইন্ডো ট্রিগার সঙ্গে চারপাশে খেলতে পারেন.
আপনি পপআপ উইন্ডোর জন্য অ্যানিমেশন তৈরি করতে পারেন।
বিপুল সংখ্যক পপআপ টেমপ্লেট উপলব্ধ।

আরও পড়ুন: এলিমেন্টরের জন্য 22 সেরা প্রিমিয়াম অ্যাডঅন

ব্রিজি প্রো

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

ক্লিকে ওপেনিং: আপনার পপআপ শুধুমাত্র আপনার পৃষ্ঠার উপাদানগুলিতে ক্লিক করে ট্রিগার করা যেতে পারে।
স্বয়ংক্রিয় ট্রিগার এবং শর্তাবলী: আপনি ভিজিটর অ্যাকশন কনফিগার করতে পারেন যা নির্ধারণ করবে কখন পপআপ প্রদর্শিত হবে।

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

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

এরপরে, আপনার পপআপের নাম যোগ করুন এবং বোতামে ক্লিক করুন একটি মডেল তৈরি করুন।

আপনাকে টেমপ্লেট লাইব্রেরিতে পরিচালিত করা হবে, আপনি লাইব্রেরি উইন্ডো থেকে একটি টেমপ্লেট চয়ন করতে পারেন বা আপনার নিজস্ব পপআপ টেমপ্লেট ডিজাইন করতে পারেন৷ লাইব্রেরি থেকে একটি টেমপ্লেট ব্যবহার করতে, শুধু বোতামটি ক্লিক করুন৷ ঢোকান.

কিন্তু এই টিউটোরিয়ালে, আমরা স্ক্র্যাচ থেকে পপআপ টেমপ্লেট তৈরি করতে যাচ্ছি। আইকনে ক্লিক করুন X টেমপ্লেট লাইব্রেরি বন্ধ করতে।

আমরা একটি পপআপ টেমপ্লেট তৈরি করা শুরু করার আগে আমাদের পপআপ সেটিংসে কিছু সমন্বয় করতে হবে। আপনি আপনার সাইটের জন্য সেরা সেটিংস খুঁজে পেতে পারেন. এই টিউটোরিয়ালে, আমরা আপনাকে আপনার পছন্দের পপআপ সেটিংস দেখাব।

নীচের বাম কোণে গিয়ার আইকনে ক্লিক করুন। পপআপ সেটিংসে, পরিবর্তন করুন প্রস্থ দৃশ্যের প্রস্থের 90% মধ্যে (VW) এবং অবস্থান en কেন্দ্র-নিচ.

পরবর্তী, আপনার পপআপ টেমপ্লেট ডিজাইন করুন। একটি নতুন বিভাগ যোগ করুন এবং 5 কলাম কাঠামো নির্বাচন করুন। বিভাগ সেটিংসে, সেট করুন প্রস্থ 950 এ। আপনি আপনার সেটিংস দিয়ে খেলতে পারেন।

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

এখন আপনার কলামে ফিরে যান। বাম কলামে, প্রস্থ 33% এবং অন্য চারটির জন্য 16% সেট করুন।

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

ডানদিকে, আমরা একটি চিত্র উইজেট যোগ করব। আপনি পোস্টের থাম্বনেইল/বৈশিষ্ট্যযুক্ত ছবি থেকে ছবি যোগ করতে পারেন বা ম্যানুয়ালি আপলোড করতে পারেন।

এখন কাঠামো প্রস্তুত। ফিরে যান পপআপ সেটিংস এন্ট্রি, প্রস্থান, এবং মার্জিন অ্যানিমেশন কাস্টমাইজ করতে। এই টিউটোরিয়ালে, আমরা ইনপুট সেট করেছি বিবর্ণ এবং আউটপুট চালু বিরক্ত. তারপর ট্যাবে যান অগ্রসর এবং মার্জিন 30 এ সেট করুন (লিংকের জন্য সাধারণ মান)।

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

আপনি পোস্ট ট্যাগ দ্বারা পপআপ প্রদর্শন করতে চান, আপনি নিম্নলিখিত প্রদর্শন শর্ত সেট করতে পারেন (এনিমেশন দেখুন)।

Next ক্লিক করুন। ট্যাবে ট্রিগার, ট্রিগার সেট করুন স্ক্রলে সুইচ উল্টানো হাঁ. সংজ্ঞায়িত করুন অভিমুখ sur bas এবং লা প্রস্থ 95% এর বেশি। কারণ আমরা চাই দর্শকরা যখন আমাদের নিবন্ধের শেষে পৌঁছাবে তখন পপআপ দেখা যাক।

এই টিউটোরিয়ালে, আমরা সংজ্ঞায়িত করতে যাচ্ছি না উন্নত নিয়ম. তাই ক্লিক করুন সংরক্ষণ করেন এবং বন্ধ করেন. ওয়েল, এখন আমরা সম্পন্ন.

দেখা যাক কেমন লাগে।

এখানে আপনি সবেমাত্র আপনার পপআপ শেষ করেছেন। আমাদের সম্পর্কিত নিবন্ধগুলিও দেখুন:

Elementor Pro ডাউনলোড করুন

এই নিবন্ধটি শেয়ার করুন:

মিখোস গার্টনার

Mikhos Gartner হলেন একজন ডিজিটাল টুল বিশেষজ্ঞ যিনি ছোট ব্যবসার জন্য SAAS টুল ক্রয় করেন, পরীক্ষা করেন এবং পর্যালোচনা করেন। প্রযুক্তি ক্ষেত্রে বছরের অভিজ্ঞতার উপর অঙ্কন করে, তিনি অন্তর্দৃষ্টিপূর্ণ পর্যালোচনা প্রদান করেন। এর বিষয়বস্তু ব্যাপকভাবে ব্যবহার করা হয়, প্রতি মাসে লক্ষ লক্ষ ব্যবহারকারীকে পরিবেশন করে।