আসসালামু আলাইকম । সবাই কেমন আছেন ?আজকে আমরা ওয়ার্ডপ্রেস এর login এবং registration পেজ কে খুব সহজে customize করব । তাহলে শুরু করা যাক ।

কোডগুলি কপি করে কাজ না করলে download করে নিন

geniusitzone login-page

  • ১.আপনার লগিন লোগো এবং লগিন পেজ এর background ইমেজ পরিবর্তন করা >>

এর জন্য আপনি আপনার ডেশবোর্ড থেকে থিম এর Edit এ যান ।

তারপর functions.php ফাইল টা ওপেন করুন । এখন নিচের কোড টা আপনার functions.php এর সবার নিচে ?> এই ট্যাগ এর আগে বসিয়ে দিন ।

 

// Customize login styles
function nazmul_custom_login_styles(){
?> <style type=”text/css”>
/* Change login page background */
/* Make sure you change image paths to yours */
body.login{ background: #000 url(“<?php echo get_stylesheet_directory_uri(); ?>/images/login-background.jpg”) 50% -250px no-repeat fixed !important; }

/* Make sure you change image paths to yours */
body.login h1 a { background: url(“<?php echo get_stylesheet_directory_uri(); ?>/images/login-logo.png”) no-repeat top center; }

/* Optional : Change link color & shadow if needed */
.login #nav a, .login #backtoblog a { color: #999!important; text-decoration:none; text-shadow:#000 1px 1px 0; }
.login #nav a:hover, .login #backtoblog a:hover { color: #fff!important; text-decoration:none; text-shadow:#000 1px 1px 0; }

/* Optional : Add some shadow to message boxes and login box */
.login form, p.message {
-moz-box-shadow: rgba(0,0,0,0.5) 0 2px 8px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 2px 8px;
box-shadow: rgba(0,0,0,0.5) 0 2px 8px;
}
</style><?php
}
add_action(‘login_head’, ‘nazmul_custom_login_styles’);

 

কিছু কথাঃ এই কোড টার যেখানে background-image.jpg আছে ওইখানে আপনার কাংক্ষিত ইমেজ এর নাম টা বসিয়ে দিন ।আর যেখানে login-logo.png আছে ওইখানে আপনার কাংক্ষিত লোগোর নাম টা বসিয়ে দিন ।আর সবশেষে আপনার ইমেজ গুলি আপনার থিম এর images ফোল্ডার এ রাখুন ।তারপর আপনার সাইট চেক করুন ।

  • ২.লগিন লোগোর URL এবং Title পরিবর্তন করা>>

লগিন লোগতে ক্লিক করলে wordpress.org তে চলে যায় ।আবার mouse রাখলে powered by wordpress লিখা আসে ।এইগুলিকে পরিবর্র্তন করার জন্য নিচের ফাংশন কোড টা আপনার থিম এর functions.php তে আগের মত ?> এই ট্যাগ এর আগে সবকোড বসিয়ে দিন ।এই কোড এর যেই জায়গায় ।।।।।এই লিখাটা আছে এইটা হচ্ছে title । ওইখানে আপনার ইচ্ছামত পরিবর্তন করতে পারেন ।আর URL টা automatic আপনার সাইট এর link চলে আসবে ।

 

// Customize login header link
function nazmul_login_header_url(){
return “http://geniusitzone.com”;
} add_action(‘login_headerurl’, ‘nazmul_login_header_url’);

function nazmul_login_header_link_title(){
return “Powered By Geniusitzone( বাংলা টেকনোলজি ব্লগ ) “;
} add_action(‘login_headertitle’, ‘nazmul_login_header_link_title’);

 

  • ৩.লগিন পেজ এ custom massage এড করা >>

নিচের কোড টা use করে আপনি আপনার সাইট এর লগিন পেজ এ নিচের চিত্রের মধ্যে কিছু কথা এড করতে পারবেন ।

 

login massage

login massage

এই কোড টা আপনি আপনার থিম এর functions.php তে ?> এই ট্যাগ এর পূর্বে এড করে দেন ।

 

// Add a login message
function shailan_login_message($msg){
return $msg . “<p class=”message”>এইখানে আপনার কথা লিখুন</p>”;
} add_action(‘login_message’, ‘shailan_login_message’);

 

4.রেজিস্ত্রেশন পেজ এ custom massage এড করা>> এইটা ও ঠিক আগেরমত ।নিচের কোড টা আপনার থিম এর

functions.php তে ?> এই ট্যাগ এর পূর্র্বে বসিয়ে দিন ।

 

register massage

register massage

 

add_action(‘register_form’, ‘register_message’);
function register_message() {
$html = ‘
<div style=”margin:10px 0;border:1px solid #e5e5e5;padding:10px”>
<p style=”margin:5px 0;”>
এইখানে আপনার কথা লিখুন
</p>
</div>’;
echo $html;
}

এখন সর্বশেষ আপনার সাইট এ যেয়ে দেখুন । কাজ হলে কিন্তু কমেন্ট না দিয়ে যাবেন না ।

 

আমাদের সাইট থেকে ঘুরে আসতে কিন্তু ভুলবেন না ।
আমাদের ফেসবুকে পেজ আপনাদের আমন্ত্রন রইল