あまろぐ!

WordPressのテーマ「Responsive」の記事一覧でアイキャッチ画像を非表示にする方法

48-1
 
いまのブログテーマは「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 &#8250;', '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年 7月 02日

    こんにちは
    wordpressの説明非常に参考になります

    自分もResponsiveのテーマで運営しているのですが
    ブログの記事タイトルの大きさを変えるため試行錯誤しています

    単純にh2やh3かと思ったのですが、うまくいかないです

    わかりにくい文章で申し訳ございません
    お時間のある時にでも回答していただけるとうれしいです

      • だーしゅ
      • 2013年 7月 04日

      コメントありがとうございます。

      /[ブログ毎のフォルダ]/wp-content/themes/responsive/post-meta.php
      の21行目付近に、
      <h3 class="post-title"><a href="<?php the_permalink() ? rel="nofollow"> ~以下略
      があります。
      これをh1やh5に変更すれば良いはずですよ。

      私もこの見出しタグで大きさを調整してます。
       

        • できゅ
        • 2013年 7月 05日

        ありがとうございます。
        大変助かりました。

        今後もあまろぐを参考にさせていただきます。

iPhoneの雨音アプリ「Sleepmaker Rain」で選択できる雨音を日本語にしてみました

WordPressのテーマ「Responsive」の記事一覧で、概要ではなく”記事の前半(続きを読む)”までを表示する方法

最近のコメント

だーしゅ
IT関係のお仕事してます。焚き火がしたい。
[当ブログについて]