in Bangla Blogs, WordPress, Wordpress Themes

ওয়ার্ড প্রেসে এডমিন লগিন পেজকে পরিবর্তন করুন নিজের মতো করে

ধরুন আপনার ওয়ার্ড প্রেস ব্লগের(সেলফ হোস্টেড) লিঙ্ক যদি হয় http://www.mysite.com তাহলে আপনার এডমিন প্যানেলে ঢুকার লিঙ্ক হবে এই রকমঃ http://www.mysite.com/wp-admin । এই পাতায় গেলেই বিশাল একটা ওয়ার্ড প্রেসের ছবি। আপনি চাইলেই কিন্তু এই ছবি, ছবির উপর মাউস নিলে যে টুপ টিপ/টাইটেল(powered by wordpress ) দেখায় এবং ছবিটার লিঙ্ক (ডিফল্ট ওয়ার্ড প্রেস সাইটের লিঙ্ক থাকে) ইত্যাদি পরিবর্তন করে সম্পূর্ণ নিজের মতো করে নিতে পারেন।

এর জন্য প্লাগিন পাওয়া যায় কিন্তু যদি নিজেই শিখে ফেলেন কিভাবে কাজটা করতে হবে তাহলে মজাটা বেশি… তাই না ? আর হ্যাঁ এই ধরনের পরিবর্তন ওয়ার্ড প্রেস সাপোর্ট করে বলেই কোর ফাইলের কোন ধরনের পরিবর্তন না করে আপানাকে প্লাগিন দিয়ে বা থীম থেকে হুক করার মাধ্যমে নিজের ইচ্ছামত কিছু বসিয়ে দেওয়ার সুযোগ রেখেছে। :C

ধাপ একঃ
আপনার থীমের function.php ফাইল টা ওপেন করুন। (এখানে বলে রাখা ভালো যে, এই ফাইলটি অনেকটা প্লাগিনের মতো কাজ করে। ওয়ার্ড প্রেস প্রতিবার পেজ লোড করার সময় যেমন প্রতিটি প্লাগিন এক্সিকিউট করে একই ভাবে এই ফাইলও প্লাগিনের মতো কাজ করে।)
ফাইলের একদম নিচের দিকে php এর ক্লোজিং ট্যাগ(?>) এর আগে নিচের কোড গুলো বসান
[code=’php’]
// custom login for theme
function manchu_custom_login() {
echo ‘‘;
}
function manchu_change_wp_login_url() {
echo bloginfo(‘url’);
}

function manchu_change_wp_login_title() {
echo ‘Welcome to ‘ . get_option(‘blogname’);
}

add_action(‘login_head’, ‘manchu_custom_login’);
add_filter(‘login_headerurl’, ‘manchu_change_wp_login_url’);
add_filter(‘login_headertitle’, ‘manchu_change_wp_login_title’);

[/code]
কিন্তু আমার কথা মতই কি অন্ধের মতো এই কোড বসিয়ে দেবেন ? 😮 o: অবশ্যই না। আসুন বুঝার চেস্টা করি কিভাবে কি হচ্ছে।
[code=’php’] function manchu_custom_login() {
echo ‘‘;
}
[/code]
উপরের ফাংশনে কাজ হবে আপনার থীম ডিরেক্টরী থেকে লগিন পেজের জন্য একটা কাস্টম সিএসএস ফাইলে লোড করবে যা আমরা ধাপ দুইয়ে দেখবো।
[code=’php’]function manchu_change_wp_login_url() {
echo bloginfo(‘url’);
}
[/code]
এই ফাংশনের কাজ হবে লগিন পেজের ছবির লিঙ্ক পরিবর্তন করে ব্লগের লিঙ্ক বসিয়ে দেওয়া যা আমরা এডমিন থেকে পরিবর্তন করতে পারি।
[code=’php’]function manchu_change_wp_login_title() {
echo ‘Welcome to ‘ . get_option(‘blogname’);
}
[/code]
এই খানে ইমেজের উপর মাউস নিলে যে টাইটেল দেখায় সেটা পরিবর্তন করে আমরা এই ভাবে দিচ্ছি
Welcome to [আপনার ব্লগের নাম]

আর হ্যাঁ নিচের তিন লাইন হলো ফিল্টার বা হুক অর্থাৎ ওয়ার্ড প্রেস ডিফল্ট কাজ না করে আপনার হুক করা কোড এর কেরামতি শো করবে।
[code=’php’]add_action(‘login_head’, ‘manchu_custom_login’);
add_filter(‘login_headerurl’, ‘manchu_change_wp_login_url’);
add_filter(‘login_headertitle’, ‘manchu_change_wp_login_title’);
[/code]
ধাপ দুইঃ

নিশ্চয় ভুলে যাননি যে ধাপ এক এ আমরা একটা কাস্টম সিএসএস ফাইল যুক্ত করেছিলাম। কিন্তু থীমের কোথাও তো সেইভ করলাম না। হুম এখন আমরা সামান্য নির্লজ্জের মতো চুরি করবো কোড।
wp-admin\css এই ফোল্ডার থেকে login.css এই ফাইলটা কপি করি রিনেম করুন custom-login.css এই নামে এবং আপনার বর্তমান থীমের ফোল্ডারে কপি পেস্ট করুন। অনেক খানি হয়ে গেছে। যদি লগিন পেজ রিফ্রেস দেন তাহলে দেখবেন ইমেজ ছাড়া লিঙ্ক এবং টাইটেল পরিবর্তন হয়ে গেছে। বাকি থাকলো শুধু ইমেজ। সাধারণত আপনার থীমের ভেতর একটা images নামে ফোল্ডার থাকার কথা না থাকলে বানিয়ে নিন আর ঐ খানে আপনার পছন্দ মতো ইমেজটা logo-login.gif নামে রাখুন। আর custom-login.css এই ফাইলটা ওপেন করুন আর খুঁজে বের করুন এই লাইনটা
[code=’php’]background: url(../images/logo-login.gif) no-repeat top center;
[/code]
বা একবার ফুল ক্লাসের ব্লক এই রকম থাকার কথা
[code=’php’]h1 a {
background: url(../images/logo-login.gif) no-repeat top center;
width: 326px;
height: 67px;
text-indent: -9999px;
overflow: hidden;
padding-bottom: 15px;
display: block;
}
[/code]
এখন এই লাইনটা পরিবর্তন করে এই ভাবে লিখুন
[code=’php’]background: url(images/logo-login.gif) no-repeat top center;
[/code]
যদি ঘুমিয়ে না পড়েন আশা করি আপনার লগিন পেজটা কাস্টম একটা লগিন পেজের মতো হয়ে গেছে। আর হ্যাঁ কেউ কেউ হয়তো বলতে পারেন …এতো কষ্ট করার কি দরকার…হুম। যদি আপনি প্রফেশনালী কাজ করেন তাহলে অনেক কিছুই আপনার ক্লায়েন্টের ইচ্ছানুসারে পরিবর্তন করতে হবে আর জেনে রাখলে ক্ষতি কি তাই না ? >:D< উল্লেখ্যঃ কাস্টম সিএসএস ফাইলটা পরিবর্তন করে আপনি লগিন পেজের অনেক কিছু (কালার, ফন্ট ইত্যাদি) পরিবর্তন করতে পারবেন তবে এর জন্য আপনাকে সামান্য css লেখার জ্ঞান থাকতে হবে। ধন্যবাদ। Note: This blog is retrieved from Google cache as I have lost my two months blog posts for server problem. I'm sorry to loose the comments for this post 🙁

Comments are closed.