月別アーカイブ: 2013年12月

ログイン画面のロゴ・CSS・リンク先を変更したい

コメントをどうぞ

［参考］http://codex.wordpress.org/Customizing_the_Login_Form

// ログイン画面ロゴ変更
function my_custom_login_logo() {
echo ‘

‘;
}
add_action(‘login_head’, ‘my_custom_login_logo’);

//ログインのロゴのリンク先変更
function custom_login_logo_link() {
return get_bloginfo( ‘home’ ).’/';
}
add_filter( ‘login_headerurl’, ‘custom_login_logo_link’ );

CSSを変更したい場合

.login h1 a {
background-image: url(‘../images/wordpress-logo.png?ver=20120216′);
background-size: 274px 63px;
background-position: top center;
background-repeat: no-repeat;
width: 326px;
height: 67px;
text-indent: -9999px;
overflow: hidden;
padding-bottom: 15px;
display: block;
}

必要に応じてfunction.phpから上書きが可能です。

画像の回り込み解除　CSS

コメントをどうぞ

WordPress の標準テーマである default, twentyten には
回り込みに関するスタイルが書いてあります。

/* 画像の回り込みとか */
.aligncenter {
    display: block;
    clear: both;
    margin: 0.25em auto 1.5em;
    }
.alignleft {
    float: left;
    clear: both;
    margin: 0.25em 1.5em 1.5em 0;
    }
.alignright {
    float: right;
    clear: both;
    margin: 0.25em 0 1.5em 1.5em;
    }
h2, hr {
    clear: both;
    }

配置：左が連続すると、回り込みがおかしくなってしまうので、
画像タグの後に

<div style="clear:both;"></div>

を挟むか、見出しか水平線を書けば回り込みを解除できます。