Single Page Application plugin setup

বর্তমান যুগে ভিজিটররা স্লো ওয়েবসাইট একদম পছন্দ করেন না। এক পেজ থেকে আরেক পেজে যাওয়ার সময় যদি পুরো পেজ রিফ্রেশ হয় বা লোডিং হতে সময় নেয়, তবে ভিজিটর বিরক্ত হন। এই সমস্যার আধুনিক সমাধান হলো Single Page Application (SPA) টেকনোলজি।

Probha টেমপ্লেটে এই ফিচারটি বিল্ট-ইন দেওয়া হয়েছে। এটি চালু থাকলে আপনার ব্লগের এক পেজ থেকে অন্য পেজে যাওয়ার সময় পেজ রিফ্রেশ হবে না, শুধু কন্টেন্ট পরিবর্তন হবে—ঠিক যেমনটা মোবাইল অ্যাপে হয়। এছাড়াও, ইন্টারনেটে সমস্যা থাকলে এটি ভিজিটরকে একটি সুন্দর পপআপ মেসেজ দেখাবে।

এই প্লাগিনের সুবিধা কী?

সুপার ফাস্ট লোডিং: পেজ রিলোড হয় না বলে ব্রাউজিং অভিজ্ঞতা অনেক দ্রুত হয়।
অ্যাপ এক্সপেরিয়েন্স: ওয়েবসাইটটি ব্যবহার করার সময় মনে হবে আপনি কোনো নেটিভ অ্যাপ ব্যবহার করছেন।
স্মার্ট এরর হ্যান্ডলিং: যদি ভিজিটর অফলাইনে থাকেন বা কোনো পেজ লোড হতে সমস্যা হয়, তবে এটি একটি কাস্টমাইজড মেসেজ দেখাবে এবং আবার চেষ্টা করার অপশন দেবে।

প্লাগিনটি কোথায় পাবেন?

এটি সেটআপ করতে লেআউট অপশনে যান।

ব্লগার ড্যাশবোর্ড থেকে Layout অপশনে যান।
Plugins সেকশন থেকে "Single Page App" বা SPA গ্যাজেটটি খুঁজে বের করুন।

কনফিগারেশন গাইড

এই প্লাগিনটি নিয়ন্ত্রণ করার জন্য আমরা JSON ব্যবহার করেছি। এখানে মূলত ফিচারটি অন/অফ করা এবং কানেকশন এরর মেসেজ কাস্টমাইজ করার সুবিধা রয়েছে।

গ্যাজেটটি এডিট করলে নিচের কোডটি দেখতে পাবেন:

{
    "status": true,
    "title": "Trouble Connecting",
    "message": "Check your Internet connection and try again.",
    "try": "TRY AGAIN",
    "dismiss": "DISMISS"
}

স্ট্যাটাস

"status": true — প্লাগিনটি চালু রাখতে true রাখুন। তাহলে সাইট অ্যাপের মতো লোড হবে।
"status": false — প্লাগিনটি বন্ধ হয়ে যাবে এবং সাইট সাধারণ ব্লগের মতো পেজ রিলোড নিয়ে কাজ করবে।

কানেকশন এরর মেসেজ

SPA সিস্টেমে যদি কখনো ইন্টারনেট না থাকায় বা সার্ভার সমস্যার কারণে পেজ লোড হতে ব্যর্থ হয়, তখন একটি পপআপ আসে। আপনি সেই পপআপের টেক্সটগুলো এখান থেকে পরিবর্তন করতে পারবেন:

"title": পপআপের শিরোনাম (যেমন: সংযোগ সমস্যা)।
"message": বিস্তারিত বার্তা (যেমন: আপনার ইন্টারনেট সংযোগ পরীক্ষা করুন)।
"try": রিলোড বা আবার চেষ্টা করার বাটনের নাম।
"dismiss": পপআপ কেটে দেওয়ার বাটনের নাম।

বাংলা সেটআপ উদাহরণ

আপনি যদি এরর মেসেজগুলো বাংলায় দেখাতে চান, তবে নিচের কোডটি কপি করে গ্যাজেটে ব্যবহার করতে পারেন:

{
    "status": true,
    "title": "সংযোগ বিচ্ছিন্ন",
    "message": "দয়া করে আপনার ইন্টারনেট সংযোগ পরীক্ষা করে আবার চেষ্টা করুন।",
    "try": "রিলোড করুন",
    "dismiss": "বাদ দিন"
}

উপসংহার

একটি আধুনিক ব্লগের জন্য SPA ফিচারটি অত্যন্ত জরুরি। এটি শুধু সাইটের স্পিডই বাড়ায় না, বরং ভিজিটরদের একটি প্রিমিয়াম ব্রাউজিং অভিজ্ঞতা দেয়। Probha টেমপ্লেটে এটি খুব সহজেই নিয়ন্ত্রণ করা সম্ভব। পোস্টটি ভালো লাগলে শেয়ার করতে ভুলবেন না।