お知らせ

ブログやホームページで「バナー」のようなボタンを簡単に作る方法

こんなバナーを作りたい

できれば説明も入れたい

ブログでもサイトでも必ず欲しくなる「バナー」

アザらん
好きな画像を背景にして、好きな文字や説明の入ったバナーが簡単に作れたらなぁ!

そう思うことは少なくないのではないでしょうか?

でも、

アザらん
Photoshopとか難しい!
コン太
そもそもツールで作るのもメンドクサイ!

それが本音ですよね。

できれば投稿画面で「サクッ」と作りたい。

こんなバナーや

詳しい御案内はこちら

料金プランやサービスについて

カスタムボタンとの組み合わせでサイドバーに使えそうなバナーとか

泣ける!
漫画ランキング

本屋さんが選んだ泣けるマンガランキング1位は?

今すぐCHECK

シンプルに左寄せのバナーも可能です。

シンプルなバナー

WINGなら「簡単に」作れます

※当記事はWordPressテーマ「WING(AFFINGER5又はSTINGER PRO2)ver20180613以上」を対象としています

ショートコードで簡単バナー

WINGなら、

  1. 背景にしたい画像や色
  2. リンクしたいURL
  3. 表示したいテキスト

などを指定するだけで簡単にバナー風ボタンを作ることができます。

step
1
「バナーボックス」をクリック

step
2
「バナーボックス」をクリック

ショートコードで設定を決定

タイトル

テキスト

各設定の意味

ここに説明とかコンテンツを追加

背景にしたい画像のURLは「メディア」で確認できます。

アザらん
アイコンとか色とかもわからないし調べるのも面倒だわ
シカ子
大丈夫!クリック1つで挿入できるわよ

step
3
完成!

こんなバナーを作りたい

できれば説明も入れたい

背景画像の「ぼかし」はIEなど一部のブラウザやバージョンにより反映されません

マニュアルを見る(WINGユーザー専用)

-お知らせ

Copyright© AFFINGER(WING) , 2019 All Rights Reserved Powered by AFFINGER5.