AFFINGER ブログ

【簡単】AFFNGERでボックスメニューをトップページに作る方法

困ってる人
AFFINGERでトップページにボックスメニューを作りたい
こんな悩みを解決いたします。
シンゴ

少し宣伝

 

AFFINGER(アフィンガー)でボックスメニューをトップページに作る方法

↑こんなメニューが作れますよ。ぜひ挑戦してみてくださいね。

 

トップページにボックスメニューの作り方1 固定ページにコードを入力しよう

まずボックスメニューの作り方ですが、クラシックエディターを使っている方は以下から選べます。

タグ→カスタムボタン→ボックスメニュー→基本(4列)

トップページにボックスメニューの作り方2 赤文字の部分を修正しよう

修正すべき箇所は3つだけです。

  1. 画像のURL
  2. 表示させたい文字
  3. リンク先のURL

簡単ですよね。ここで疑問が沸くと思います。

困ってる人
画像のURLってなんだ??

画像のURLの入力方法は以下です。

画像のURLのポイント

メディアを追加  →   使いたい写真をクリック  →  リンクをコピーの「https:〜.jpg」をコピーして貼り付ければOK

必ずテキストモードで貼り付けよう!

シンゴ
ワードプレスのビジュアルエディターはNGです!

固定ページで作成したら保存をしておきましょう。いつでも使えるようにしておきます。

 

トップページにボックスメニューの作り方3 ウジェットで公開する

ここまできたら後は簡単です。

先ほど作ったコードを事前にコピーしておいてください。

以下のウジェットにコードをそのまま書き込みます。

 

STINGERカスタムHTMLにコードをコピー→サイドバーウジェットに保存

 

以上でウジェットが完成するはずです。

 

アイコンがない方の為に商用サイトを紹介

以下が商用でも使えるアイコンサイトです。

僕もこれらのサイトからアイコンをダウンロードしてます。

ぜひ活用ください。

FLAT ICON

 

ICOOON MONO

 

icons8

 

iconmonstr

 

アフィンガーでボックスメニューを使うメリット

アフィンガーでボックスメニューを使うメリットはかなりありました。

  1. めっちゃ目立つ
  2. SNSアイコン入れるとフォロワーが増える
  3. 目立たせたい商品や記事を入れるとクリック率がアップ

特に目立たせたい商品がある方は積極的に使うのがおすすめです。

シンゴ
僕はインスタやスタンド.fmのフォロワーが増えましたよ

 

今回は以上となります。

ぜひ挑戦してみてくださいね。

 

アフィンガーのおすすめ記事はこちら

AFFINGER5

今すぐ申し込む

超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

 

【2021最新AFFINGER5徹底レビュー】1年間使った感想とデメリットも紹介

困ってる人ワードプレスのテーマの有料テーマに迷っている。AFFIGER5(アフィンがー5)が良いと聞いたけど、実際の評判 ...

続きを見る

EX版を手に入れる

AFFIGER PACK3を見る

※16,000円お得に購入可能

 

AFFINGERタグ管理マネージャー3」と「AffiliateRun~なぜ売れないか?

PVモニターセット

最強プラグインを導入する

※今なら4800円お得に購入可能

<みんな使ってる>Amazonの裏技

Amazonで1円でもお得に買い物するなら

Amazonの通貨でもあるAmazonギフト券の購入チャージをおすすめします。

現金でチャージするたびチャージ額 x 最大2.5%分のポイントがもらえます。

Amazonプライム会員30日間無料登録なら使わないと損しますよ!

                 

シンゴ
期間限定で初回チャージ1,000円分のポイントがもらえるキャンペーン中ですよ!

Amazonギフト券にチャージする

今すぐ申し込む

初回1000ポイントキャンペーン開催中

 

 

  • この記事を書いた人
  • 最新記事

ゴーゴーシンゴ

ゴーゴーシンゴのブログ編集長 ▷カメラとガジェット大好きなWebライター ▷ライター専門のオンライン講座「Writing Hacks」卒業生 ▷ブログ実績 Amazon単月売り上げ 91万 本当に使って良かった物だけを厳選してレビューしてます。

-AFFINGER, ブログ

© 2021 ゴーゴーシンゴのブログ Powered by AFFINGER5