【CLICKLIS】WordPressで動く（光る・震える・ぷにぷに）ボタンを超絶簡単に作れるプラグイン（特典付き）

CLICKLIS（クリックリス）を使えば、ボタンリンクを簡単に設置できるんだぜ。

WordPressで、おしゃれで可愛いボタンリンクを作りたいと思ったことはありませんか？

しかも、そのボタンが光ったり、震えたり、ぷるるんって動いたら興奮しませんか？

でも、ボタンの作り方を調べたら、「外観」⇒「カスタマイズ」⇒「追加CSS」を開いてCSSをこうしましょうって…「んあッッ！複雑ぅ！！」って思ったことありませんか？

最近のWordPressテンプレートには、ボタンが標準装備されているテーマもたくさんありますが、ボタンが動いてクリック率を高めてくれるものはまだ少ないです。

今の時代、本当にブロガーやアフィリエイターが増えてきました。その群雄割拠の中で、どうやってライバルと差別化していくかがポイントになっています。

もちろん、コンテンツで差別化していければそれが一番かもしれませんが、初心者は特に「まずは見た目から」整えていくとサイト運営が楽しくなり、記事の更新も捗ります。

そこで、今回はプラグインを使って「動くボタン」を作る方法をご紹介します。

使うプラグインはCLICKLIS（クリックリス）というプラグインです。ZEBLINE（ゼブライン）を開発した方が出したものなのでデザイン的にもおすすめです。

[clickliscode color=”red” type=”shake” url=”https://www.infotop.jp/click.php?aid=241062&iid=79788&pfg=1″ target=”_blank” rel=”nofollow”]こんなボタンが作れるよ[/clickliscode]

ついついクリックしちゃったべ？

CLICKLIS（クリックリス）は動くボタン生成プラグイン

ちなみに、バナー（画像）も動かせます。

[clicklispict url=”https://www.infotop.jp/click.php?aid=241062&iid=79788&pfg=1″ target=”blank” rel=”nofollow”]

[/clicklispict]

CLICKLISは、インストールするだけで様々なボタンリンクを作成してくれる便利なプラグインです。

アフィリサイトの目的は、アフィリエイトリンクへの誘導です。

正直、これさえできてしまえば、あとは公式サイトの成約率が高ければ、そこそこ売れるという状況を作れてしまいます。

アフィリエイトリンクへの誘導という、アフィリエイターにとって一番の仕事の手伝いをしてくれるのが、このプラグインなんですね。

目を引くって大事。

動くボタンの作り方

CLICKLISを使えば、こんな動くボタンを超カンタンに作れます。

[clickliscode color=”red” type=”oehler” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”red” type=”btn” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”green” type=”shake” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”green” type=”mouse” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”orange” type=”growing” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”orange” type=”line” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”blue” type=”shadow” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

[clickliscode color=”blue” type=”” url=”https://affiligoto.com/clicklis/” target=”” rel=””]こんなボタンが作れるよ[/clickliscode]

では、CLICKLISを使ってどのようにボタンを作成するかを解説していきます。

プラグイン（CLICKLIS）をインストール

まず、CLICKLIS公式サイトからプラグインを入手して、WordPressの管理画面の「プラグイン」⇒「新規追加」をクリックします。

プラグインを追加するページに移動するので、「プラグインのアップロード」ボタンをクリックします。（zipファイルのまま）

ファイルを選択（clicklis.zip）したら「今すぐインストール」をクリック。

「プラグインを有効化」をクリックすれば、インストール完了です。

WordPressのサイドメニューに「CLICKLIS」が追加されます。

アイコンが可愛いなぁ。こういう細かいところに気を使って作られてるのが好感もてる。

CLICKLISの詳細設定

CLICKLISの設定画面を開きます。

まず、「ユーザーカラーデフォルト」の色を設定しておきましょう。

CLICKLISのデフォルトカラーは以下です。

グリーン
オレンジ
ブルー
レッド
ユーザーカラー

ユーザーカラーを自分の好きな色に設定しておくことで、すぐに呼び出すことができます。

[clickliscode color=”user” type=”growing” url=”https://www.colordic.org/” target=”_blank” rel=””]カラーコードはこちら[/clickliscode]

ボタンコードの生成

CLICKLISは、難しい設定は一切不要です。

上の画像のように上から順番に設定をしていくだけでボタンリンクを作ることができます。

ボタンタイプ

オーラが出るボタン
キラッと光るボタン
ブルブル震えるボタン
クリック誘導ボタン
ぷにぷにするボタン
立体的なボタン
影付きのボタン
シンプルなボタン

ボタンタイプを選び、どのようにボタンを動かすかを設定、ボタンの色、ボタンテキスト、リンクURLを入力したら「ボタンコードを生成」をクリックします。

生成されたコードを投稿エディタに貼り付ければ、ボタンリンクを作ることができます。

[clickliscode color=”green” type=”shake” url=”https://www.infotop.jp/click.php?aid=241062&iid=79788&pfg=1″ target=”_blank” rel=””]絶対に押すなよ！[/clickliscode]

個人的に嬉しかったのは、リンクを別タブで開く、とnofollowにする設定をワンクリックでできるようにしていてくれたことです。

手動でやると結構スペルミスしちゃう僕。

ボタン2列（横並び）表示も可能！

CLICKLISには、特殊効果として、ボタンを横並びで2列表示させるコードも用意されています。

[clicklis2low][clickliscode color="green" type="line" url="" target="" rel=""]リンクテキスト[/clickliscode][clickliscode color="red" type="line" url="" target="" rel=""]リンクテキスト[/clickliscode][/clicklis2low]

これも地味に嬉しい。ランキングとかで詳細レビュー記事と公式サイトのボタンリンクを並べて設置したいときあるよね。

こんな感じ。

[clicklis2low][clickliscode color=”green” type=”shake” url=”https://affiligoto.com/zebline/” target=”_blank” rel=””]ZEBLINEレビュー[/clickliscode][clickliscode color=”red” type=”shake” url=”https://www.infotop.jp/click.php?aid=241062&iid=78811&pfg=1″ target=”_blank” rel=””]公式サイトはこちら[/clickliscode][/clicklis2low]

スマホでは中央表示になるけど、PCでも中央で並べてほしかったかな。

画像がガタガタ動く設定も楽ちん！

[clicklispict url=”” target=”” rel=””]

[/clicklispict]

[clicklispict url="" target="" rel=""]画像[/clicklispict]

このように、画像を設定すればクリックしてほしい画像をグラグラ動かすこともできます。

ページを開いて画像がガタガタ揺れてたらとりあえずクリックしてみるよね。

スマホでの表示も問題なし

もちろんレスポンシブにも対応しています。

CLICKLISを使うことで得られるメリット

CLICKLISをあなたのWordPressに導入することで、こんなメリットがあります。

ライバルサイトとの差別化
訴求ポイントの明確化
CVRの向上

もしも、ライバルサイトは動くボタンは使っていなくて、あなたは動くボタンを使っていた場合、目を引くのはあなたのサイトです。

また、ネットサーフィンをしていて気になる商品を見つけたけれど、どのリンクをクリックすれば目的のページに行けるのかわからない場合、わかりやすいボタンを設置しておくことで「ここを押せばいいんだね」とユーザーを誘導しやすくなります。

クリックすればいいところが明確になれば、目的のページへの誘導率が上がります。よって、コンバージョン率も必然的に上がってくることでしょう。

あとは、簡単にカスタマイズできるようになるとブログ運営自体が楽しくなるよね。

CLICKLISのデメリット

CLICKLISは、使っていて本当に楽しいプラグインです。

しかし、楽しいがゆえに動くボタンを使いすぎてしまうと、今度は逆に鬱陶しくなってしまいます。

ですので、使う際は動きのパターンを記事ごとに使い分けをする、1記事の中で動くボタンを使うのは2回までなど自分なりのルールを決めて、うざくならないように気をつけましょう。

ちなみに、プラグインの影響で表示速度が遅くなるとは感じなかったよ。

当サイト限定！オリジナル特典をお付けします！

このページからCLICKLISをご購入された方には、あふぃりごとオリジナル特典をお付けします。

今回お付けする特典は、「ライバルサイトからまるっとキーワードを抜き出す方法」という動画コンテンツです。（約20分程度）

この動画のやり方をすれば、すでに稼いでいるライバルサイトからキーワードを抜き出し、キーワード選定を効率よく行うことができるようになります。

実際に、稼いでいるアフィリエイターはこのようにしてキーワードを決めていることが多いです。

あなたのアフィリエイト活動にお役立てください。

【特典付き】CLICKLIS公式サイトはこちら

[clickliscode color=”red” type=”growing” url=”https://www.infotop.jp/click.php?aid=241062&iid=79788&pfg=1″ target=”_blank” rel=”nofollow”]今すぐボタンを動かしてみる[/clickliscode]

ボタンが動くとユーザーの購買意欲も動く！？

また、CLICKLIS公式の特典はこちらになります。