it-swarm-eu.dev

Jak přizpůsobit wordpress přihlašovací/registrační stránky?

Moje otázka je, jak mohu přizpůsobit výchozí stránku WordPress přihlašovací a registrační stránku bez úpravy základních souborů WP. Přemýšlím více podle kódu function.php.

Může mi někdo pomoct tím, že najde návod, nebo tak něco? Nezapomeňte, že nechci upravovat základní soubory WP. Dík!

3
Jared

Zde je moje funkce.php, které můžete kopírovat funkce. Moje CSS je jistě hozená rychle a mohla by být čistší. Právě teď jsem ve spěšné fázi. Ale můžete použít funkce. První přidává css do vaší hlavy přihlašovací stránky, aby přepsal styly. Později dvě funkce změní atribut url a title loga.

 // LOGIN - vlastní styl 
 Funkce my_login_style () {
 Echo '
 #Login {
 Background: none; 
 hranice: 0; 
 box-shadow: 0; 
 -moz-box-shadow: žádný;/* Firefox */
 -Webkit-box-shadow: žádný;/* Safari, Chrome */
 Box-shadow: žádný;/* CSS3 */
} 
 #Nav {
 Background: none; [.]} [.] forma {[.] -moz-box-shadow: 0 4px 18px # 0b0b0b; 
 -webk-box-shadow: 0 4px 18px # 0b0b0b; 
 box-shadow: 0 4px 18px # 0b0b0b; 
} 
 
 #. přihlašovací formulář # loginform, #login form # registerform, #login form # lostpasswordform {
 hranice: 1px pevná #fff; 
} 
 
 #login h1 {[ [0]] [.]. 
} 
 
 #login h1 a {
 šířka: 300px; 
 výška: 85px; .____.] margin: 0 auto 31px; 
} 
 
 #login form # loginform #user_login, #login form # loginform #user_email, #login form # registerform #user_login, #login form # registerform #user_email, #login form # lostpasswordform #user_login, #login form # loginform #user_pass, #login form # loginform #openid_identifier 
 {
 border: 1px solid #aaa; 
} 
 
 #login form .submit input {
 background: # 2bab44 url ​​("zhttp: //www.domain.com/site/themes/mytheme /img/login-button-gradient8.png ") vlevo nahoru opakování-x! důležité; 
 hranice: 1px pevná # 008717! 
 textový stín: -1px -1px 0 rgba (0, 0, 0, 0,3); polstrování: 5px 20px; 
} 
 
 #login form .submit input: hover {
 background: url ("http://www.my.com/site/themes/my /img/login-button-gradient7.png ") vlevo -24px opakování-x! důležité; 
 hranice: 1px pevná # 2b8c35! 
 textový stín: -1px -1px 0 rgba (0, 0, 0, 0,3); [.]] [.] [.] #login forma .přidat vstup: aktivní {[.]] polstrování: 5px 20px;/* reqd zde z nějakého důvodu */
} 
 
 body.login p # nav a {
 color: # 888! important; 
 text-shadow: none; 
 font-weight: normal, 
 rozteč písmen: 0; 
} 
 body.login p # nav a: hover {[ ...] color: # 88eb86 důležitý, 
 text-decoration: underline, 
} 
 
 .login #backtoblog a {
 display) : žádný; 
} 
 
 #login #login_error {
 font-size: 13px; 
 font-weight: normal; 
 text-shadow: none; 
 okraj: -11px auto 0; 
 výplň: 12px; 
 šířka: 275px; 
 pozadí: # ffb5b4; ohraničení: 1px pevné # db5858; 
 -moz-border-radius: 10px! důležité; 
 hraniční poloměr: 5px; 
} 
 [.____. .] #login .message {
 font-weight: normal; 
 color: #bbb; 
 text-shadow: none; 
} 
 #user_pass, #user_login, #user_email {
 background: #fff; 
} 
 '; 
} 
 add_action (' login_head ',' my_login_style '); 
 
 //// PŘIHLÁŠENÍ - funkce pro změnu odkazu loga na přihlašovací stránce 
 funkce my_login_custom_site_url ($ url) {
 return get_bloginfo ('siteurl'); // vrátí aktuální adresu URL wp blogu 
} 
 add_filter ("login_headerurl", "my_login_custom_site_url"); 
 
 //// PŘIHLÁŠENÍ - funkce pro změnu názvu odkazu loga na přihlašovací stránce (odstranění hesla WordPress) 
 Funkce my_login_header_title ($ message) {
 Návrat Nepravdivé;/* vrátí popis aktuálního blogu */
} 
 add_filter ("login_headertitle", "my_login_header_title"); 
5
Thompson

Funkci add_action můžete použít k přidání funkce přihlášení, aniž byste museli editovat jádro WP.

Zde je návod, který vám ukáže, jak vytvořit svůj vlastní wordpress login: http://www.problogdesign.com/wordpress/custom-wordpress-login-screen/

Tam je také pluginy tam, že mohou vytvářet vlastní wordpress přihlášení, ale mám pocit, že nemohou dosáhnout stejné úrovně přizpůsobení jako tento.

3
Evan Yeung
2
markratledge

Myslím, že tento kód je lepší:

function login() {

    if( is_user_logged_in() ) {

        echo 'Bạn đã đăng nhập rồi ! có thể bạn muốn <a href="' . wp_logout_url( home_url() ) . '">đăng xuất</a> ?';

    } else { ?>

        <div id="login">

            <form method="post" action="<?php echo wp_login_url(); ?>" id="loginform" name="loginform">
                <p>
                    <label>Tên đăng nhập<br>
                    <input type="text" tabindex="10" size="20" value="" class="input" id="user_login" name="log"></label>
                </p>
                <p>
                    <label>Mật khẩu<br>
                    <input type="password" tabindex="20" size="20" value="" class="input" id="user_pass" name="pwd"></label>
                </p>
                <p class="forgetmenot"><label><input type="checkbox" tabindex="90" value="forever" id="rememberme" name="rememberme"> Tự động đăng nhập lần sau</label></p>
                <p class="submit">
                    <input type="submit" tabindex="100" value="Đăng nhập" class="button-primary" id="wp-submit" name="wp-submit">
                    <input type="hidden" value="<?php bloginfo( 'url' )?>" name="redirect_to">
                    <input type="hidden" value="1" name="testcookie">
                </p>
            </form>

            <p id="nav"><?php wp_register( '', '' ); ?> | <a title="Tạo mật khẩu mới" href="<?php echo wp_lostpassword_url() ?>">Bạn quên mật khẩu?</a></p>

        </div>

    <?php }

}

A nyní přidejte tento kód do header.php ve vaší šabloně:

if( $_GET['msv'] == 'login' ){

    login();
    get_sidebar();
    get_footer();

} else {

    // add more or display home page 

}

Pak uvidíte lepší přihlašovací obrazovku.

2
user3750

Zde je podrobný návod, který nedávno zveřejnili někteří velmi dobře informovaní WP vývojáři: http://digwp.com/2010/12/login-register-password-code/

Demo: http://digwp.com/custom-login-demo/


Aktualizace

Jeden z hlavních WP devs právě publikoval tento návod k přizpůsobení loga přihlašovací obrazovky:

http://markjaquith.wordpress.com/2011/02/01/customized-wordpress-login-screen/

1
joelhaus