Twenty Twelveでアイキャッチ画像の表示の大きさ、表示位置、表示ページを変更・・・WordPress

　WordPressのブログはテーマをTwenty Twelveに変えたのだが、Twenty Twelveは投稿画面に、

　アイキャッチ画像の設定という欄があるので、そこをクリックしてメディアライブラリからアイキャッチ画像に使いたい画像を選択するだけでアイキャッチ画像が表示されるのだが、ここで大きな問題が。。。

　ダッシュボードの「設定」→「メディア設定」でサムネイルのサイズを指定しているのに、元の画像の馬鹿でかい画像がアイキャッチ位画像として表示される。。。それとそのままだと、タイトルの上にアイキャッチ画像が表示されるし、TOPページやアーカイブのページではアイキャッチ画像を表示させたいのだが、個別ページには表示させたくないので、その3点を変更することにした。




　まずアイキャッチ画像の大きさだが、Twenty Twelveのcontent.phpにある、

　を

　に変更すると、

　先ほどメディア設定で設定されていたサムネイルのサイズに変更された。あとアイキャッチ画像をタイトルの下に持ってきて、個別ページに、表示されないようにするには、

		
		

			
		

		
		
			→', 'twentytwelve' ) ); ?>
			 '
' . __( 'Pages:', 'twentytwelve' ), 'after' => '
' ) ); ?>
		

		

　に、位置をずらせば、個別ページには表示されなくなる。

　この画像ではわかりにくいが個別ページで表示されなくなった。これで一安心だけれどもあとは、アイキャッチ画像の表示位置をかえたほうがいいかもしれない。

Twenty Twelve のトップページに抜粋記事一覧を表示・・・WordPress

　新しいWordPressのデフォルトのテーマ「Twenty Twelve」でトップページやカテゴリーページなどは、<!--more--> をいちいち使用するのは面倒なので、
デフォルトのままだと記事全文が表示されるので、抜粋記事の一覧を表示させたいと思っていた。 Twenty Elevenでは不完全ながら、「トップページに抜粋記事の一覧を表示・・・WordPress」でトップページに一覧表示させていたのだが、新テーマTwenty Twelveを使用するにあたって、少しだけ、テンプレートタグ、条件分岐タグについて、

• WordPress　Codex日本語版「テンプレートタグ/the excerpt」
• WordPress　Codex日本語版「条件分岐タグ」
• 「The present note」・・・WordPressの投稿記事一覧を抜粋表示する条件分岐タグの使い方 メイン・カテゴリー・タグ・アーカイブページなど

　上記を参照し、勉強してみた。。。条件分岐タグはブログのトップページなどで特定の内容を表示させたいときに、is_home()というように条件を指定するのに使用し、テンプレートタグのthe_excerpt()は抜粋記事を表示するときに使用する・・・と書かれている。。。具体的にはトップページに抜粋記事を表示させたいときは、、、




　<?php if ( is_home() ) {
    the_excerpt();}
 else {
    the_content();
} ?>



　という風に、?php ifで is_home＝トップページの場合には、the_excerpt＝抜粋表示、else＝それ以外の場合には、the_content＝全文表示、と指定するらしい。。。




　本題に戻り、でTwenty Twelveで抜粋記事一覧を表示するには、テーマをそのまま弄ってもいいのだが、いつも通り子テーマを作り、子テーマについては、、、

• 「WordPress Codex 日本語版・・・子テーマについて」
• WordPressのTwenty Elevenのテーマカスタマイズ・・・子テーマ

　　その子テーマのcontent.phpを弄るのだが、Twenty Twelve のcontent.phpをTeraPadにそのまま貼り付けると、３７行目あたりに、



<?php if ( is_search() : // Only display Excerpts for Search ?>
<div class="entry-summary">
<?php the_excerpt(); ?>
</div><!-- .entry-summary -->
<?php else : ?>　　　

<div class="entry-content">
<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->
<?php endif; ?>



　と、検索結果の場合は抜粋表示で、その他は記事全文で、とおそらく書かれているであろう部分があるので、検索結果だけでなく、ブログのホームやカテゴリーやタグページでも抜粋表示されるように、<?php if ( is_search() : に条件分岐タグを下記のように、



<?php if ( is_search() || is_home() || is_archive() ) : // Only display Excerpts for Search ?>



　追加するだけで、トップページやカテゴリーページなどで記事が前文から抜粋表示になる。

Twenty Twelveの最上部の隙間をなくす・・・Twenty Twelveのカスタマイズ

　先日WordPressのサイトでTwenty Twelveにテーマを変更したのだけれども、まずりたいことは、抜粋記事の一覧を表示させるのと、Twenty Twelveは最上部に、

　このように、隙間があり、隙間をなくしたいと思っていたのだが、LoveLoveLabo ANNEXさんのサイトの「【WordPress】[Twenty Twelve カスタマイズ] メニューバーの位置をヘッダの下に」の記事にわかりやすく説明が書いていたので試してみた。




　まずTwenty Twelveの子テーマのスタイルシートに、子テーマの作り方は「WordPressのTwenty Elevenのテーマカスタマイズ・・・子テーマ」に。その子テーマのスタイルシートに、



　/* =ページ最上部の隙間を消す
----------------------------------------------- */
#page.hfeed.site {        
margin-top: 0;




　を加えるだけ。すると、

　このように最上部の隙間が消えて、最上部がすっきりした気がする。。。
LoveLoveLabo ANNEXさんありがとうございました。。。

Twenty Twelveを試してみた・・・WordPress

　WordPressの趣味のサイトで早速Twenty Twelveを試してみたのだけれども、シンプルな感じで、結構お気に入り。新しい点としては、フォントサイズの記述が、remベースになっていること。remはＣＳＳ3から出てきた新単位みたいだけれども、もし、タイトルや本文のフォントサイズを変えたいと思ったりした時に厄介だと思っていたが、Webourgeoさんのサイトに詳しく書いてあったので、いざタイトルのフォントサイズを変えようと思った時も、初心者の自分もひとまず安心。。。



　Twenty Twelveは気に入ったので、見出しだけ少しスタイルシートに加えただけでこのまま使用しようとしていたのだけれども一つだけ大きな問題が・・・・その大きな問題とは、twentyelevenでは、以前「トップページに抜粋記事の一覧を表示・・・WordPress」で書いたように、content.php の  <?php Ｔhe_content・・・・・・　 と書かれている部分を <?php the_excerpt　・・・・・に変更するだけで、トップページやカテゴリ記事、タグ記事も抜粋記事の一覧表示にできたのだけれども、Twenty Twelveでは確かに抜粋表示にはなるのだけれども、一覧の中から該当記事をクリックして個別記事に移動しても、抜粋されたままで全文が表示されない。。。。自分の知識ではどうしようもないので他の方法で抜粋記事一覧を表示させたいと思うのだが、自分には相当難しいことのような気がする。。。