THOR(ザ・トール)でボタンのリンクを設置する方法について〜色の変更方法についても解説〜こんにちは、テンテンです。THOR(ザ・トール)でボタンのリンクを設置する方法とボタンの色変更の方法について解説します。THOR(ザ・トール)では、主に3種類の共通ボタンを設置をすることができます。※一例として、1種類のみ表示させています。当ブログでは、ボタンの背景色だけ変更しています。最後にはボタンの色を変更する方法について解説させていただきます。THOR(ザ・トール)でリンクをボタン化する方法は、「共通ボタン」を使います。上記の画像のように、ビジュアルエディタのツールバーが表示されない場合は下記の記事をご参考にください。下記には、各種共通ボタン一覧を表示させておきます。THOR(ザ・トール)の共通ボタンの使い方について解説します。「リンクの挿入や編集」の使い方を知っている方は、読み飛ばしていただいて問題ありません。「リンクの挿入や編集」の方法を知らない方向けの内容となります。1共通ボタンを設置しよう!共通ボタンの設置方法については、さきほど説明していますので、ここでは割愛します。2「リンクテキスト」をクリックして、「編集」に進もう。3「リンク設定」に進みます。4「リンクの編集」をします。例)リンクテキスト3必要に応じて、「リンクを新しいタブを開く」にチェック1と2の説明はするまでもないので割愛しますが、3だけ簡単に解説を挟んでおきます。基本的に、外部リンクを設置する場合は、離脱率を下げる為に「リンクを新しいタブで開く」にチェックを入れておくのが良いでしょう。一方で内部リンクを設置する場合は、必要に応じてチェックを入れるのかどうか判断しましょう。共通ボタンの色と文字色を変更する方法について当ブログは若干ですが、共通ボタンの背景色をカスタマイズしています。一応、コピペできるようにコードを載せておきます。共通ボタンの背景色や文字色を変更したい方もいるでしょう。ここでは、共通ボタンの背景色と文字色の変更方法について解説します。プログラミングができない方でも簡単な作業なので、ご安心ください。作業時間:1分〜3分まずは、下記のプラグラミングコードを確認してください。下記のプログラミングコードは、上からプライマリボタン、セカンダリボタン、ノーマルボタンのプグラミングコードにしています。