ザ・トールは「共通ボタン」を使用することで簡単にボタンを配置することができます。
もちろんそのボタンには色を付けたりリンクを設定することも可能です。
このボタンはシンプルなデザインで非常に使い勝手が良く、3種類のボタンが選択できるので用途にあった使い分けができます。
もしあなたが一からボタンのデザインをカスタマイズしたい場合は
「マーカー/ラベル/ボタン/ボックスなどパーツスタイルのデザイン」の説明をご覧ください。
ザ・トールがインストールされていれば投稿ページの編集画面で専用の項目が表示されます。 記事の見出しのデザインだけではなく、 こちらの「スタイル」を使用することでマーカー、ラベル、ボタン、ボックスなどの各パ[…]
共通ボタンの設定方法1
【カスタマイズ→パーツスタイル設定→共通ボタン設定】
まずは共通ボタンの色の設定です。
ボタンには大きく三種類ありますのでお好みで使いわけてください。
※この設定は「共通ボタン」の色の設定です。
例えばプライマリーボタンの色を変えたら全てのページのプライマリーボタンの色が同じ色に変わります。
・プライマリーボタンの設定
プライマリーボタンは大きなサイズのボタンで、カーソルをあわせるとキラッと光る効果が施されてます。
サイト内で特別なページや目立たせたい商品のリンクに向いてます。
文字色と背景色をぞれぞれ設定します。
・セカンダリーボタン
セカンダリーボタンは文字サイズを一回り大きくしたくらいのボタンで、通常のリンクなどに使用することでプライマリーと差別化をはかれます。
文字色と背景色をぞれぞれ設定します。
・ノーマルボタン
ノーマルボタンのサイズはセカンダリーボタンと同じですが、文字と枠だけの非常にシンプルなボタンです。
ページの誘導など簡単にボタンを配置したいときに向いています。
色を設定できるのは文字と枠の一セットのみです。
共通ボタンの設定方法2
【投稿記事作成画面】
共通ボタンは「設定方法1」で各ボタンの色を決めました。
「設定方法2」では実際にボタンを配置した際の設定内容をご案内します。
共通ボタンの設置
それでは実際に記事に共通ボタンを配置します。
ワードプレスにザ・トールのテーマを適用していると投稿記事の編集画面で「ビジュアルエディタ」のメニューに【共通ボタン】が表示されます。
共通ボタンを配置したい場所にカーソルを置き、【共通ボタン】からお好みのボタンと配置場所を選択してください。
共通ボタンのテキストとリンクの設定
続いて配置した共通ボタンにテキストやリンクを設定します。
今度は「テキストエディタ」に切り替え、ボタンのコード内の「href=”/”」の二つの「”」の間にリンクさせたいURLを入れ、その後と＜/a＞の間に表示させたいテキストを入力します。
「 / 」のみの場合は通常はトップページへ遷移されます。
たったこれだけで共通ボタンの設定は完了です！
慣れてくれば一回一回メニューから選ばず、よく使いそうな共通ボタンのコードをメモなどに保存しておき、コピペしてリンクとテキストをその都度書き換えた方が作業効率は早くなります。
シンプルで使い勝手のいい「共通ボタン」の他に、もっとデザイン性を追求するならボタンのカスタマイズにもチャレンジしてサイトやブログを作ってみて下さい。
ザ・トールがインストールされていれば投稿ページの編集画面で専用の項目が表示されます。 記事の見出しのデザインだけではなく、 こちらの「スタイル」を使用することでマーカー、ラベル、ボタン、ボックスなどの各パ[…]