HOMEWordPress【WordPress】ショートコードでサムネイル付きの関連記事を投稿内に表示する【WordPress】ショートコードでサムネイル付きの関連記事を投稿内に表示する2019.03.09WordPressBこんにちは、ryohei(@ityryohei)です!関連記事とは、投稿に関連する記事を指します。本文の中で「合わせて読みたい!」などの文言でご紹介されています。具体的には下記のようなイメージです。投稿内に関連記事を入れて別の記事に誘導する場合、リンクだけを表示するのではなく、紹介したい記事の情報を簡単に表示することでユーザの目を引くことができます。私自身、皆様のブログを拝見する際に関連記事が挿入されていると「この記事も気になる!」とついついクリックしてしまいます。関連記事はプラグインを使うことで簡単に表示することができますが、プラグインをなるべく利用したくないという方もいらっしゃいます。そこで、今回はWordpressの機能であるショートコードを使って、簡単に関連記事を投稿内に表示する方法をご紹介したいと思います。ショートコードについては下記で詳しく解説していますので、よければご覧ください。【WordPress】ショートコードの作成方法と使い方[ads_middle]単数の関連記事を取得する一つの記事情報を取得する方法になります。基本的に一つの関連記事を載せるつもりだけど、複数になることがあるかもしれない...という方は下記で紹介している「複数の関連記事を取得する」をご覧ください。ショートコード投稿内に記述するショートコードです。post_idには投稿IDを指定します。下記はショートコードで呼び出される関数になります。テーマ内のfunctions.phpに追記ください。ショートコード名と関数名は適宜変更いただければと思います。'related_post_func');実行結果ショートコードで出力される値のサンプルです。関連記事を表示するのに必要な情報は揃っているかと思います。ショートコードは、関数を短い記述で呼び出すことができるWordpressの機能です。投稿や固定ページといったPHPのプログラムが実行できない場面でも定義した関数をブラケット([])で囲った短いコードを...[ads_middle]複数の関連記事を取得する上記は単数の関連記事に限定されていましたが、こちらは投稿IDを複数指定して投稿情報を取得することができます。ショートコード投稿内に記述するショートコードになります。下記はショートコードで呼び出される関数になります。テーマ内のfunctions.phpに追記ください。ショートコード名と関数名は適宜変更いただければと思います。下記は実行結果のサンプルです。ショートコードは、関数を短い記述で呼び出すことができるWordpressの機能です。imgタグのsrcを書き換えて別の画像を表示する処理はサイトを制作する上でよく使用します。クリックでボタンのアイコンを変更したり、数秒置きに切り替えたり、ウィンドウサイズに応じて出力する画像を変...最後に今回、HTMLとCSSは省略した形でご紹介させていただきました。コード上にコメントを記載しておりますので、HTMLとCSSはご自身の環境に合わせてカスタマイズしていただければと思います。CC)はAdobe社が提供するクリエイター向けのサービスです。Effects」など全20以上のアプリが提供されており、幅広いプランが用意されています。CCの全20以上のアプリが使用できるプランです。コンプリートプラン(12ヵ月)」がセットになって39,980円(税込)で利用できます。Cloudのライセンスを購入でき、以降のライセンス更新も可能。動画教材で基礎スキルを習得できるので、入門する方にも便利な講座です。詳しくは下記のリンクからチェックしてみてくださいね。誤って呼び出されました。Webエンジニア福岡のWeb制作会社でエンジニアをしています。記事に関するご質問やご相談等ございましたら気軽にお問い合わせください。サービス・ツールSPEEC登録不要、無料で使えるビジネス書類作成サービスです。見積書~領収書までのPDFを一括で作成することができます。犬のごはん楽天市場で販売中の犬のごはんを好みの条件で簡単に絞り込むことができるドッグフード検索サイトです。HASHWordPressのログイン用にハッシュ化したパスワードを生成するツールです。DBからパスワードを変更する場合にご利用ください。Programご訪問いただきありがとうございます!本サイトを運営しているryoheiと申します。福岡のWeb制作会社でエンジニアをしています。本サイトは私が業務中に得た知識をアウトプットする場として2015年から運営しています。into-the-program.com。