ওয়ার্ডপ্রেস ফ্লোটিং সাইডবার - এটি 3 মিনিটের মধ্যে চালু করুন!

ওয়ার্ডপ্রেস সাইটের সাইডবার আপনার ওয়েবসাইটের উপরের ভাঁজে বিশিষ্ট।

আরও কন্টেন্ট দীর্ঘ আকারে পরিণত হওয়ায়, ওয়েবসাইটে প্রধান রিয়েল এস্টেট শীর্ষে নেই। এটি পৃষ্ঠার আরও নীচে।

সত্যিই আপনার মেট্রিক্স বাড়ানোর জন্য, সেই আর্থিক, ইমেল অপট-ইন, অ্যাফিলিয়েট অফারগুলিতে ক্লিক-থ্রুস, বা আপনার যে কোনো লক্ষ্য, ওয়ার্ডপ্রেস ফ্লোটিং (বা স্টিকি) সাইডবারগুলি আপনার প্রধান রিয়েল এস্টেটকে স্ক্রিনে রাখে৷



যদি এটি ডেস্কটপ, ট্যাবলেট বা পিসিতে থাকে, অর্থাৎ।

সৌভাগ্যক্রমে, আপনার ওয়ার্ডপ্রেস সাইটে একটি ভাসমান সাইডবার যোগ করা সহজ। আপনাকে যা করতে হবে তা হল একটি সহজ ওয়ার্ডপ্রেস প্লাগইন।

এটি কোনটি খুঁজে বের করতে পড়ুন!

কিভাবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে একটি ভাসমান সাইডবার পেতে?

বিনামূল্যে 'Q2W3 ফিক্সড উইজেট' ইনস্টল করা বাম, ডান বা ডবল সাইডবার সহ বেশিরভাগ WP থিমে ভাসমান সাইডবার কার্যকারিতা যোগ করে। সেটআপটি অত্যন্ত সহজ এবং আপনার স্টিকি সাইডবারগুলি কয়েক মিনিটের মধ্যে সেট আপ হয়ে যায়, তা ডেস্কটপ বা এমনকি মোবাইল ডিভাইসেও হোক।

Q2W3 ফিক্সড সাইডবার প্লাগইন ইনস্টল করা, সক্রিয় করা এবং সেট আপ করা

'প্লাগইনস' এ ক্লিক করুন এবং আপনার স্ক্রিনের উপরের ডানদিকে সার্চ বারে 'Q2W3' (কোট ছাড়া) টাইপ করুন, তারপর এন্টার টিপুন।

প্রথম ফলাফল সাধারণত সঠিক হয়।

থমাস মায়ার এবং ম্যাক্স বন্ড দ্বারা ওয়ার্ডপ্রেসের জন্য Q2W3 ফিক্সড উইজেট।

  Q2W3 প্লাগইন অনুসন্ধান

'এখনই ইনস্টল করুন' টিপুন, তারপরে 'সক্রিয় করুন' এ ক্লিক করুন।

এটি আপনার সক্রিয় প্লাগইন পৃষ্ঠায় প্রদর্শিত হবে। যদি আপনি স্বয়ংক্রিয়ভাবে সেই পৃষ্ঠায় পুনঃনির্দেশিত না হন, বাম নেভিগেশন বারে প্লাগইন লিঙ্কে ক্লিক করুন।

সেটিংসে ক্লিক করুন।

এগুলি হল বিশ্বব্যাপী সেটিংস যার অর্থ এগুলি আপনার সাইডবারে প্রতিটি ভাসমান উইজেটকে প্রভাবিত করে৷ আপনি এটি একটি পৃথক স্তরে সেট করতে পারবেন না।

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

আপনি যদি এগুলি পরিবর্তন না করেন তবে আপনি আপনার ফুটার এলাকার সাথে আপনার ভাসমান সাইডবার ওভারল্যাপগুলি খুঁজে পেতে পারেন।

'মার্জিন টপ' এবং 'মার্জিন বটম' ক্ষেত্র হল যেখানে আপনি আপনার সাইডবার, হেডার (মার্জিন-টপ) এবং আপনার ফুটার (মার্জিন-বটম) এর মধ্যে ব্যবধান বাড়ান।

আপনার লোগো, হেডার এবং ফুটারের আকারের উপর নির্ভর করে এগুলি আলাদা হবে।

স্টপ আইডি উপাদানটি নীচের মার্জিনের মতো, শুধুমাত্র ফুটারে না পৌঁছানো পর্যন্ত এটি ভাসতে থাকে না, আপনি আপনার পৃষ্ঠার এইচটিএমএল উপাদানটিকে স্ক্রোলিং থামাতে স্পট হিসাবে সেট করতে পারেন৷

এটি সহজ যদি আপনার কাছে একটি দীর্ঘ-ফর্মের বিক্রয় পৃষ্ঠা থাকে যা একটি বৃহৎ পরিচিতি ফর্ম বা একটি জমা এলাকা যা লিড জেনারেশনের জন্য ব্যবহৃত হয়, বা একটি CPA অফার থাকে।

এখানে দেওয়া আইডি খুঁজে পেতে, আপনার ব্রাউজারের পরিদর্শন টুল ব্যবহার করুন। বেশিরভাগ ব্রাউজারে ডান-ক্লিক মেনুতে 'পরিদর্শন' বিকল্প থাকে।

আইডি উপাদান খুঁজে পেতে, আপনার ব্রাউজারে ডান-ক্লিক করুন এবং 'পরিদর্শন' বিকল্পটি নির্বাচন করুন।

এটি একদিকে আপনার সাইটের সাথে একটি স্প্লিট-স্ক্রিন ভিউ খুলবে, অন্যদিকে HTML স্টাইলিং উপাদানগুলি।

উপরের স্ক্রিনশটে, আপনি দেখতে পাচ্ছেন যে বাম দিকে হাইলাইট করা উপাদানটি হল 'আফটার-এন্ট্রি' উইজেট এলাকা। ডানদিকে, হাইলাইট করা এলাকাটি দেখায় যে আইডিটি হল 'custom_HTML-7'।

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

যেখানেই আপনি উইজেটটি স্ক্রলিং বন্ধ করতে চান, আপনার সাইটের এলাকাটি হাইলাইট করুন, ডান-ক্লিক করুন, পরিদর্শন নির্বাচন করুন এবং আইডি সন্ধান করুন তারপর সেই তথ্যটি Q2W3-এর জন্য Stop ID ক্ষেত্রে রাখুন৷

রিফ্রেশ ব্যবধানটি ডিফল্টরূপে 1500 মিলিসেকেন্ডে সেট করা হয় এবং এটির মতো ছেড়ে দেওয়া ভাল। পরিবর্তন করার জন্য শুধুমাত্র অন্য দুটি ক্ষেত্র হল 'অক্ষম প্রস্থ' এবং 'উচ্চতা অক্ষম করুন'।

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

একটি ভাল ব্যবহারকারীর অভিজ্ঞতার জন্য, ছোট পর্দার আকারের জন্য এগুলি অক্ষম করুন৷

  • মোবাইলে নিষ্ক্রিয় করতে, এটিকে প্রায় 500 পিক্সেল এ নিষ্ক্রিয় করতে সেট করুন। বেশিরভাগ স্মার্টফোনের সর্বোচ্চ প্রস্থ 414 পিক্সেল থাকে।
  • ছোট ট্যাবলেটেও নিষ্ক্রিয় করতে, নিষ্ক্রিয় প্রস্থ প্রায় 750 পিক্সে সেট করুন।
  • বড় ট্যাবলেটগুলি প্রায় 990 পিক্সেলের একটি প্রদর্শন প্রস্থ পরিচালনা করতে পারে।
  • ল্যাপটপ এবং ডেস্কটপের স্ক্রীনের আকার 1,440 পিক্সেল এবং তার বেশি অঞ্চলে থাকে।

সামঞ্জস্যের জন্য বাকি বিশ্বব্যাপী সেটিংস সমস্যা সমাধানের জন্য রয়েছে।

একবার আপনি গ্লোবাল সেটিংস সেট করার পরে, তারপর আপনার সাইডবারে আপনি কোন উইজেটগুলিকে স্টিকি করতে চান তা কনফিগার করুন।

আপনি যখন এখন আপনার উইজেটগুলিতে ফিরে যান, তখন প্রত্যেকের কাছে একটি বোতাম থাকবে যা আপনি এটিকে একটি 'স্থির উইজেট' করতে চেক করতে পারেন, যার অর্থ এটি আপনার সাইডবারে ভাসতে থাকবে যতক্ষণ না এটি আপনার গ্লোবাল সেটিংসে সেট করা প্যারামিটারগুলিতে পৌঁছায়।

ভাসমান সাইডবার ছাড়া, ব্যবহারকারীরা যখন পৃষ্ঠার নীচে পৌঁছায়, তখন ফাঁকা জায়গা ছাড়া আর কিছুই থাকে না।

অবস্থানে স্থির উইজেটগুলির সাথে, সাইডবার সামগ্রী দৃশ্যমান থাকে৷ আপনি নীচের ছবিতে দেখতে পাচ্ছেন যে পৃষ্ঠাগুলির বিভাগটি (একটি নির্দিষ্ট উইজেট হিসাবে সেট করা হয়েছে) পৃষ্ঠার নীচের দিকে সাইডবারে ভাসছে, তবে এতদূর নয় যে এটি ফুটার বিভাগে চলে যায়৷

ফুটারে স্ক্রোলিং বন্ধ করতে, এই থিমের জন্য 'মার্জিন বটম' সেট করা প্রয়োজন 430 পিক্সে৷

গ্লোবাল সেটিংসে সেটি সেট না করেই, এটি স্ক্রলিং চালিয়ে যাবে যার ফলে ফুটারের বিষয়বস্তুর সাথে ওভারল্যাপ হবে।

এই প্যাডিং ডেস্কটপে ঠিক আছে, কিন্তু ছোট স্ক্রিনে, যেহেতু Q2W3 একটি প্রতিক্রিয়াশীল প্লাগইন, তাই সাইডবার বিষয়বস্তুর নিচে নেমে যায়।

মোবাইল স্ক্রোলিং-এ ওভারল্যাপ রোধ করতে, পৃষ্ঠার সর্বনিম্ন আইডি উপাদানটি স্ক্রিনে লোড হওয়ার সাথে সাথে আপনাকে সাইডবার স্ক্রলিং বন্ধ করতে স্টপ আইডি কার্যকারিতা ব্যবহার করতে হবে।

একই ওভারল্যাপ সমস্যা ঘটবে যদি আপনি উইজেটগুলির উপরে উইজেটগুলির অবস্থান ঠিক করেন যেগুলি অবস্থানে স্থির নয়৷

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

আমি কি সাইডবারে একটি ভাসমান বোতাম তৈরি করতে পারি?

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

এটি Q2W3 ফিক্সড উইজেট প্লাগইন দিয়ে করা যেতে পারে। একটি চিত্র উইজেট সন্নিবেশ করুন, আপনার মিডিয়া গ্যালারি থেকে একটি চিত্র চয়ন করুন এবং একটি হাইপারলিঙ্ক তৈরি করতে 'লিঙ্ক টু:' ক্ষেত্রটি ব্যবহার করুন৷

টেল প্রোটোকল ফোন নম্বরগুলিকে ক্লিকযোগ্য করে তোলে। টেল প্রোটোকল প্রতিস্থাপন করে আপনি যে অন্যান্য কোডগুলি ব্যবহার করতে পারেন তা হল স্কাইপ কলের জন্য “ক্যালটো”, হোয়াটসঅ্যাপ কলের জন্য “wa.me”, টেক্সট বোতামে ক্লিক করার জন্য “sms” এবং যে ইমেল বোতামগুলি চালু করে তার জন্য “mailto”। ইমেল অ্যাপে ক্লিক করা হলে (বা স্মার্টফোনে ট্যাপ করা হয়)।

একটি ভাসমান সাইডবার গতিশীল করা যেতে পারে?

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

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

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