あまろぐ!

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

48-1
 
いまのブログテーマは「Responsive」です。
 
テーマを決めてから、少しずつカスタマイズしています。
 
 
一覧系画面に記事抜粋続きを読むリンクが表示されますが、記事内容が「記事の抜粋(概要)」なんですよね。
 
概要なので、画像などを貼り付けていても反映されず、テキストだけになってしまいます。
ちょっと困ります。。。 



カスタマイズすればOK!

トップページなどは記事の前半部分(Moreリンクまで)が表示されるので、同じ表示になるようカスタマイズしました。 
 
以下の方法でカスタマイズすると、一覧の抜粋を「記事の前半(続きを読む)」までに変更できます。
 
 
HTML的には、<!–more–>タグを入れている箇所までですね。
 
変更は一か所だけですよ。
 

一覧系ページを修正する

カテゴリー、タグなどの一覧画面です。
 
/[ブログ毎のパス]/wp-content/themes/responsive/archive.php
 
<?php the_excerpt(); ?>
<?php the_content(__('Read more &#8250;', 'responsive')); ?>
に変えます。
 
                <?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_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' ); ?>

 



まとめ

これで一覧で記事の前半部分を表示できるようになりました!
 
もちろん、概要表示の方がわかりやすい場合もありますので、画面によって使い分けするのも良いですね。
 
スポンサーリンク

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

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

WordPressでブログを作る時に使った素晴らしいプラグイン30個まとめ

最近のコメント

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