«

»

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

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

  • ১.আপনার লগিন লোগো এবং লগিন পেজ এর 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;
}

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

a

এই রকম wordpress কোডিং এর ধারাবাহিক পোস্ট  পেতে আমাদের সাইট থেকে ঘুরে আসতে পারেন ।
আমাদের ফেসবুক পেজ এ সবাইকে আমন্ত্রন রইল ।


এ সম্পর্কিত আরো কিছু টুইট:

ওয়ার্ডপ্রেস টিউটোরিয়াল পর্ব 6 [ব্লগের থিম পরিবর্তন, বাংলা ফন্ট যোগ ও ফন্ট সাইজ বাড়ানো]
আপনার ওয়ার্ডপ্রেস সাইট এর Database Optimize করুন প্লাগিন ছারা
বাংলা video tutorial সহ 8th Payment পাওয়ার পর এ পোস্ট টা লিখলাম ১০০% payment করে ,যদি পারেন কাজ করেন...
Your Future
আপনার ওয়েব সাইটে যুক্ত করুণ বাংলাদেশের সকল রেডিও
অনলাইন কেনাটার জন্য ফ্রি মাস্টারকার্ড নিয়ে নিন ফ্রিতে !২৫ ডলার বোনাস সহ।
চেষ্টা করলে অবশ্যই পাবেন কারন UC Browser আবারো সবাইকে দিচ্ছে নগদ 5000 টাকা ১০০% গ্যারান্টি। এবং বিক...

মন্তব্য দিনঃ

comments

About the author

nazmulfeni4

Permanent link to this article: http://techtweets.com.bd/web-developing/nazmulfeni4/32936

মন্তব্য করুন