Breaking News
recent

সম্পূর্ন কাস্টমাইজ করুন wordpress এর লগিন এবং রেজিস্ট্রেশন পেজ

Image result for wordpress picture
আসসালামুআলাইকুম। সবাই কেমন আছেন? আজকে আমরা ওয়ার্ডপ্রেস এর login এবং registration পেজ খুব সহজে customize করব। তাহলে শুরু করা যাক।
১.আপনার লগিন লোগো এবং লগিন পেজ এর লোগো পরিবর্তন করা
এর জন্য আপনি আপনার ডেশবোর্ড থেকে থিম এর Edit এ যান। তারপর functions.php ফাইল টা ওপেন করুন। এখন নিচের কোড টা আপনার functions.php এ বসিয়ে দিন।

&lt;?php<br /><br />
/* Customize login styles */<br /><br />
function wp_custom_login_logo(){</p><br />
<p>/* Change login page logo */body.login h1 a { background: url("/images/login-logo.png") no-repeat top center; }<br /><br />
/* Optional : Change link color &amp; shadow if needed */<br /><br />
.login #nav a, .login #backtoblog a { color: #999! important; text-decoration:none; text-shadow:#000 1px 1px 0; }<br /><br />
.login #nav a:hover, .login #backtoblog a:hover { color:<br /><br />
#fff! important; text-decoration:none; text-shadow:#000 1px 1px 0; }<br /><br />
/* Optional : Add some shadow to message boxes and login box */<br /><br />
.login form, p.message {<br /><br />
-moz-box-shadow: rgba(0,0,0,0.5) 0 2px 8px;<br /><br />
-webkit-box-shadow: rgba(0,0,0,0.5) 0 2px 8px;<br /><br />
box-shadow: rgba(0,0,0,0.5) 0 2px 8px;<br /><br />
}</p><br />
<p>}<br /><br />
add_action('login_head', 'wp_custom_login_styles');<br /><br />
?&gt;
কিছু কথাঃ এই কোডটার যেখানে login-logo.png আছে ওইখানে আপনার কাংক্ষিত লোগোর নামটা বসিয়ে দিন। আর সবশেষে আপনার ইমেজ গুলি আপনার থিম এর images ফোল্ডার এ রাখুন। তারপর আপনার সাইট চেক করুন ।
২.লগিন লোগোর URL এবং Title পরিবর্তন করা
লগিন লোগতে ক্লিক করলে wordpress.org তে চলে যায়। আবার কার্সার রাখলে Powered by wordpress লিখা আসে। এইগুলিকে পরিবর্র্তন করার জন্য নিচের
ফাংশন কোডটা আপনার থিম এর functions.php তে বসিয়ে দিন।

&lt;?php<br /><br />
/* Customize login header link */<br /><br />
function custom_login_header_url(){<br /><br />
return &quot;";<br /><br />
}<br /><br />
add_action('login_headerurl',<br /><br />
'custom_login_header_url');</p><br />
<p>function custom_login_header_link_title(){<br /><br />
return "";<br /><br />
}<br /><br />
add_action('login_headertitle',<br /><br />
'custom_login_header_link_title');<br /><br />
?&gt;
৩.লগিন পেজ এ custom massage এড করা
নিচের কোড টা use করে আপনি আপনার সাইট এর লগিন পেজ এ কিছু কথা এড
করতে পারবেন। কোড টা আপনি আপনার থিম এর functions.php তে এড করে দেন।

&lt;?php<br /><br />
/* Add a login message */<br /><br />
function custom_login_message($msg){<br /><br />
return $msg . &quot;<br />
<p class="message">এইখানে<br /><br />
আপনার কথা লিখুন</p><br />
<p>";<br /><br />
} add_action('login_message', 'custom_login_message');<br /><br />
?&gt;
4.রেজিস্ত্রেশন পেজ এ custom massage এড করা
এইটা ও ঠিক আগেরমত। নিচের কোড টা আপনার থিম এর functions.php তে বসিয়ে দিন।

&lt;?php<br /><br />
/* custom registration page messege */<br /><br />
add_action('register_form', 'custom_register_message');<br /><br />
function custom_register_message() {<br /><br />
$html = '<br />
<div style="margin:10px 0;border:1px solid #e5e5e5;padding:10px"><br />
<p style="margin:5px 0"><br />
এইখানে আপনার কথা লিখুন<br />
</p><br />
</div><br />
<p>';<br /><br />
echo $html;<br /><br />
}<br /><br />
?&gt;

এখন সর্বশেষ আপনার সাইট এ যেয়ে দেখুন। কাজ হলে কিন্তু কমেন্ট না দিয়ে যাবেন না। এখানে কোডে ভুল থাকলে “পূর্বে প্রকাশিত” অংশ থেকে দেখে নিন।
MD. Rasel Rana

MD. Rasel Rana

Blogger দ্বারা পরিচালিত.