アバターサイズの変更など 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; ?>
関連記事
-
-
コメント欄停止・コメント削除
WordPressでは標準でコメント機能が付いてきます。この投稿ではコメント機能の停止や既に投稿されたコメントを削除する方法を紹介します。 設定による停止方法 新規の投稿に関してコメントを停止
-
-
Twenty Fourteen 「投稿者」を非表示
TwentyFourteenでは、シングルページやアーカイブページにそれぞれ「投稿者」が表示されます。投稿者を非表示にさせる方法を投稿してみます。表示させる場合は、以下を参考に表示名などを変更してみて
-
-
ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ
プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill
-
-
RSS/Atomフィード カスタマイズ
RSSフィードのカスタマイズ 標準で出力されるフィード WordPressの各種ページで出力されるフィードは以下になると思います。 投稿:投稿のフィード @全てのページ サイトのコメント:
-
-
多言語化プラグイン「qTranslate」
ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang
-
-
スライダー・ギャラリー プラグイン
WordPressにギャラリーが実装できるプラグインをまとめてみました。 順番はオススメ順です。 Simple Responsive Slider #ショートコード #テンプレート #ウ
-
-
head内に出力される要素を整理
Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急
-
-
投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点
TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
ナビゲーションメニューに検索フォームを追加
メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく
- PREV
- 入力文字列の長さ(文字数)をバリデーション
- NEXT
- パーマリンク・スラッグなどURL カスタマイズ