やまでら くみこ のレシピ

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

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

スポンサーリンク







関連記事

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

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

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

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

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

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

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

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

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

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

人気記事ランキング

シュガースクラブを手作りする方法。シンプルなものから変わったレシピまで、7種類をご紹介。

「ボディースクラブ」や「フェイススクラブ」は、触感や香りが異なるさまざ…

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

お弁当の簡単おかずレシピを98パターンご紹介します。 全98品のうちの…

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

料理研究家の柳澤英子さんの人気レシピ66品をご紹介します。 当サイトで…

玉ねぎヨーグルトの作り方。得する人損する人で話題のダイエットメニュー。

日本テレビの「あのニュースで得する人損する人」という番組で話題になった…

みきママの人気レシピ。81品まとめ。

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

ピックアップ記事

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

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

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

プロが考案した野菜や魚介を使った料理の中から、常備菜におすすめの人気レ…

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

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

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

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

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

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

食パンの美味しい食べ方。人気レシピ24品まとめ。

食パンを使った人気レシピ24品をご紹介します。 当サイトでは、テレビで…

肉じゃがの人気レシピ。おすすめ8品まとめ。

肉じゃがの人気レシピ8品をご紹介します。 当サイトでは、テレビで話題に…

鍋料理の人気レシピ。おすすめ10品まとめ。

鍋料理の人気レシピを10品ご紹介します。 当サイトではテレビで話題にな…

鶏むね肉の人気レシピ。おすすめ23品まとめ。

鶏ムネ肉の人気レシピを23品ご紹介します。 当サイトでは、テレビで話題…

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

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

家事えもんの人気レシピ。92品まとめ。

家事えもんこと、タレントの松橋周太呂さんの人気レシピをご紹介します。 …

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

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

サイゲン大介さんの人気レシピ。28品まとめ。

サイゲン大介こと、お笑いコンビ うしろシティの阿諏訪泰義(あすわたいぎ…

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

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

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

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

最新記事

トマトの甘酢漬けのレシピ。あさイチで話題の上白糖を使った料理。

NHKのテレビ番組「あさイチ」(2018年1月22日放映)で話題になっ…

サーモンマリネの作り置きレシピ。北欧料理店のおすすめ。

家庭でも簡単に作れる北欧風マリネのレシピをご紹介します。 長野県にある…

松坂桃李さんの大葉ご飯のレシピ。1分でできるご飯のお供。

俳優の松坂桃李さんがすすめる、美味しいご飯の食べ方をご紹介します。 松…

三戸なつめさんのサラダのレシピ。ベビースターラーメンをトッピング。

野菜嫌いでも美味しく食べられる、サラダの簡単レシピをご紹介します。 女…

斎藤工さんのパスタのレシピ。パスタソースにバター&ワインをプラス。

俳優の斎藤工さんが考案した、パスタの簡単レシピをご紹介します。 斎藤さ…

サイト内を検索

このブログについて

このブログは、鎌倉在住の料理好きが綴るレシピサイトです。

これは皆んなでシェアしないともったいない!と思った事柄を記事にしています。
最近の話題はこんな感じです。

  1. 簡単料理の人気レシピ
  2. 夕食やお弁当の節約献立
  3. 忙しくてもラクチンな作り置き
  4. 無理なく続けられるダイエットレシピ
  5. 食材の基本的な調理法や保存方法