CustomizeYARPPをカスタマイズして関連記事をサムネイル+タイトルに変更ツイートWordPressのプラグイン関連記事(YARPP)をカスタマイズしてサムネイル+タイトルにします。テンプレートファイルが利用可能なYARPPをカスタマイズして関連記事をサムネイル&タイトルリンクの形で出力してみます。提供されているテンプレートにはタイトルリンクのみ、サムネイル(アイキャッチ画像)のみはあるんですけどね。YARPPはカスタマイズしたテンプレートが使用可能ですので、アイキャッチ画像+タイトルという形式で関連記事のテンプレートを作成します。ローカル(あなたのPC)からサーバへのファイル転送が必要ですのでFTP操作可能な方を対象とした記事になります。関連記事を表示するプラグインYARPPを利用しますのでWordPress管理画面からインストールして有効化しておきます。インストールとテンプレートファイルについては以下の記事を参照ください。テンプレートファイルの作成手順ファイル名は「yarpp-template-」で始まる名前とし、ファイル形式UTF-8で作成します。ファイル名はこんな感じです。「yarpp-template-thumbnail-title.php」この作成したファイルに処理を書くことでオリジナルのテンプレートが作れます。出来上がったテンプレートファイルを使用しているテーマ直下にアップロードします。サーバ(ホスト側):/wp-content/themes/使用しているテーマ名/WordPress管理画面の関連記事(YARPP)を開き、「テンプレートを使って表示」にチェックをいれ、作成したテンプレート名を選択し「変更を保存」をクリックしたら完成です。テンプレートファイルこんなイメージです。オリジナルテンプレートのサムネイル表示「yarpp-template-thumbnail.php」をベースにタイトル取得の処理を追加しました。?></div>・アイキャッチ画像を使用している場合のみ表示されます。・array(130,130)でアイキャッチ画像のサイズを指定しています。・CSS管理用にid=related-postでくくっています。・文字コードはUTF-8で保存CSSはこんな感じです。表示数などによりサイズ幅やアイキャッチ画像のサイズは調整が必要です。floatで並べているので必要に応じてclearしてください。Sampleですのでご自身のサイトに合わせて調整が必要になると思います。生活でしたが見ているだけよりも踊らにゃソンソンの精神でWebの輪に参加すべくBLOG開設。背景を半透明すりガラス風に。reserved.ごすてっぷ:WordPress、Webサービスなどの情報を5ステップくらいで紹介しています。