【AFFINGER5】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】

悩む男性

バナーリンクって作るの難しそうだな〜

むろ

AFFINGErなら、すごい簡単に作れるよ！コードがあるからそれ使うだけなんだよ

悩む男性

そうなの！？簡単なんだ！？バナーリンクからカテゴリーページに飛んでいけると読者の人も検索しなくて楽だよね( ^ω^ )

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

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

めちゃくちゃ簡単にバナーリンクを作るこtができるのがAFFINGERです。

むろ

今回、初心者でも使えるようにマニュアルを作りました。この記事を読んでもらえればAFFINGER５の使い方がよくわかります。【最新版2021年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

こんな感じになります

⬇️

AFFINGER

AFFINGER5 なら自分で画像をいじらなくても手軽にバナーリンクを作ることができるのです。

カーソルを合わせると、画像が鮮明になります。

むろ

正直ブログはやってほぼ損はないので、少しでも興味があるなら気軽にトライしてみるといいですよ。今回は迷っている方の背中をそっと押せたらなと思っています。

それでは、内容にいきましょう！

ちなみにブログは実践が大事。なのでブログをまだお持ちでない方はこちらからサクッと10分で開設をどうぞ。今だけお得なキャンペーンもあるので、この機会にお得に始めましょう。

＼当サイトおすすめのWordPressテーマ「AFFINGER6」／

AFFINGERでバナーリンクを作る（３ステップで完了）

バナーリンクをクリックすると、カテゴリーにアクセスが簡単にできるのでおすすめ。

カテゴリー別でバナーリンクを作ると良いです。

step
1タグからバナー風デザインを選択

step
2リンク・画像・タイトルを入力する

ここでの注意はテキスト画面での入力です。

st-flexbox url="" にリンク先の URL を入力する
※例: st-flexbox url="https://hittky0823.net/category/AFFINGER"
※リンクさせたくない場合は「st-flexbox url="#"」とする
title="" にバナーに表示させたい文言を入力する
※例: title="AFFINGER"
backgroud_image="" にバナーリンクで使用したい画像ファイルの URL を指定する
backgroud_image="hittky0823.net/wp/wp-content/uploads/2021/02/img_4920.jpg"