ワードプレスのテンプレート「Twenty Twelve」でアイキャッチ画像の位置を変える方法

キャットアイ
スポンサーリンク


本ブログはWordPress(ワードプレス)のテンプレートTwenty Twelve使用しています。

ナビゲーションと投稿の仕様が実に使いやすいので歴代のテンプレートの中でも管理者は

大変お気に入りです

ただし以前の投稿

WordPress(ワードプレス)のTwenty Twelveでタイトル直下の「コメントをどうぞ」をどうにかする」のように

たまにこちらのイメージと違うレイアウトの部分があり、

phpやcssを多少いじらなければならない時があります。

今回はまた少し気になった部分、アイキャッチ画像の位置を修正したので

ついでにやり方を備忘録として投稿します

 

「Twenty Twelve」でアイキャッチ画像の位置を変える方法

1.まずはWordPress(ワードプレス)のダッシュボード内「外観」→「テーマ編集」を選びます。

2.右のテンプレートの中でcontent.phpを選びます。

content

content

3.下記コード<header class=”~”>から</header>までになります。

この部分の<?php the_post_thumbnail(); ?>がアイキャッチ画像にあたるので

これをヘッダーの外(</header><!– .entry-header –>より後)に持ってきます。

以上で下記のように投稿のタイトルの下にアイキャッチ画像がくるようになります

アイキャッチ

アイキャッチ

これでアイキャッチ画像を適切な位置へ移動できたと思います

スポンサーリンク


 
Pocket