【wordpress】excerpt.phpを使おう!


スクリーンショット 2014-06-18 22.15.27

ここ数十分blogの方が安定しませんでした。
ごめんなさい。一番アクセスが多いであろう時間帯に敢えてデザインに手を加えてました。どうも!

上のアイキャッチは昨年サークルで作ったwordpressです!
当時試行錯誤しながらどっかのサイト見つつ「記事一覧」を作ったのですがどのサイト見たのか忘れてしまい。しかもGoogle検索しても当時見ていたであろう外観のチュートリアルで出て来ず。

仕方ないので過去の自分のコード見ながら上記の画像のような記事一覧を作っていました。
せっかくなのでこの30分強の試行錯誤、記事にしたいと思います!「お前!それ提供もとうちのサイトじゃねーの?!」って方いらっしゃいましたら容赦なくコメントしてください。記事を下げるなり、引用元を参照するなりさせていただきます。


まずはexcerpt.phpの作成です。

excerptを設定しておくとmoreタグを使う事無く記事からはじめの数文字を抜粋してくれます!これは便利ですね!!僕はいついかにしてexcerpt.phpを記述したのかわかりませんが過去に書いたド汚いコードがあったのでそれを流用しました。笑

content.php(全文表示)に対局しているexcerpt.php(抜粋表示)にはとりあえず、

<div class="entry-content">
	<?php the_excerpt(__('more')); ?>	
</div>

だけは書いておきましょう。錆び付いた僕の脳みそでもこれはわかります。大事です。

逆に言うとcontent.phpをコピーして

<div class="entry-content">
	<?php the_excerpt(__('more')); ?>	
</div>

を書き、要らなくなった

<?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; ?>

を葬っていました。
今見るとなんのコメントアウトもないのでなんの根拠があってそうなったのかわからないのですが、excerptについて書き加え要らなくなったexcerptに関するところを削っている事ぐらいはわかります(情弱)。


次にfunction.phpを開いてください。
ここは丁寧にコメントアウトがありました。かつての自分、良心的です。

/*
投稿記事一覧機能追加
*/

function new_excerpt_more($post) {
 return '<a href="'. get_permalink($post->ID) . '">' . '...続きを読む ' . '</a>';
 }
 add_filter('excerpt_more', 'new_excerpt_more');

もうまんまっす。
敢えて言うならば「…続きを読む」の場所の文字をかえると「readmore」の文字が変わります。


さて、最後です。

<?php /* Start the Loop */
			
	while ( have_posts() ) : the_post();
		get_template_part( 'excerpt');	
					
	endwhile;

	twentytwelve_content_nav( 'nav-below' );
?>

excerpt.phpを読み込むコードですね!
これをcontent.phpを読み込むコードが書かれている箇所に上書きするように記述してください。

普通のblogでしたらindex.phpになります。
僕みたいなカテゴリー別に記事を表示しているblogでしたらcategory.phpになります。

普通ならば

<?php
	/* Start the Loop */
	while ( have_posts() ) : the_post();
			/* Include the post format-specific template for the content. If you want to
			 * this in a child theme then include a file called called content-___.php
			 * (where ___ is the post format) and that will be used instead.
			 */
	get_template_part( 'content', get_post_format() );
	
	endwhile;
	
	twentytwelve_content_nav( 'nav-below' );
?>

こんな感じで書かれておりますので、それを上記のようにexcerpt用にかきなおしてください!


後は自動的にサムネイル画像を設定してくれる、「Thumbnail for Excerpts」ってプラグインでも入れればスイスイ動くかと思います!

一番大事なexcerpt.phpの箇所がうろ覚えで曖昧したが、他の箇所は意外としっかりと覚えていました。
コメントアウトって地味に大事なのですね…。コメントアウトせずとも行き当たりばったりで乱雑に追記を繰り返したコードって見直してもまじで暗号です。笑

みなさんも自分でテーマをいじいじしてくなった際は是非excerpt(抜粋)を試してみてください!
まだちょっと見づらいので近い将来もう少し見やすくしたいと思います。


※いかなる不具合に関してもmokabuu.comでは責任を負いかねます。


最後まで読んでいただきありがとうございます。もしこの記事を気に入って頂けたようであればシェアをお願い致します。非常に励みになります。


コメントを残す