wordpress تېخنىكىسى

WordPress باشقۇرۇش تاختىسىغا كىرش بېتىنى ئۆگەرتىش

ماقالە مۇندەرىجىسى

ئالدىنقى يازمىمىزدا «WordPress باشقۇرۇش تاختىسىغا كىرش ئېغىزىنىڭ logo سىنى ئۆزگەرتىش» ھەققىدە سۆزلىگەن، مەزكۇر يازمىدا بولسا بىر قەدەم ئىچكىرلەپ كىرىپ WordPress باشقۇرۇش تاختىسىغا كىرش بېتىنى ئۆگەرتىمىز.

1-قەدەم، functions.php ھۆججىتىنى ئېچىپ ئەڭ ئاستىغا تۆۋەندىكى كودنى قوشۇڭ

   
function custom_login() {   
echo ' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; }   
add_action('login_head', 'custom_login');   
?>

2-قەدەم، custom_login ھۆججەت قىسقۇچى قۇرۇش ۋە css قوشۇش

ئۇسلۇب ھۆججىتىنىڭ ئىچگە custom_login نامىدا ھۆججەت قىسقۇچى قۇرۇڭ، ئىچىگە logo.png نامىدىكى logo رەسىمىنى ھەم ئاستىدىكى كودنى custom_login.css نامىدا ساقلاپ قۇيۇڭ.

/** 背景及字体 **/    
html,body.login{   
    background:#f2f2f2;   
    font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif;   
}   
/** 去掉链接下划线 **/    
html a{   
    text-decoration: none;   
}   
/** 登录DIV **/    
#login {   
    background:#fff;   
    border: 1px solid #ccc;   
    width:400px;   
    margin: 40px auto 0;   
    padding: 10px 10px 20px 10px;   
    border-radius:5px;   
    box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7);   
}   
/** 替换logo **/    
.login h1 a{   
    background: #fff url(logo.png) no-repeat center;   
    width:400px;   
}   
/** 提示 **/    
.updated, .login .message {   
    background:#fff;   
    border: none;   
    text-align: center;   
}   
/** 表单 **/    
.login form {   
    box-shadow:none;   
    border: none;   
}   
#loginform, #registerform, #lostpasswordform{   
    background:transparent;   
    border:none;   
}   
/** 按钮 **/    
.button-primary,.submit .button-primary,#login form .submit input {   
    width:83px;   
    height:25px;   
    font-weight: bold;   
    border:none;   
}

ئۈنۈم تۆۋەندىكىچە

custom-wordpress-login-page

مەزكۇر يازمنىڭ خەتكۈچى ، ، ، بىلەن مۇناسىۋەتلىك يازمىلار



10 باھا يېزىلىپ بوپتۇغۇ؟ سىزلا يازمىغان ئوخشايسىز ...

  • ئىليار | 14:49 | 2013.03.5 جاۋاب

    ياخشى بىر تېخنىكا . :lol:
    يېڭى تېخنىكىلارنى جىقراق يوللاپ تۇرىشىڭىز نى ئۈمىد قىلىمەن
    رەھمەت

  • ئەلكۈن | 14:31 | 2013.03.10 جاۋاب

    بۇ تېخنىكىمۇ ئېسىل، ياخشى بولۇپتۇ. ئەمما، ئۆزلىرى ياسىغان ئۇسلۇبنى ئىشلىتىپ كېلىۋاتقانىدىم. ئۇسلۇبنى تار ھالەتكە تەڭشەش مۇددىئايىمنى ئەمەلگە ئاشۇرۇش ئۈچۈن ئازراق ھەپىلەشكەن، ئۇ مەقسەتكە يەتكەندەك بولدۇميۇ، مەزمۇن سول تەرەپ قۇيرىقى چىقمايدىغان بولۇپ قالدى. قانداق ئامالى بار؟ تەلىم بەرگەيلا!

    • پرېستان | 02:21 | 2013.03.11 جاۋاب

      بارلىق كەڭلىكلەرنى نىسپەت بويىچە كىچىكلەتسىڭىز بولىدۇ. width دېگىنى كەڭلىك شۇ.

      • ئەلكۈن | 22:01 | 2013.03.11

        تەشەككۈر! سالامەتلىك يار بولغاي! قاراپ باقاي، قىلالمىسام ياردەمگە چاقىرىمەن… :smile:

  • دۇردان | 23:47 | 2013.03.24 جاۋاب

    مىنىڭ بىلوگىمنىڭ باش سۇرتى چىقمايدۇ يا ياردەم قىلسىڭىز

  • دۇردان | 23:47 | 2013.03.24 جاۋاب

    جاۋاب يوق ما

    • پرېستان | 01:24 | 2013.03.26 جاۋاب

      قايسى بلوگىڭىزنىڭ؟ «باش سۇرتى» دېگەن نېمىكەن؟ ئەستايىدىل تەپسىلى سۇئال سورىسىڭىز جاۋاب بېرەي.

      • دۇردان | 15:45 | 2013.03.27

        ھە ئەمدى قاملاشتى

  • باتۇر | 17:34 | 2013.06.1 جاۋاب

    سالام .1-قەدەم، functions.php ھۆججىتىنى ئېچىپ دەپسىز .مەن قارىسام ئۇنداق ھۆججەتتىن بىر قانچىسى باركەن يا مەن چۈشەنمىدىممۇ … :?:

    • پرېستان | 16:29 | 2013.06.2 جاۋاب

      پەقەتلا پەقەت ئىسمى functions.php دېگەن ھۆججەتتىن بىرى باردۇ؟ ئەگەر بىر قانچىسى بار بولسا ماڭا بىر Email يوللاڭە رەسىمگە تارتىپ.

باھا يوللاش (قەلب سۆزلىرىڭىزدىن قالدۇرۇپ كىتىڭ)


icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif