ウェブサイト内で特に見てもらいたいページやメッセージがある場合は、ヘッダーとメインコンテンツの間に「キャンペーンリンク」設置してみましょう。

目次

• Nishiki Pro テーマに「キャンペーンリンク」を入れる方法
  • 動画サンプル
  • ドット模様サンプル
  • ストライプ模様サンプル
  • チェック模様サンプル
• アニメーションもできます
• 告知に使えるよ
• ファーストビューにキャンペーンリンクを入れよう
• キャンペーンリンクを入れるコツ
  • 文字数に気をつけよう
  • 記憶に残る文言を選ぼう
• ウェブサイトが急にかっこよくなるよ

Nishiki Pro テーマに「キャンペーンリンク」を入れる方法

ワードプレスの管理画面から「外観」→「カスタマイズ」を選択します。

次に「[Nishiki Pro] オプション」パネルを選択し「キャンペーンリンク」を選択すると、設定項目が表示されます。

操作の様子を動画にしましたので、ご参考ください。

動画サンプル

キャンペーンリンクは「テキスト」「ボタン」の 2 つのコンテンツを表示でき、リンクをつけたり、レイアウトを変えられます。もちろん、カラーも自由に選べます。

また、背景には模様も適用できます。

ドット模様サンプル

ストライプ模様サンプル

チェック模様サンプル

アニメーションもできます

下の動画のように、タイプライターのようなアニメーションもできるほか、ボタンをキラッと光らせる効果も付けられます。

告知に使えるよ

「キャンペーンリンク」という名前の通り、ウェブサイトで何らかのキャンペーンの告知に利用するといいかもですね。例えば「特に見てもらいたいページ」「新製品やサービスの紹介」「お問い合わせページの案内」などに利用すると効果的だと思います。

ファーストビューにキャンペーンリンクを入れよう

ウェブサイトを開いたとき、スクロールせずに最初に表示される画面の範囲のことを「ファーストビュー」と呼ぶことがあります。

「ファーストビュー」には「面白い」「ためになる」「役に立つ」など、ウェブサイトを訪れてくれる方に何らかのポジティブな印象を与えるコンテンツを掲載すると良いと僕は思います。

キャンペーンリンクを活用し、ウェブサイトの印象付けに挑戦してみましょう。

キャンペーンリンクを入れるコツ

文字数に気をつけよう

キャンペーンリンクは、タブレットやスマートフォンで確認しても文字がはみ出ない程度の文字数を表示するのがいいと思います。

記憶に残る文言を選ぼう

また、コピーライターの方が生み出すキャッチコピーのような、短く、パッと見て内容がすぐに理解できる、記憶に残る文言を選びましょう。

とは言っても難しいと思います。例えば、Amazon などで「キャッチコピー」に関する書籍を手にとって勉強されるのも良いと思います。

ウェブサイトが急にかっこよくなるよ

僕個人的には、ウェブデザインの１つの要素としてキャンペーンリンクを入れることで、かっこよさが増すなぁと感じています。

便利で良い機能だと思いますので、ぜひ活用ください！