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

Twenty Twelve 1.3 での変更点
- アバターサイズの設定ロジック変更
- ヘッダ画像の設定ロジック変更
全ての変更点はこちら
Changes from twentytwelve/1.2 at r28888 to twentytwelve/1.3 at r28888
アバターサイズの設定ロジック変更
アバターサイズの設定ロジックが変更されています。
- author.php ー 作成者別(Author)アーカイブに表示されるアバター
(地味にアバターサイズが60->68に変更されてます。) - content-status.php ー ステータス(フォーマット)に表示されるアバター
- 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; ?>
関連記事
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
「カレンダー」ウィジェット カスタマイズ・プラグイン
目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ
-
-
パーマリンク・スラッグなどURL カスタマイズ
管理画面からの設定 管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。 共通設定 色々なタグの組み合わせで、URLをカスタマイズできます。 パーマリンク設定の画面に利用可
-
-
「Contact Form 7」 メッセージの送信に失敗~
この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗
-
-
Twenty Twelve "Open Sans"の使用を止
「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば
-
-
RSS/Atomフィード カスタマイズ
RSSフィードのカスタマイズ 標準で出力されるフィード WordPressの各種ページで出力されるフィードは以下になると思います。 投稿:投稿のフィード @全てのページ サイトのコメント:
-
-
Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止
TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント
-
-
titleタグ(wp_title) カスタマイズ
SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが
-
-
Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」
Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google
-
-
テーマ ブックマーク 2013
2012 フリーテーマ トップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top
- PREV
- 入力文字列の長さ(文字数)をバリデーション
- NEXT
- パーマリンク・スラッグなどURL カスタマイズ