WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法


投稿日:2012年1月22日
  • 0
  • 0



本文と関連のない画像は百害あって一理なし

一覧ページに、記事の抜粋とアイキャッチ画像を表示してるサイトが多いようです。
本文と関連した画像なら問題ありませんが、誘導のためだけの画像や、他の投稿とデザインをあわせるためだけに挿入された画像も見かけます。

悪いことに、訴求力のある画像をアイキャッチに持ってくることが多いため、そういった画像が本文にまで表示されると、目線の移動で訪問者は迷い、ブラウザの表示は遅くなり、要素の増加で本文の重要度が低下するなど、いいことはありません。必要な画像は適宜アップロードするのが一番ユーザビリティーの高い方法です。

そこで「Twenty Ten」にある、ヘッダーにアイキャッチ画像を表示する部分を削除します。


削除方法

header.php」の70行目あたり

				<?php
					// Check if this is a post or page, if it has a thumbnail, and if it's a big one
					if ( is_singular() && current_theme_supports( 'post-thumbnails' ) &&
							has_post_thumbnail( $post->ID ) &&
							( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
							$image[1] >= HEADER_IMAGE_WIDTH ) :
						// Houston, we have a new header image!
						echo get_the_post_thumbnail( $post->ID );
					elseif ( get_header_image() ) : ?>
						<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
					<?php endif; ?>

という記述を全て削除します。
復活させたいときはまたコピペしましょう。


現在のページを共有する



現在のページに関連する記事

WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更
WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 WordPressでアイキャッチ画像をサムネイルとして一覧ページに表示する方法
WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 貼るだけ簡単!アクセスが倍増するWordPress用OGPコード
WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 WordPress3.5で親ページのIDを取得するget_post_ancestors()でエラー発生
WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 WordPressに「トップへ戻る」ボタンを設置して、フックの仕組みについて学ぼう
WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法 ページ編集の手間を劇的に減らす、Custom Field Templateでカスタムフィールドを作る方法

おすすめの記事

今さら聞けない、変数や関数の命名規則と、まず覚えるべき英単語200

今さら聞けない、変数や関数の命名規則と、まず覚えるべき英単…

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスター…

WordPressの最速キャッシュを探せ!APC、memcached、Transients APIを比較

WordPressの最速キャッシュを探せ!APC、memcached、Transients…

サーバの処理を自動実行するcronの仕組みと応用法

サーバの処理を自動実行するcronの仕組みと応用法

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

エンティティとデコード用プラグイン「Entity Decode Button」を作成しました

エンティティとデコード用プラグイン「Entity Decode Button」…

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。