TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

4

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

শীর্ষ বিজ্ঞপ্তি বার উদাহরণ

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

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

জেনারেট প্রেস শীর্ষ বিজ্ঞপ্তির উদাহরণ

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

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

অ্যাস্ট্রা শীর্ষ বিজ্ঞপ্তি

আপনি ইন্টারনেটে এমন শত শত উদাহরণ দেখতে পারেন এবং আপনার ওয়েবসাইটে নিজের তৈরি করা একটি সহজ কাজ।

ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করার বিকল্প

এখানে কিছু অপশন আছে যা আপনি ব্যবহার করতে পারেন।

  • ডেডিকেটেড নোটিফিকেশন বার প্লাগইন
  • বহুমুখী প্লাগইন
  • ওয়ার্ডপ্রেস হুক এপিআই দিয়ে থিম অপশন ব্যবহার করা
  • তৃতীয় পক্ষের এম্বেড ব্যবহার করে
  • আপনার নিজস্ব কাস্টম CSS ব্যবহার করুন

1 ডেডিকেটেড নোটিফিকেশন বার প্লাগইন ব্যবহার করা

আমরা এই বিকল্পটি ব্যবহার করার সুপারিশ করি কারণ এটি ন্যূনতম প্রচেষ্টার সাথে নিয়ন্ত্রণ এবং কাস্টমাইজ করা সহজ। এছাড়াও, আপনি একটি প্রিমিয়াম প্লাগইন খোঁজার পরিবর্তে এই উদ্দেশ্যে অনেক বিনামূল্যে প্লাগইন পেতে পারেন এবং এখানে আমরা সহজ বিজ্ঞপ্তি বার প্লাগইন দিয়ে ব্যাখ্যা করব। প্লাগইনটি আপনার সাইটের বডি সেকশনের উপরে বিজ্ঞপ্তি toোকানোর জন্য wp_body_open hook API ব্যবহার করে। অতএব, এটি যে কোনও থিমের সাথে কাজ করবে যা সর্বশেষ ওয়ার্ডপ্রেস মান ব্যবহার করে। প্রথমে সহজ বিজ্ঞপ্তি বার প্লাগইনটি ইনস্টল এবং সক্রিয় করুন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

সহজ বিজ্ঞপ্তি বার ইনস্টল করুন

এর পরে, "প্লাগিনস> ইনস্টল করা প্লাগিনস" বিভাগে যান। সহজ বিজ্ঞপ্তি বার প্লাগইন এর অধীনে "সেটিংস" লিঙ্কে ক্লিক করুন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

সহজ বিজ্ঞপ্তি বার সেটিংস

প্লাগইন সেটিংস কাস্টমাইজ করা

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

এখানে বিকল্পগুলি রয়েছে, আপনি প্লাগইন দিয়ে কাস্টমাইজ করতে পারেন।

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

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

কাস্টমাইজারে সহজ বিজ্ঞপ্তি বার সেটিংস

  • শুধুমাত্র প্রথম পৃষ্ঠায় অক্ষম করুন – শুধুমাত্র আপনার হোমপেজে বিজ্ঞপ্তি বারটি নিষ্ক্রিয় করতে এটি পরীক্ষা করুন।
  • বার্তা – প্লাগইনটি বাক্সে নমুনা বার্তা পূরণ করবে, এটি মুছে ফেলবে এবং বারে দেখানোর জন্য আপনার কাস্টম বার্তা যুক্ত করবে।
  • পটভূমি / পাঠ্যের রঙ – আপনার বার এবং পাঠ্যের জন্য পটভূমি এবং ফন্টের রঙ প্রয়োগ করুন।
  • টেক্সট সারিবদ্ধ – বারের ভিতরে লেখাটি বাম, ডান বা কেন্দ্রে সারিবদ্ধ করুন।
  • সিস্টেম ফন্ট পরিবার – আপনার বিজ্ঞপ্তি বারে পাঠ্য সামগ্রীর জন্য সিস্টেম ফন্ট লোড করতে এই বিকল্পটি ব্যবহার করুন। অন্যথায়, প্লাগইন বিজ্ঞপ্তি বারের জন্য আপনার থিমের ডিফল্ট সেটিংস ব্যবহার করবে।
  • ফন্ট সাইজ – আপনার বডি সেকশনের তুলনায় আলাদা টেক্সট সাইজ রাখার জন্য ফন্ট সাইজ 18px লিখুন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

বিজ্ঞপ্তি বার কাস্টমাইজ করা

  • বোতাম পাঠ্য এবং লিঙ্ক – আপনার বোতামের জন্য পাঠ্য এবং লিঙ্ক যোগ করুন
  • লিঙ্ক প্যারামিটার – আপনি বোতামটির লিঙ্কটিকে nofollow, স্পনসর করা এবং এটি একটি নতুন উইন্ডোতে খুলতে পারেন।

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

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

প্রকাশিত বিজ্ঞপ্তি বার

বিকল্প বিকল্প – FooBar

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

  • প্লাগইনটি ইনস্টল করার পরে, এটি আপনাকে ডেমো আমদানি করতে দেয় যা আপনি সম্পাদনা এবং পুনরায় ব্যবহার করতে পারেন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

ডেমো বার আমদানি করুন

  • আপনি একটি একক প্লাগইন ব্যবহার করে বিজ্ঞপ্তি, কুকি বিজ্ঞপ্তি এবং কল টু অ্যাকশন তৈরি করতে পারেন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

FooBar এ নতুন বিজ্ঞপ্তি বার তৈরি করুন

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

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

FooBar এর সাথে চেহারা সামঞ্জস্য করুন

2 বহুমুখী প্লাগইন

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

  • আপনার সাইটে WP রিভিউ প্লাগইন এর প্রো সংস্করণ ইনস্টল হয়ে গেলে, একটি পৃষ্ঠা তৈরি করুন বা সম্পাদনা করুন।
  • প্লাগইনটি সম্পাদকের মধ্যে একটি পর্যালোচনা মেটা বক্স যুক্ত করবে এবং "বিজ্ঞপ্তি বার" ট্যাবে ক্লিক করবে।
  • "সক্ষম করুন" এর বিপরীতে "কাস্টম বিকল্পগুলি ব্যবহার করুন" নির্বাচন করুন এবং আপনার বিজ্ঞপ্তি বারের উপস্থিতি কাস্টমাইজ করুন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

বিজ্ঞপ্তি বারের জন্য WP পর্যালোচনা প্রো সেটিংস

3 থিম বিকল্প ব্যবহার করুন

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

  • প্রথমে, আপনি বারের জন্য HTML বিষয়বস্তু প্রস্তুত করুন।
  • "চেহারা> উইজেট" বিভাগে যান এবং "শীর্ষ বার" উইজেট এলাকায় একটি " কাস্টম এইচটিএমএল " উপাদানটির ভিতরে আপনার HTML পেস্ট করুন ।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

টপ বার উইজেটে কাস্টম এইচটিএমএল যোগ করুন

  • আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং "চেহারা> কাস্টমাইজ করুন" বিভাগে যান।
  • "টপ বার" বিভাগে নেভিগেট করুন এবং বারের প্যাডিং, প্রস্থ এবং সারিবদ্ধতা সামঞ্জস্য করুন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

জেনারেট প্রেসে শীর্ষ বার কাস্টমাইজ করা

  • আপনার পরিবর্তনগুলির পূর্বরূপ দেখুন এবং প্রকাশ করুন।

কিভাবে ওয়ার্ডপ্রেসে শীর্ষ বিজ্ঞপ্তি বার যুক্ত করবেন?

জেনারেট প্রেস শীর্ষ বার উইজেট সহ বিজ্ঞপ্তি বার

বারের উপস্থিতি আপনার এইচটিএমএল কোডের উপর নির্ভর করে এবং আপনি বাটন এবং টেক্সটকে একক লাইনে প্রদর্শনের জন্য ইনলাইন করতে পারেন।

4 তৃতীয় পক্ষের এম্বেড ব্যবহার করে

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

5 আপনার নিজের CSS ব্যবহার করা

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

শীর্ষ বিজ্ঞপ্তি বার প্লাগইন নির্বাচন করার আগে বিবেচনা করার বিষয়গুলি

যদিও বিভিন্ন বিকল্প উপলব্ধ, আপনার জন্য উপযুক্ত বিকল্পটি বেছে নেওয়ার আগে আপনাকে উদ্দেশ্যটি বিবেচনা করতে হবে।

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

চূড়ান্ত শব্দ

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

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত