WordPessカスタマイズメモ
今回あるWebサイト作成にあたり、logwでは使っていなかったWordPressの技術をやってみようと思いました。今行っているカスタマイズのメモになります。
アイキャッチ画像の追加
新しいサイトではアイキャッチ画像を使っていこうと思いました。アイキャッチ画像の追加は以下のようにしました。
[php]
//アイキャッチ画像設定
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 530, 250, false );//横幅530px×縦幅250pxの画像
[/php]
falseを指定しているのでサイズオーバーだった場合は縮小ひょうじになります。
文字の数を指定して続きを読む表示
[php]
//抜粋
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');
[/php]
10文字以上になったら「続きを読む」ボタンを表示しています。
ログイン画面のカスタマイズ
[php]
/*------------------------------------
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');
[/php]
ログイン画面のロゴを作ったサイトのにしています。そしてログイン画面の背景を変えるためにlogin.cssを作り読み込む設定にしています。
個人支援・寄付について
サイトラボでは個人支援・寄付を受けております。ご協力いただける方はお願いいたします。当サイトではビットコインで受け付けております。
- ビットコイン:3LHnADwZwUbic2L45EnVJEykiG6KfbqrwS