アバターサイズの変更など Twenty Twelve 1.3での変更点

Twenty Twelve 1.3 での変更点

  • アバターサイズの設定ロジック変更
  • ヘッダ画像の設定ロジック変更

全ての変更点はこちら
Changes from twentytwelve/1.2 at r28888 to twentytwelve/1.3 at r28888

アバターサイズの設定ロジック変更

アバターサイズの設定ロジックが変更されています。

  1. author.php ー 作成者別(Author)アーカイブに表示されるアバター
    (地味にアバターサイズが60->68に変更されてます。)
  2. content-status.php ー ステータス(フォーマット)に表示されるアバター
  3. content.php ー シングルページの投稿者情報(部分)に表示されるアバター

アバターのサイズを変更する際は

functions.phpに以下を追加することで変更できます。

// ステータス(フォーマット)に表示されるアバターのサイズを90x90ピクセルに変更
add_filter( 'twentytwelve_status_avatar', 'my_twentytwelve_status_avatar' );
function my_twentytwelve_status_avatar(){
    return 90;
}
// 作成者別(Author)アーカイブに表示されるアバターのサイズ
// シングルページの投稿者情報(部分)に表示されるアバターのサイズ
add_filter( 'twentytwelve_author_bio_avatar_size', 'my_twentytwelve_author_bio_avatar_size' );
function my_twentytwelve_author_bio_avatar_size(){
    return 90;
}

ヘッダ画像の設定ロジック変更

$header_imageはエスケープされるため(3.6~)、テーマ側でesc_urlエスケープするのをやめてます。

// 1.0~
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
    <img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
</a>

// 1.3
<?php if ( get_header_image() ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
    <img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
</a>
<?php endif; ?>

// 1.6
<?php if ( get_header_image() ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
    <img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" />
</a>
<?php endif; ?>
  • このエントリーをはてなブックマークに追加

関連記事

「Contact Form 7」 メッセージの送信に失敗~

この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗

ログイン画面・機能をカスタマイズ

CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.

Twenty Thirteen ナビゲーションメニューを固定

ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade

no image

アイキャッチにマウスオーバーすると投稿タイトルを表示

WordPressのフォーラムから定期的に流入があるため、対応をいくつか探ってみました。トピックは、「サムネイルにマウスオーバーするとタイトルが表示されるようにしたい」 ちなみに、投稿内のキャプ

Twenty Eleven カスタマイズ

目次 author-info 消す 作成者(投稿者)を消す 投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更

「All in One SEO Pack」を代替するための準備

「All in One SEO Pack」は、SEO対策に必要な基本的な設定を行ってくれるプラグインです。とある事情で、無効化することになったので代替を行いました。特に問題があるわけではなく、特殊なこ

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

コメントフォーム・リストのカスタマイズ

コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ

"コメントを残す" 削除・文言を変更する方法

コメントフォームに表示される「コメントを残す」はWordPress標準で翻訳される要素です。テーマ側でカスタマイズしていない限り表示されます。 ここでは、この要素を削除したり、文言を変更する方法を紹

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑