注目キーワード
  1. 設定
  2. 設置
  3. デザイン

共通ボタンの設置

ザ・トールで使用するボタンは「共通ボタン」で簡単に配置することができます。
もちろんそのボタンには色を付けたりリンクを設定することも可能です。

 

 

このボタンはシンプルなデザインで非常に使い勝手が良く、大きく3段階のボタンが選択できるので用途にあった使い分けができます。

 

もしあなたが一からボタンのデザインをカスタマイズしたい場合
マーカー/ラベル/ボタン/ボックスなどパーツスタイルのデザイン」の説明をご覧ください。

 

関連記事

【投稿記事ページ作成】 ザ・トールの投稿ページの編集画面では専用の項目が表示されます。 このスタイルを使用することで簡単にボタンやボックスが作成できます。 やはりザ・トールの魅力の一つは手軽に凝ったレイアウトやデザイン[…]

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介ラベル

共通ボタンの設定方法1

【カスタマイズ→パーツスタイル設定→共通ボタン設定】

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能をご紹介 共通ボタンの設定
まずは共通ボタンの色の設定です。
ボタンには大きく三種類ありますのでお好みで使いわけてください。

※この設定は「共通ボタン」の色の設定です。
例えばプライマリーボタンの色を変えたら全てのページのプライマリーボタンの色が同じ色に変わります。

 

・プライマリーボタンの設定

大きなサイズのボタンでカーソルをあわせるとキラッと光る効果が施されてます。
特別な物など目立たせたいリンクに向いてます。
文字色と背景色をぞれぞれ設定します。

 

・セカンダリーボタン

普通サイズのボタンで通常のリンクなどに使用することでプライマリーと差別化をはかります。
文字色と背景色をぞれぞれ設定します。

 

・ノーマルボタン

非常にシンプルな文字と枠だけのボタンです。
ページの誘導など簡単にボタンを配置したいときに向いています。
色を設定できるのは文字と枠の一セットのみです。

 

共通ボタンの設定方法2

【投稿記事ページ作成】

 共通ボタンの設置

ボタンの設定が終わりましたので実際にボタンを配置します。

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能をご紹介 共通ボタンの設定
ワードプレスにザ・トールのテーマを適用していると投稿記事の編集画面で「ビジュアルエディタ」のメニューに【共通ボタン】が表示されます。

共通ボタンを配置したい場所にカーソルを置き、【共通ボタン】からお好みのボタンと配置を選択してください。

 

 共通ボタンのテキストとリンクの設定

続いて配置した共通ボタンにテキストやリンクを設定します。

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能をご紹介 共通ボタンの設定

今度は「テキストエディタ」に切り替え、ボタンのコード内の「href=”/”」の二つの「”」の間にリンクを入れ、その後と</a>の間に表示させたいテキストを入力します。

 

 

 

これで共通ボタンの設定は完了です!
慣れてくれば一回一回メニューから選ばず、最後に説明したコードをメモなどに保存しておき、コピペしてリンクとテキストをその都度書き換えた方が作業効率は早いです。

シンプルで使い勝手のいい「共通ボタン」の他にもっとデザイン性を追求するならボタンのカスタマイズにもチャレンジしてサイトやブログを作ってみて下さい。

 

関連記事

【投稿記事ページ作成】 ザ・トールの投稿ページの編集画面では専用の項目が表示されます。 このスタイルを使用することで簡単にボタンやボックスが作成できます。 やはりザ・トールの魅力の一つは手軽に凝ったレイアウトやデザイン[…]

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介ラベル

 

スポンサーリンク
>THE THOR(ザ・トール)はサイトアフィエイトの強い味方です

THE THOR(ザ・トール)はサイトアフィエイトの強い味方です

ザ・トールはデザイン性・機能性・利便性・SEO対策・収益面などあらゆる場面で力強いサポートをしてくれます。 一度公式ホームページをご覧ください。

CTR IMG