AFFINGER 記事作成

【AFFINGER】バナーリンクの作り方を紹介!ブログはオシャレになりカテゴリー別にPVが上がる

2020年5月18日

ムロ
このブログは、AFFINGERのテーマを買ったけど使い方がわからない!?そんな初心者さんに、記事作成ツールの使い方や、AFFINGERでSEOを効率よくするための記事を書いているブログです( ^ω^ ) 私も、AFFINGERのテーマを購入したときはかなり苦戦しました。そんな経験を元に使い方を記事で紹介していきます。

AFFINGER プラグインセット販売価格29,800円(税込)

 

\当サイト限定特典付き/

AFFINGER プラグインセットショップはコチラ

 

 

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

 

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

 

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

 

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

 

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

 

 

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

 

 

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

 

 

こんな感じになります

⬇️

AFFINGER

 

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

 

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

 

 

 

 

AFFINGERでバナーリンクを作る(3ステップで完了)

 

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

 

 

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

 

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"

 

 

 

 

  • 「WordPress 管理画面」 > 「メディア」から、使用したい画像ファイルを選択
  • 「ファイルの URL」に表示されている URL が画像ファイルの URL になります

 

step
3
更新して完了

 

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

 

バナーリンクの使い方紹介、おしゃれなブログのトップページになる

 

私はこのバナーリンクをトップページに使っています。

 

トップページにバナーリンクでカテゴリー別で表示して、その下にカード型の記事を埋め込んでいます。

 

かなり、オシャレになっているので、ぜひやってみてください♪( ´θ`)

 

 

 

お洒落ブロガーはみんなやっています笑

 

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

 

 

 コチラも読まれています

>>【AFFINGER】ブログのトップページをカスタマイズするやり方

>>【AFFINGER】スライドボックスを作り、枠で囲む作り方

 

 

 

広告1

広告2

-AFFINGER 記事作成
-, ,

© 2022 MURO BLOG Powered by AFFINGER5