今回あるWebサイト作成にあたり、logwでは使っていなかったWordPressの技術をやってみようと思いました。今行っているカスタマイズのメモになります。

アイキャッチ画像の追加

新しいサイトではアイキャッチ画像を使っていこうと思いました。アイキャッチ画像の追加は以下のようにしました。

//アイキャッチ画像設定
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 530, 250, false );//横幅530px×縦幅250pxの画像

falseを指定しているのでサイズオーバーだった場合は縮小ひょうじになります。

文字の数を指定して続きを読む表示

//抜粋
function new_excerpt_mblength($length) {
     return 10;
}
add_filter('excerpt_mblength', 'new_excerpt_mblength');

function new_excerpt_more($post) {
return '<br />' . '<a href="'. get_permalink($post->ID) . '" class="read_more">' . '続きを読む' . '</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

10文字以上になったら「続きを読む」ボタンを表示しています。

ログイン画面のカスタマイズ

/*------------------------------------
	3.ログイン画面のカスタマイズ
------------------------------------*/
//管理画面
function custom_login_logo() {
 echo '<style type="text/css">h1 a { background: url('.get_bloginfo('template_directory').'/images/login/login_logo.png) 50% 50% no-repeat !important; }</style>';
}
add_action('login_head', 'custom_login_logo');

function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/css/login.css" />';
}
add_action('login_head', 'custom_login');

ログイン画面のロゴを作ったサイトのにしています。そしてログイン画面の背景を変えるためにlogin.cssを作り読み込む設定にしています。