আপনি কি চান আপনার ওয়ার্ডপ্রেস সাইট একদম শুরু থেকেই আপনার নিজের ব্র্যান্ডের মতো দেখাক? কিন্তু সমস্যা হলো—ওয়ার্ডপ্রেস ডিফল্ট লোগো পরিবর্তন অনেক সময় নিজের সাইটের সাথে মানানসই মনে হয় না।
অনেকে ভাবে, লোগো পাল্টাতে গেলে নাকি কোডে হাত দিতে হবে। অথচ, সুখবর হলো—আপনাকে কোনো জটিল কোডিং করতে হবে না, আবার বড়সড় ঝামেলাও নেই! 🎉
👉 আপনার যা দরকার, সেটা হলো একটি ফ্রি প্লাগইন—Code Snippets।
🔗 Code Snippets প্লাগিনটি এখান থেকে ডাউনলোড করুন
কেন ডিফল্ট লোগো পরিবর্তন করবেন?
- আপনার সাইটকে ইউনিক এবং প্রফেশনাল দেখাতে।
- ব্র্যান্ড আইডেন্টিটি (Brand Identity) বাড়াতে।
- ভিজিটর বা ক্লায়েন্টদের কাছে বিশ্বাসযোগ্যতা তৈরি করতে।
- নিজের সাইটকে একদম কাস্টম ফিল দিতে।
কিভাবে ওয়ার্ডপ্রেস লোগো পরিবর্তন করবেন?
যেহেতু আমরা সরাসরি ওয়ার্ডপ্রেস এর কোন কোড পরিবর্তন করবো না তাই এই কাজটি আমরা দুইভাবে করতে পারি। প্রথমত, সরাসরি কোন প্লাগিন ছাড়া functions.php ফাইলের ভেতর কিছু কোড যোগ করবো এবং দ্বিতীয়টি, একটি ছোট প্লাগইন এর মাধ্যমে কোড ব্যবহার করে।
তবে ভয় পাবেন না—এটা খুবই সহজ!
প্রসেস ০১: কোন প্লাগিন ছাড়া ওয়ার্ডপ্রেস লোগো পরিবর্তন
ধাপ-১: প্রথমে আপনার নতুন লোগোটি সাইটে আপলোড করুন।
👉 ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে: Media → Add New
তারপর ইমেজ আপলোড করে লিংক কপি করুন।
ধাপ ২: functions.php ফাইল ওপেন করুন
👉 যান: Appearance → Theme File Editor → functions.php
(অথবা আপনার থিম ফোল্ডারে গিয়ে functions.php ফাইল ওপেন করুন।)
ধাপ ৩: নিচের কোডটি যোগ করুন
// Change WordPress Login Logo
function custom_login_logo() {
echo '
<style type="text/css">
#login h1 a {
background-image: url("YOUR_LOGO_LINK_HERE") !important;
height: 100px;
width: 300px;
background-size: contain !important;
}
</style>
';
}
add_action('login_enqueue_scripts', 'custom_login_logo');
// Change Login Logo URL
function custom_login_logo_url() {
return home_url();
}
add_filter('login_headerurl', 'custom_login_logo_url');
// Change Login Logo Title
function custom_login_logo_title() {
return get_bloginfo('name');
}
add_filter('login_headertitle', 'custom_login_logo_title');
👉 এখানে YOUR_LOGO_LINK_HERE এর জায়গায় আপনার আপলোড করা লোগো লিংক বসিয়ে দিন এবং পেজটি সেভ করে বের হয়ে আসুন। এখন, লগিন পেজটি আবার ভিজিট করুন এবং পরিবর্তনটি খেয়াল করুন।
প্রসেস ০২: প্লাগিন ব্যবহার করে ওয়ার্ডপ্রেস লোগো পরিবর্তন
এই টাস্কটি করার জন্য আমাদের ‘Code Snippet’ নামে একটি প্লাগিন দরকার হবে, আপনি এই লিংকে গিয়ে প্লাগিনটি সম্পূর্ন ফ্রি ডাউনলোড করে নিতে পারেন- https://wordpress.org/plugins/code-snippets/
নিচের দেওয়া কোডটি আপনার ‘Code Snippet’ এর মধ্যে ব্যবহার করুন। এবং আপনার নতুন আপলোড করা লোগোটি এখানে প্রতিস্থ্যাপনসহ ওয়েবসাইট অ্যাড্রেসটি পরিবর্তন করুন।
function custom_login_logo() {
echo '<style type="text/css">
.login h1 a {
background-image: url(logo.svg) ; // লোগোটি পরিবর্তন করুন
background-position: center center;
background-size: contain;
width: 100%;
}
</style>';
}
add_action('login_head', 'custom_login_logo');
function login_url(){
return "https://ai2go.life"; // Your Website URL
}
add_filter('login_headerurl', 'login_url');
সর্বশেষ, কোড বসানো সম্পন্ন হয়ে গেলে সেভ ও অ্যাকটিভ দিয়ে বের হয়ে আসুন ও একবার চেক করে দেখুন। এখন যখন আপনি আপনার সাইটে লগইন পেজ ওপেন করবেন, দেখবেন ওয়ার্ডপ্রেসের ডিফল্ট লোগো চলে গেছে এবং তার জায়গায় আপনার নিজের ব্র্যান্ড লোগো চলে এসেছে। ✨

কিছু গুরুত্বপূর্ণ টিপস
- সবসময় Child Theme ব্যবহার করে কোড পরিবর্তন করুন, নাহলে থিম আপডেটের পর কোড মুছে যেতে পারে।
- লোগো ফাইলের সাইজ বেশি বড় রাখবেন না (প্রস্তাবিত: 200x100px এর মধ্যে)।
- চাইলে CSS দিয়ে হাইট/উইডথ আপনার মতো করে কাস্টমাইজ করতে পারবেন।
উপসংহার
আপনার ওয়ার্ডপ্রেস সাইটকে আলাদা ও ব্র্যান্ডেড দেখাতে লগইন পেজ কাস্টমাইজেশন খুবই কার্যকর। আর সবচেয়ে ভালো বিষয় হলো—এজন্য আপনাকে কোনো প্লাগিন ইনস্টল করতে হলো না। শুধু কয়েক লাইন কোড ব্যবহার করেই আপনি আপনার সাইটের লগইন লোগোকে ইউনিক করতে পারলেন।
👉 এখন থেকে যখনই কেউ আপনার সাইটে লগইন করবে, প্রথমেই তাদের চোখে পড়বে আপনার ব্র্যান্ডের শক্তি!
