ওয়ার্ডপ্রেস এর লগইন লোগো পরিবর্তন করবেন যেভাবে…

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

ওয়ার্ডপ্রেস সাইটের লগইন লোগো ২ (দুই) ভাবে পরিবর্তন করা যায় তার মধ্যে আপনি যেকোনো একটি ব্যবহার করে আপনার সাইটের লগইন লোগো পরিবর্তন করতে পারেন।

প্রথমেই ফটোশপ বা ইলাস্ট্রাটর অথবা অনান্য যেকোনো গ্রাফিক্স ডিজাইনিং সফটওয়্যার দিয়ে একটি ২৭৪*৬৩ পিক্সেল আকারের লোগো তৈরি করে ফেলুন আপনার সাইটের জন্য এবং সেই লোগোটিকে “wordpress-logo.png” নাম দিয়ে সংরক্ষন করুন। আমি যেমন এই সাইটের জন্য নিচের মত একটি লোগো তৈরি করেছি।

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

প্রথম পদ্ধতিঃ আপনার সাইটের সিপ্যানেল এ লগইন করে ফাইল ম্যানেজার খুলুন অথবা FTP (এফটিপি) দিয়ে ফাইল ম্যানেজার এ প্রবেশ করুন। যে ফোল্ডারে (public_html অথবা htdocs) ওয়ার্ডপ্রেস সাইটটি ইন্সটল করেছেন  সেই ফোল্ডারে প্রবেশ করুন, সেখানে “wp-admin” নামের ফোল্ডার খুঁজুন এবং খুলুন। এবার সেখানে “images” নামের একটা ফোল্ডার পাবেন সেটা ওপেন করুন এবং “wordpress-logo.png” নামের যে ছবিটি পাবেন সেটা মুছে দিন, এখন নতুন করে আপনার তৈরি করা লোগোটি আপলোড করুন। তাহলে আপনার লগইন লোগো পরিবর্তন হয়ে যাবে।

সতর্কতাঃ অনান্য কোন ফাইল মুছে দেয়া যাবে না অথবা সম্পদনা করা যাবে না। কারনঃ ওয়ার্ডপ্রেস নতুন আপগ্রেড ইন্সটল করার সময় সকল ফাইল আবার নতুন করে ফেরত চলে আসবে।

দ্বিতিয় পদ্ধতিঃ আগের চেয়ে এই পদ্ধতি একটু জটিল হলেও আগের চেয়ে ভালো পদ্ধতি। কারন এই পদ্ধতিতে আপনার ওয়ার্ডপ্রেস কোর ফাইলের কোন প্রকার সম্পাদনা করতে হবে না। থিমের ফাইলের সাথেই যুক্ত করে দেয়া যাবে ওয়ার্ডপ্রেস এর নতুন লোগো।

প্রথমে আপনার ওয়ার্ডপ্রেস সাইটের ড্যাশবোর্ড এ লগইন করুন। “মিডিয়া” থেকে আপনার তৈরি করা লোগোটি আপলোড করুন এবং লিংকটি সংরক্ষন করুন। এবার লোগো পরিবর্তন করার জন্য আপনার সাইটের সক্রিয় থিমমের “Functions.php” ফাইল সম্পাদনা করতে হবে এবং সেখানে কিছু কোড যুক্ত করতে হবে।

থিম সপাদনা করার জন্য “Appearance >> Editor” এ প্রবেশ করুন। এখানে আপনার সক্রিয় থিমের জন্য একটি এডিটর খুলবে ও থিমের সকল ফাইলসমুহ এর তালিকা প্রদর্শিত হবে। এবার ডানদিক থেকে “Theme Function – functions.php” ফাইলটি নির্বাচন করুন সম্পাদনা করার জন্য।

এবার নিচের কোড টুকু কপি করুন এবং আপনার “functions.php” ফাইলের সব নিচে যুক্ত করে দিয়ে “Update File” এ ক্লিক করুন।

function replace_wp_logo() {
 echo '<style type="text/css">
 h1 a { background-image:url('http://your-url.tld/images/logo.png) !important; }
 </style>';
 }
 add_action('login_head', 'replace_wp_logo');

নোটঃ উপরের কোড গুলো থেকে ৩ নং লাইনে মিডিয়াতে আপলোড করা লোগোটির লিংক দিতে হবে। আর যদি কোন সমস্যা হলে আমাকে জানাবেন :)

ব্যাস! আপনি তাহলে এবার আপনার সাইটে নিজের পছন্দ মত লগইন লোগো ডিজাইন করে যুক্ত করতে পারবেন। সেই সাথে আপনার সাইটের ব্রান্ডিং কে আরোও সুন্দর ভাবে সকলের সামনে তুলে ধরতে পারবেন।

সবাইকে ধন্যবাদ, ভালো থাকবেন সুস্থ থাকবেন। আগামীতে আপনাদের জন্য নিয়ে আসবো আরোও কোন সুন্দর একটি টিউটোরিয়াল সেই পর্যন্ত আমাদের সাথেই থাকুন।

— আমিনুল ইসলাম