コピペで簡単Wordpressカスタマイズ

【WordPress】サイドバーに、投稿記事にある画像の一覧を表示する。

投稿日:2018年3月21日 更新日:

こんにちは、大野です。

コピペで簡単Wordpressカスタマイズ!

これをシリーズ化しようと思いまして

今回は、その第一弾で、サイドバーに、投稿記事にある画像の一覧を表示してみようと思います。

まず対象者ですが、ホームページのコーディングがある程度できるかたで、PHP初心者の方です。

今回に関しては、PHPなんて全くわからないって方でも大丈夫です。

※Wordpressのバージョンは、4.9.4でやっております。

仕様としては以下のように考えています。

最新記事から9件を取得し、記事の最初に現れる画像と記事のURLを取得しサイドバーに一覧として表示します。

※画像は、メディアに入っているもののみ取得します。他サイトにリンクしている画像は取得しません。

うまくいけば以下の赤枠にあるような表示になります。

 

それでは、いってみましょう♪

まずは、テーマフォルダにあるfunctions.phpを開きます。

functions.phpは、ftpで取得するか、wordpress管理画面の左メニューから

「外観」→「テーマの編集」を開き、テーマファイルから「functions.php」を選択します。

※ここでは、子テーマとか細かい話は抜きでいきます。

そして以下のコードをfunctions.phpの一番下に貼り付けてください。

ここがコピペで簡単なところです(笑

貼り付け終わったら、functions.phpを保存します。

そして、wordpress管理画面の左メニューから、「外観」→「ウィジェット」を開きます。

上図のように利用できるウィジェットに「Photo」が追加されています。

これで「追加」をクリックして、サイドバーにPhotoウィジェットを追加してください。

これで記事のサイドバーには、以下のようなコードが出力されます。

スタイルを整えれば完成です!

いかがでしたでしょうか?うまくできましたでしょうか。

次は、いつになるかわかりませんが、第二弾やりたいと思います。

それでは、また。

========================================

ホームページ、ちらし、看板などお店をPRしたいならアミテスへお問い合わせください!
wordpress案件もお任せください!

https://amites.co.jp

キャプチャ

-コピペで簡単Wordpressカスタマイズ
-, ,

執筆者: