WordPressのテーマ「Responsive」の記事一覧でアイキャッチ画像を非表示にする方法
いまのブログテーマは「Responsive」です。
シンプルで良いテーマですね。
（WP管理画面の「テーマのインストール」からインストールできます）
とても気にいっているのですが、記事にアイキャッチ画像を設定していると、「一覧画面の記事先頭」に画像が大きく表示されるので困っていました。
画像は好きな位置に配置したいのですよ。
(1) トップページを修正する
ブログのトップページの一覧です。
/[ブログ毎のパス]/wp-content/themes/responsive/home.php
この部分にコメントを付けます。
<?php get_template_part( 'post-meta' ); ?>
<div class="post-entry">
<!--
<?php if ( has_post_thumbnail()) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
<?php the_post_thumbnail(); ?>
</a>
<?php endif; ?>
-->
<?php the_content(__('Read more ›', 'responsive')); ?>
<?php wp_link_pages(array('before' => '<div class="pagination">' . __('Pages:', 'responsive'), 'after' => '</div>')); ?>
</div><!-- end of .post-entry -->
<?php get_template_part( 'post-data' ); ?>(2) 一覧系ページを修正する
カテゴリー、タグなどの一覧画面です。
/[ブログ毎のパス]/wp-content/themes/responsive/archive.php
この部分にコメントを付けます。
<?php get_template_part( 'post-meta' ); ?>
<div class="post-entry">
<!--
<?php if ( has_post_thumbnail()) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
<?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?>
</a>
<?php endif; ?>
-->
<?php the_excerpt(); ?>
<?php wp_link_pages(array('before' => '<div class="pagination">' . __('Pages:', 'responsive'), 'after' => '</div>')); ?>
</div><!-- end of .post-entry -->
<?php get_template_part( 'post-data' ); ?>まとめ
消えましたでしょうか？
これで自分の好きな位置に画像を貼り付けても、バランスよく配置ができます！
アイキャッチ画像を復活させたい時は、コメントを取ってくださいね。
コメント
- 2013年 5月 08日
こんにちは
wordpressの説明非常に参考になります
自分もResponsiveのテーマで運営しているのですが
ブログの記事タイトルの大きさを変えるため試行錯誤しています
単純にh2やh3かと思ったのですが、うまくいかないです
わかりにくい文章で申し訳ございません
お時間のある時にでも回答していただけるとうれしいです
コメントありがとうございます。
/[ブログ毎のフォルダ]/wp-content/themes/responsive/post-meta.php
の21行目付近に、
<h3 class="post-title"><a href="<?php the_permalink() ? rel="nofollow"> ～以下略
があります。
これをh1やh5に変更すれば良いはずですよ。
私もこの見出しタグで大きさを調整してます。
ありがとうございます。
大変助かりました。
今後もあまろぐを参考にさせていただきます。