QLOOKアクセス解析

ボタン画像にリンクを設定する方法

ボタンにリンクを設定する

 

例えばですね。

メルマガ登録のためのランディングページを作る場合などに、上画像のように、

ボタンにリンクを設定してみたいと思います。

 

 

リンクを設定したボタンの作成

 

sirius061

 

まず、記事作成画面の上部タブ 赤枠の「編集」をクリック。

すると、上の画像になります。

赤枠の「ボタン画像」をクリック。

 

 

sirius062

 

この画面から、緑枠、上から 「画像フォルダ 特大」を選択。

次に、緑枠、2番目の背景画像から「丸型グリーン.png」を選択、すると左の窓にボタンが

表示されます。

 

緑枠、ボタンのテキストを入れてください。

今回は、「メルマガ登録はこちらから」といれます。

もちろんですね、特典のボタンなら、「特典の詳細はこちらから」などになりますよね。

 

フォントは、ゴシック体が基本です。

これも、あなたの好きな書体があるようでしたら、そちらでいですよ。

 

文字の大きさを決めます。

今回は、25ptにしましたが、もっと大きくてもいいです。

 

文字の色は、ボタンの色が濃い目なので、白にしました。

 

ボタンに入れる文字を中央になるように設定。(左寄りでもかまわないです)

 

ボタンのテキスト文字になんらかの画像を入れたい場合は、アイコンの

設定をしてください。

今回は、無しで。

 

最後に 「保存」ボタンをクリック。

 

 

sirius067

 

記事作成画面に戻って、赤枠の「画像管理」ボタンをクリック。

 

 

sirius068

 

画像管理に入ったら、赤枠の「ボタン画像」をクリック。

すると、先ほど作ったボタンが表示されますので、その画像をクリック。

 

下の画像の設定で altタグを入力、何のボタンかのタグを、今回は「メルマガ登録」と入力。

 

回り込み、ここの設定で、ボタンを記事のとこに表示させるかを決めます。

今回は、大きなボタンで「メルマガ登録」ってことで、中央に設定してください。

「中央揃え」を選択すれば、記事の真ん中にど~んとボタンが表示されます。

 

画像へのリンクは、無しでいいです。

設定がきまったら、右側の「OK」をクリック。

 

 

sirius069

 

すると、記事作成本文に タグが現れます。(赤枠の背景青のものがタグ)

この状態で、上にある 赤枠の 「リンク」ボタンをクリック。

 

 

sirius070

 

リンクの設定です。

テキストは、自動で入っています。

下のリンク先URLに、ボタンをクリックした時の リンク先のURLを入力してください。

ターゲットを「_blank」に設定。

これで、赤枠の「OK」をクリックするて、完了です。

 

これで、記事作成画面から「プレビュー」をクリックして、どのようにできているかを

確認してください。

 

この記事の一番上のように、ボタンが記事の中央あり、クリックすると、りんくしたサイトに

飛ぶことができれば、OKです。

 

お疲れ様でした。

 

 

ちなみにボタンの色の効果ですが、色の心理学で、緑のボタンは安心してクリックされる

と言われています。

 

赤色のボタンは、人の心を高騰させると言われています。

これは、「さあ、この商品を買うぞ」って気持ちを強くさせてクリックされるものと

言われています。

 

 

通常HTMLサイトを作る場合、ボタンをリンクさせるには、HTMLの知識と

けっこう面倒なタグ打ちがあるんですが、このようにシリウス(SIRIUS)

は、タグが自動で作成されてしまいます。

非常にありがたいですね。

 

 

 

シリウス(SIRIUS)の購入は

ご購入はトップページからできます、緑のボタンをクリック

 

 

 

 

 

まえむき

 

管理人まえむきに質問があれば、下記からどうぞ (^_^)v もちろん無料です.

アフィリエイト初心者さん、大歓迎!!

メルマガ登録などもしませんから、安心してお問い合わせくださいね^^

管理人まえむきへのお問い合わせ、お気軽にどうぞ

 

 

 

 

 

コメントを残す

CAPTCHA


サブコンテンツ

このページの先頭へ