やまでら くみこ のレシピ

テレビで話題の人気レシピをメインに紹介しています。

Stinger3カスタマイズ。yet another related posts pluginで関連記事を表示する。

投稿日:2014年1月20日 更新日:


wordpress

関連記事を表示してくれるプラグイン、YARPP(yet another related posts plugin)。
このWordPressプラグインを、無料テーマ「Stinger3」と併用する際の設定をメモしておきます。

Stinger3の機能をつかって関連記事の抜粋を表示し、なおかつ、YARPPの機能をつかって精度の高い関連記事を表示する。
SEOの面でも、また、読者の利便性の面でも、悪くないカスタマイズだと思いますよ。

カスタマイズの手順

まずは、YARPPをインストールして、テンプレートファイルを作成します。
この方法については、例えば、こちらのブログを参照してください。

yet another relative plugin

テンプレートファイルを作成したら、その中身を削除し、テンプレートファイルに以下のコードを貼り付けます。

<?php if(have_posts()):?>
	<h2 class="kanren">関連記事</h2>
	<div class="sumbox02">
	<div id="topnews">
	<div>
<?php while(have_posts()) : the_post(); ?>
		<dl>
		<dt>
			<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php echo get_the_post_thumbnail($post->ID, 'thumb110'); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
					<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="110px" />
<?php endif; ?>
			</a>
		</dt>
		<dd>
			<h2 class="saisin">
				<a href="<?php the_permalink() ?>">
<?php the_title_attribute(); ?>
				</a>
			</h2>
			<p class="basui">
<?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 50 ) . ''; ?>
			</p>
			<p class="motto"><a href="<?php the_permalink() ?>">記事を読む</a></p>
		</dd>
		</dl>
<?php endwhile; ?>
	</div>
	</div>
	</div>
<?php else: ?>
	<!-- 関連記事がないときのHTMLをここに書く-->
<?php endif; ?>

続いて、Stinger3の「single.php」内の関連記事を表示するコードを削除します。具体的には、下記のコードです。

<!--関連記事-->
<h2 class="kanren">関連記事</h2>
    <div class="sumbox02">
      <div id="topnews">
        <div>
<?php
$categories = get_the_category($post->ID);
$category_ID = array();
foreach($categories as $category):
array_push( $category_ID, $category -> cat_ID);
endforeach ;
$args = array(
'post__not_in' => array($post -> ID),
'posts_per_page'=> 10,
'category__in' => $category_ID,
'orderby' => 'rand',
);
$st_query = new WP_Query($args); ?>
<?php
if( $st_query -> have_posts() ): ?>
<?php
while ($st_query -> have_posts()) : $st_query -> the_post(); ?>
          <dl>
            <dt> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php echo get_the_post_thumbnail($post->ID, 'thumb110'); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
              <img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="110px" />
<?php endif; ?>
              </a> </dt>
            <dd>
              <h2 class="saisin"> <a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
                </a></h2>
              <p class="basui">
<?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 50 ) . ''; ?></p>
              <p class="motto"><a href="<?php the_permalink(); ?>">記事を読む</a></p>
            </dd>
          </dl>
<?php endwhile;?>
<?php else:?>
          <p>記事はありませんでした</p>
<?php
endif;
wp_reset_postdata();
?>
        </div>
      </div>
    </div>

最後に、削除したコードの代わりに下記のコードを貼り付けます。

<?php related_posts(); ?>

以上、Stinger3とyet another related posts pluginを併用するカスタマイズでした。







画像引用元:how to make WordPress needle cushion by Odyssey

関連記事

Stinger3カスタマイズ。サイトバーにカテゴリ別の最新記事を表示する。

WordPressの無料テーマ「Stinger3」で、サイドバーにカテゴリ別の最新記事を表示する方法をご紹介します。 動作のイメージは、こん…

楽天ランキング上位の商品を、全自動でアフィリエイトする方法をご紹介します。

WordPressで運用しているブログに楽天市場の人気商品を自動で貼り付ける方法を、ご紹介します。 一度設定をしておけば毎日更新されるので、…

【WordPress】カテゴリを判別して、最新記事をサムネイル付きで一覧表示する方法

今回は、表示している記事のカテゴリを判別して、そのカテゴリの最新記事一覧をサイドバーに表示する方法をご紹介します。 しかもサムネイル画像と一…

カテゴリ別の最新記事一覧をライブドアブログのサイドバーに表示する方法

今回は、ライブドアブログのサイドバーにカテゴリ別の最新記事を一覧表示する方法をご紹介します。 例えば、いま表示されている記事が料理レシピだと…

田中功起さんの美術館の備品を使ったインスタレーション&映像作品?横浜トリエンナーレ2011より?

 横浜トリエンナーレ2011のコンセプトの1つ、”美術館の所蔵品や美術館という場所に新たな視点を投げかける” を意識してのことかもしれません…

おすすめ記事

さつまいものレンジでの蒸し方3パターン。ふかし芋や焼き芋、時短レシピも。

さつまいもを電子レンジで蒸す方法を、3パターンご紹介します。 「ふかし…

得する人損する人のレシピ。得損のダイエットや料理、231品まとめ。

「あのニュースで得する人損する人」で話題のメニューの中から、人気レシピ…

ヒルナンデスのレシピ。日テレで話題の簡単料理のレシピ81品まとめ。

ヒルナンデスで話題のレシピの中から、人気の料理を81品ご紹介します。 …

舞茸の糖質制限レシピ。血糖値スパイクの予防に効く料理。

舞茸を使った血糖値をおさえる料理のレシピをご紹介します。 内科医の泰江…

オクラの茹で方3パターン。レンジや鍋で上手に茹でる方法。

オクラの上手な茹で方を3パターンご紹介します。 1つめはレンジを使った…

おからの人気レシピ集。生おから・おからパウダーの簡単料理11品まとめ。

おからの人気レシピ11品をご紹介します。 生おから・おからパウダー・乾…

もち麦の茹で方と炊き方。あさイチで話題の美味しい食べ方。

美容や健康に良い、もち麦の茹で方(2パターン)と炊き方(2パターン)を…

さつまいもご飯のレシピ。人気の栗原はるみさんの作り方。

さつまいもの自然な甘みとホクホク感をいかした、シンプルな炊き込みご飯の…

とうもろこしはレンジが一番。皮ごとチン、皮なしラップでチンが美味しいゆで方。

とうもろこしはレンジでチンが一番美味しいです。 皮ごとならそのまま。皮…

さんまを使った漁師めしのレシピ。上田勝彦さんの、棒サンマ。

元漁師で水産庁官僚の上田勝彦さんがすすめる、漁師飯のレシピをご紹介しま…

さんまのムニエルのレシピ。柳澤英子さんのおすすめ。

料理研究家の柳澤英子さんが考案した、サンマのムニエルのレシピをご紹介し…

さんまのカレー塩焼きのレシピ。高木ハツ江さんの簡単料理。

洋食にも合うさんまの塩焼きのレシピをご紹介します。 料理の達人でNHK…

ニラ玉のおすすめレシピ。10分でできる人気シェフのふわとろ中華。

ニラ玉のおすすめレシピをご紹介します。 中華料理の名店「美虎」のオーナ…

あさイチの人気レシピ。NHKの料理メニュー62品まとめ。

NHK「あさイチ」の人気レシピ62品をご紹介します。 当サイトでは、テ…

そばの実ダイエットのレシピ。得する人損する人で話題のラクやせ法。

日本テレビの「得する人損する人」で話題になった、そばの実ダイエットのレ…

鶏ハムのおすすめレシピ。伝説の家政婦 志麻さんの時短料理。

鶏ハムのおすすめレシピをご紹介します。 伝説の家政婦こと、家事代行サー…

シューファルシのお薦めレシピ。伝説の家政婦 志麻さんのロールレタス。

シューファルシのおすすめレシピをご紹介します。 伝説の家政婦こと、家事…

プロの作り置き人気レシピ。常備菜127品まとめ。

作り置きにおすすめの人気レシピを127品ご紹介します。 当サイトでは、…

作り置き人気レシピ。鶏肉・豚肉・牛肉の常備菜53品まとめ。

プロが考案した肉料理の中から、常備菜におすすめの人気レシピを53品ご紹…

世界一美味しいカルボナーラのレシピ。得する人損する人で話題。

日本テレビの「得する人損する人」で話題になった、世界一美味しいカルボナ…

プロのお弁当 おかず簡単レシピ。107日分まとめ。

お弁当の簡単おかずレシピを107パターンご紹介します。 107品すべて…

北斗晶さんのチーズタッカルビのレシピ。金スマで話題の作り方。

TBSテレビの「中居正広の金スマスペシャル」で話題になった、タレントの…

バナナの保存方法。ラップやビニール袋で覆って冷蔵庫が一番長持ち。

バナナを生のまま日持ちさせる保存方法をご紹介します。 おすすめは冷蔵保…

柳澤英子さんのやせるおかず作り置きレシピ。71品まとめ。

料理研究家の柳澤英子さんの人気レシピ71品をご紹介します。 柳澤さんと…

みきママの人気レシピ。節約簡単料理89品まとめ。

おうち料理研究家のみきママの人気レシピ89品をご紹介します。 当サイト…

小倉優子さんの人気レシピ。ゆうこりんの料理28品まとめ。

ゆうこりんこと、タレントの小倉優子さんの人気レシピを28品ご紹介します…

北斗晶さんの料理人気レシピ。85品まとめ。

タレントの北斗晶さんの人気レシピ85品をご紹介します。 子供も喜ぶ優し…

平野レミさんの人気レシピ。71品まとめ。

料理愛好家の平野レミさんの人気レシピを71品ご紹介します。 おしゃれな…

超時短レシピ。10分以内で作れる人気料理230品まとめ。

10分以内で作れる時短レシピを230品ご紹介します。 当サイトではテレ…

超時短レシピ。3分以内で作れる人気料理87品まとめ。

3分以内で作れる時短レシピを87品ご紹介します。 当サイトではテレビで…

糖質制限ダイエットの人気レシピ。おすすめメニュー190品まとめ。

糖質制限におすすめの人気レシピ190品をご紹介します。 ダイエットや健…

銀だこが教える、たこ焼きのレシピ。家庭で作る方法。

人気たこ焼きチェーン店「築地 銀だこ」がすすめる、家庭でもできる、タコ…

最新記事

漬物の上手な保存方法。漬物の汁の再利用レシピ5品も紹介。

漬物の上手な保存方法をご紹介します。 ポイントは空気になるべく触れさせ…

焼き芋を冷凍保存すると、クリーミーで美味しいアイスがいつでも楽しめます。

焼き芋は冷凍できるってご存知ですか。 焼き芋を冷凍保存しておけば、1ヶ…

骨粗鬆症予防に効く食事。カルシウムの吸収を高める食べ物。

TBSテレビ「名医のTHE太鼓判!」で話題になった、骨粗しょう症の予防…

タプナードのレシピ。伝説の家政婦 志麻さんのさんまのオーブン焼き。

タプナードの作り方とおすすめレシピをご紹介します。 「タプナード」とは…

さつまいもダイエットのレシピ。冷やし焼き芋などの食べ方も紹介。

テレビ東京「主治医が見つかる診療所」で話題になった、さつまいもダイエッ…