ホームページ、DTP、システム開発ならお任せください

株式会社アミテス

スタッフブログ

BLOG

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

こんにちは、大野です。

コピペで簡単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

キャプチャ

関連記事

    関連記事はありませんでした

販促品の依頼をするなら
株式会社アミテスへ

社名 株式会社アミテス
代表者 代表取締役社長  藤原 亜紀枝
設立 2014年3月
業務内容
  • ■ サービス商品

    ホームページ制作、WordPress構築、ECサイト構築、DTPデザイン(ちらし、パンフレット、冊子、名刺、ショップカード、メニュー、のぼり、看板、ポスター)・印刷、ロゴデザイン

  • ■ システム開発

    Web系システム、オープン系システムなど幅広い開発技術に対応。
    サーバ構築から運用までをサポートいたします。

  • ■ 自社開発製品

    顧客管理システム(AS-SYSTEM)
    予約受付・個人情報取得システム(えなりくん)
    職人勤怠管理システム(さわだくん)

  • ■ 自動車事業

    カーマッチ東京、カーマッチ埼玉、カーマッチ関東エリアデベロッパー

所在地 〒197-0024
東京都福生市牛浜92-1 アミテスビル
TEL 042-513-0345

CONTACT

お問い合わせ

各種サービスへのお問い合わせ・ご相談
お気軽にお問い合わせください。

 

Copyright© 株式会社アミテス , 2020 All Rights Reserved Powered by STINGER.