আসসালামুআলাইকুম বন্ধুরা, আবারও হাজির হলাম wordpress custom login প্লাগিন নিয়ে। এটি সম্পূর্ন আমার নিজের তৈরি একটি প্লাগিন।
বন্ধুরা , ওয়ার্ডপ্রেস দিয়ে ওয়েবসাইট তৈরি করার পর সবচেয়ে গুরুত্বপূর্ণ বিষয়গুলোর একটি হলো ব্যবহারকারীর অভিজ্ঞতা বা ইউজার এক্সপেরিয়েন্স। বিশেষ করে আপনার সাইটে যদি ব্যবহারকারীদের অ্যাকাউন্ট খোলার সুযোগ থাকে, তবে তাদের জন্য একটি সহজ ও সুন্দর ইন্টারফেস তৈরি করা অত্যন্ত জরুরি। কিন্তু সাধারণ ওয়ার্ডপ্রেস সাইটে যখন কোনো নতুন ব্যবহারকারী নিবন্ধিত হতে চান বা লগইন করতে যান, তখন তাকে ওয়ার্ডপ্রেসের ডিফল্ট ড্যাশবোর্ড বা ব্যাকএন্ডের মতো একটি পেজে নিয়ে যাওয়া হয়। এই ডিফল্ট ব্যবস্থার বেশ কিছু বড় ধরনের অসুবিধা রয়েছে।
প্রথমত, এটি আপনার ওয়েবসাইটের মূল ডিজাইনের সাথে একেবারেই মিল রাখে না। দ্বিতীয়ত, নিরাপত্তা ও পেশাদারিত্বের দিক থেকেও এটি বেশ দুর্বল। এই সমস্যার একটি স্থায়ী এবং কার্যকর সমাধান এনে দেয় কাস্টম ফ্রন্টএন্ড লগইন সিস্টেম। আজ আমরা বিস্তারিত আলোচনা করব FrontEndAuth Pro প্লাগিনটি নিয়ে। এই লেখার মাধ্যমে আপনি জানতে পারবেন কীভাবে প্লাগিনটি কাজ করে, কীভাবে এটি বিনামূল্যে ডাউনলোড করবেন এবং ধাপে ধাপে এটি সাইটে সেটআপ করবেন।
ওয়ার্ডপ্রেসের ডিফল্ট লগইন সিস্টেমের মূল সীমাবদ্ধতা
ওয়ার্ডপ্রেস একটি শক্তিশালী কন্টেন্ট ম্যানেজমেন্ট সিস্টেম হলেও এর ডিফল্ট লগইন পেজ বেশ কিছু ক্ষেত্রে ব্যবহারকারীর জন্য সমস্যার সৃষ্টি করে:
১. ব্র্যান্ডিংয়ের অভাব: আপনার ওয়েবসাইটের হেডার, ফুটার বা কালার স্কিম যাই থাক না কেন, ডিফল্ট পেজটিতে কেবল ওয়ার্ডপ্রেসের লোগো এবং সাধারণ একটি ফর্ম ভেসে ওঠে। ফলে ব্যবহারকারী মনে করতে পারেন তিনি সাইট ছেড়ে অন্য কোথাও চলে গেছেন।
২. নিরাপত্তাজনিত ঝুঁকি: ক্ষতিকর বট বা স্প্যামাররা খুব সহজেই জানে যে ওয়ার্ডপ্রেস সাইটের মূল লগইন লিংক হলো wp-login.php বা wp-admin। ফলে তারা এই নির্দিষ্ট পেজে বারবার ভুল তথ্য দিয়ে ব্রুট-ফোর্স অ্যাটাক চালানোর চেষ্টা করে।
৩. ইউজারদের বিভ্রান্তি: একজন সাধারণ ব্যবহারকারী যখন ব্যাকএন্ডের লগইন স্ক্রিন দেখেন, তখন তা সাইটের মূল ভাবমূর্তি নষ্ট করে। প্রফেশনাল মেম্বারশিপ সাইট, ই-কমার্স বা ব্লগের ক্ষেত্রে ফ্রন্টএন্ডেই সব সুবিধা থাকা উচিত।
আরো পড়ুনঃ Webflow কী এবং কেন শিখবেন? সম্পূর্ণ বাংলা গাইড (পর্ব ০১)
FrontEndAuth Pro প্লাগিন কী এবং এটি কেন ব্যবহার করবেন?
FrontEndAuth Pro হলো ওয়ার্ডপ্রেসের একটি বিশেষ কাস্টমাইজেশন প্লাগিন, যা ব্যবহার করে আপনার সাইটের মূল পেজের ভেতরেই অত্যন্ত সুন্দর ও আধুনিক ফর্ম যুক্ত করা যায়। এই প্লাগিনের বড় বৈশিষ্ট্য হলো, এটি ব্যবহার করার জন্য আপনাকে কোনো কোডিং জানতে হবে না। মাত্র কয়েকটি শর্টকোড বসিয়েই লগইন, সাইনআপ, পাসওয়ার্ড পুনরুদ্ধার এবং পাসওয়ার্ড নতুন করে সেট করার সুবিধা যুক্ত করা সম্ভব।
বাজারে প্রচলিত অধিকাংশ ফ্রন্টএন্ড প্লাগিন তাদের এডভান্সড ফিচারগুলোর জন্য নির্দিষ্ট ফি বা মাসিক সাবস্ক্রিপশন দাবি করে। তবে FrontEndAuth Pro-তে সকল প্রয়োজনীয় সুবিধা সম্পূর্ণ ফ্রিতে ব্যবহারের সুযোগ রয়েছে।
FrontEndAuth Pro প্লাগিনের সেরা ফিচারসমূহ
একটি কাস্টম অথেন্টিকেশন প্লাগিন বেছে নেওয়ার সময় যে বিষয়গুলো খেয়াল রাখা দরকার, তার প্রায় সবই এই প্লাগিনে যুক্ত রয়েছে:
১. পেজ রিলোড ছাড়া রিয়েল-টাইম AJAX প্রসেসিং: সাধারণ ফর্মে কোনো তথ্য ভুল হলে বা নতুন পাসওয়ার্ড দিলে পুরো পেজটি নতুন করে রিলোড নেয়। এতে সময় বেশি লাগে। FrontEndAuth Pro প্লাগিনটি ব্যাকএন্ডে AJAX প্রযুক্তি ব্যবহার করে। ফলে পেজ রিফ্রেশ না হয়েই কয়েক মিলিসেকেন্ডের মধ্যে সাবমিশনের ফলাফল স্ক্রিনে ভেসে ওঠে।
২. বিল্ট-ইন ম্যাথ ক্যাপচা নিরাপত্তা: অনলাইন সাইটগুলোতে স্প্যাম রেজিস্ট্রেশন বন্ধ করা এক বিশাল চ্যালেঞ্জ। এই প্লাগিনে একটি ডায়নামিক গাণিতিক ক্যাপচা যুক্ত করা আছে। অর্থাৎ প্রতিবার ফর্ম লোড হলে একটি সহজ গাণিতিক প্রশ্ন দেওয়া হয়। এতে মানুষের জন্য উত্তর দেওয়া সহজ হলেও অটোমেটেড বটগুলো আটকে যায়।
৩. পাসওয়ার্ড শো ও হাইড সুবিধা: পাসওয়ার্ড টাইপ করার সময় অনেক সময় ভুল অক্ষর উঠে যায়। এই প্লাগিনের পাসওয়ার্ড ফিল্ডে একটি ডাইনামিক ফিল্ড বাটনের ব্যবস্থা রাখা হয়েছে, যাতে ব্যবহারকারী চাইলে পাসওয়ার্ডটি এক ক্লিকে দেখে নিয়ে সঠিক তথ্য নিশ্চিত করতে পারেন।
৪. রিয়েল-টাইম পাসওয়ার্ড ম্যাচিং যাচাই: নতুন অ্যাকাউন্ট খোলার সময় পাসওয়ার্ড এবং কনফার্ম পাসওয়ার্ড মিলছে কিনা, তা টাইপ করার সাথেই স্ক্রিনে রঙিন সংকেতের মাধ্যমে জানিয়ে দেওয়া হয়। ভুল হলে সঙ্গে সঙ্গে ব্যবহারকারী তা সংশোধন করে নিতে পারেন।
ব্যবহারযোগ্য শর্টকোড তালিকা (Shortcode Reference)
প্লাগিনটি ইনস্টল করার পর আপনার ওয়েবসাইটের যেকোনো পেজে শর্টকোড বসিয়ে ফর্ম চালু করতে পারবেন। শর্টকোডের তালিকা নিচে দেওয়া হলো:
- কাস্টম লগইন ফর্মে ব্যবহার করুন:
[fa_login] - নতুন রেজিস্ট্রেশন ফর্মে ব্যবহার করুন:
[fa_registe] - ভুলে যাওয়া পাসওয়ার্ড পুনরুদ্ধারের জন্য:
[fa_forgot_password] - নতুন পাসওয়ার্ড সেট করার ফর্মে:
[fa_reset_password]
সম্পূর্ণ সেটআপ গাইড: ধাপ অনুযায়ী নির্দেশিকা
যদি আপনি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে এটি যুক্ত করতে চান, তবে নিচের সহজ ধাপগুলো অনুসরণ করুন:
ধাপ ১: প্লাগিন ইনস্টলেশন
১. প্রথমে প্লাগিনের জিপ ফাইলটি আপনার কম্পিউটারে সংরক্ষণ করুন।
২. আপনার ওয়ার্ডপ্রেস এডমিন প্যানেলে লগইন করুন।
৩. বাম পাশের মেনু থেকে Plugins অপশনে গিয়ে Add New-তে ক্লিক করুন।
৪. ওপরের দিকে থাকা Upload Plugin বাটনে চাপ দিন এবং জিপ ফাইলটি সিলেক্ট করুন।
৫. Install Now বাটনে ক্লিক করে শেষ হলে Activate Plugin এ চাপ দিন।
আরো পড়ুনঃ গুগল সার্চ থেকে ব্যক্তিগত তথ্য মুছে ফেলার আবেদন করবেন যেভাবে (২০২৬ সম্পূর্ণ গাইড)
ধাপ ২: প্রয়োজনীয় পেজ তৈরি করা
প্লাগিন সক্রিয় হওয়ার পর আপনাকে আপনার সাইটে কয়েকটি নতুন পেজ তৈরি করতে হবে:
- লগইন পেজ: ওয়ার্ডপ্রেসের Pages > Add New অপশনে গিয়ে পেজের নাম দিন “Login”। এরপর কন্টেন্ট ব্লকে
[fa_login]লিখে পাবলিশ করুন। - রেজিস্ট্রেশন পেজ: একইভাবে নতুন পেজ তৈরি করে নাম দিন “Register” এবং ভেতরে
[fa_register]শর্টকোডটি যুক্ত করে দিন। - পাসওয়ার্ড রিকভারি পেজ: নতুন পেজ নিয়ে নাম দিন “Forgot Password” এবং কন্টেন্ট সেকশনে
[fa_forgot_password]লিখে পাবলিশ দিন।
ধাপ ৩: কাস্টম সিএসএস যুক্ত করা (ঐচ্ছিক)
প্লাগিনের ফর্মগুলো আপনার থিমের সাথে চমৎকারভাবে মানিয়ে যায়। তবে আপনি যদি ফর্মের সাইজ বা ব্যাকগ্রাউন্ড কাস্টমাইজ করতে চান, তবে Appearance > Customize > Additional CSS সেকশনে গিয়ে সিএসএস যুক্ত করতে পারেন।
প্লাগিন ডাউনলোড করুন
FrontEndAuth Pro প্লাগিনটি সকল ইউজারদের জন্য সম্পূর্ণ বিনামূল্যে উন্মুক্ত করা হয়েছে। এতে কোনো গোপন চার্জ বা প্রিমিয়াম ভার্সনের বাধ্যবাধকতা নেই।
ফাইলের নাম: frontend-auth-pro.zip
লাইসেন্স: ফ্রি ও ওপেন সোর্স (GPL Compatible)
ডাউনলোড পদ্ধতি: আপনার থিম ফোল্ডার বা ওয়ার্ডপ্রেস প্লাগিন ডিরেক্টরিতে জিপ ফাইলটি সরাসরি আপলোড করে ব্যবহার শুরু করতে পারেন।
গুগল এডসেন্স ফ্রেন্ডলি কনফিগারেশন টিপস
যদি আপনার ওয়েবসাইটটি এডসেন্স অনুমোদিত হয় বা আপনি অনুমোদনের জন্য আবেদন করতে চান, তবে কিছু বিষয় মেনে চলা জরুরি:
১. প্রাইভেসি পলিসি পেজ যুক্ত করা: রেজিস্ট্রেশন ফর্মে টার্মস ও প্রাইভেসি পলিসির টিকবক্স সার্ভিস চালু রাখুন, যা গুগলের পলিসির সাথে সামঞ্জস্যপূর্ণ।
২. সহজ নেভিগেশন মেনু: সাইতের প্রধান মেনুতে লগইন ও রেজিস্টার পেজের লিংক পরিষ্কারভাবে যুক্ত করুন যাতে ব্যবহারকারী বা এডসেন্স বট সহজে ভিজিট করতে পারে।
৩. ফর্মের সিকিউরিটি চেক: ক্যাপচা সুবিধা চালু রাখলে স্প্যাম কমেন্টস ও ভুয়া ইউজার অ্যাকাউন্ট তৈরি বন্ধ থাকে, যা সাইতের মান বজায় রাখতে সাহায্য করে।
উপসংহার
একটি মানসম্মত ও পেশাদার ওয়েবসাইট তৈরির ক্ষেত্রে ফ্রন্টএন্ড কাস্টমাইজেশনের গুরুত্ব অপরিসীম। FrontEndAuth Pro প্লাগিন ব্যবহারের ফলে আপনার সাইট কেবল দেখতেই সুন্দর হবে না, বরং এর গতি এবং নিরাপত্তাও অনেক বৃদ্ধি পাবে। আশা করি এই নির্দেশিকা অনুসরণ করে আপনি খুব সহজেই প্লাগিনটি আপনার ওয়ার্ডপ্রেস সাইটে সেটআপ করে নিতে পারবেন।
তো বন্ধুরা আজকের মতো এখানেই শেষ করতেছি। ভালো থাকুন সুস্থ্য থাকুন, এবং আমাদের forumbd2 4এর সাথেই থাকুন।
[…] […]