【AFFINGER5】バナーリンクの作り方

投稿日:2018年12月16日 更新日:

他のブログでバナーリンクを見かけたことありませんか!!

カッコいいけど作るのめんどくさそうですよね・・・(´・ω・`)

 

↓↓こんなん。

ふるさと納税

 

なんと、AFFINGER5 なら自分で画像をいじらなくても手軽にバナーリンクを作ることができるのです ( ・ㅂ・)و ̑̑

 

バナーリンクを作る

AFFINGER カスタマイズ

  • 「タグ」 > 「ボックスデザイン」 > 「バナー風ボックス」 > 「基本」 を選択
  • バナーリンク作成用のコードが表示される

 

AFFINGER カスタマイズ

  • st-flexbox url="" にリンク先の URL を入力する
    ※例: st-flexbox url="https://toushi-shakkin.com/category/furusato-nozei"
    ※リンクさせたくない場合は「st-flexbox url="#"」とする
  • title="" にバナーに表示させたい文言を入力する
    ※例: title="ふるさと納税"
  • backgroud_image="" にバナーリンクで使用したい画像ファイルの URL を指定する
    ※例: backgroud_image="https://toushi-shakkin.com/wp-content/uploads/2018/11/kum07012003_TP_V4.jpg"

 

画像ファイル URL の調べ方

  • 「WordPress 管理画面」 > 「メディア」から、使用したい画像ファイルを選択

AFFINGER カスタマイズ

  • 「ファイルの URL」に表示されている URL が画像ファイルの URL になります

 

AFFINGER カスタマイズ

  • バナーリンク完成 ( ・ㅂ・)و ̑̑

 

 



Copyright© てっぺのマネーハック.INFO , 2023 All Rights Reserved.