THE THOR ザ・トール スタイル 活用『ポップで立体的なラベル』の作り方
THE THOR の基本的な機能 スタイル を使用してオリジナルのポップで立体的なラベルを作る方法を紹介します。 THE THOR をまだ導入されていない方は以下をご覧ください。 THE THOR の導入はこちら Google が推奨する最新の機能を搭載した「THE THOR」を導入す […]
THE THOR の基本的な機能 スタイル を使用してオリジナルのポップで立体的なラベルを作る方法を紹介します。 THE THOR をまだ導入されていない方は以下をご覧ください。 THE THOR の導入はこちら Google が推奨する最新の機能を搭載した「THE THOR」を導入す […]
THE THOR の検索に関する設定とカスタマイズ。
サイドメニューが画面いっぱいに展開するようカスタマイズ。
マーカー全種類のサンプルと設定方法、クラス名、ちょっとしたカスタマイズを紹介
THE THOR でページ読み込み時にフワッと登場する アニメーション を適用してみました。 未導入の方はこちらTHE THOR について フワッとアニメーションはインパクトがあり読者に良い第一印象を与えます。 第一印象が良ければ直帰率の改善にも役立つことでしょう。 とい […]
画面の左右にある余白を無視して画面いっぱいに背景色などを表示させるカスタマイズ。
THE THOR にはプリセットパーツに区切り線が3種類用意されています。 デフォルトの状態ではワードプレス標準の横ラインと差が少ないのでサイトのデザインに合わせカスタマイズして使用します。 現在、当サイトで使用している区切り線は以下のようになっています。 ※この記事のカスタマイズとは別になっている […]
THE THOR シンプルなボックス を作ってみた。
様々なパーツを作成・登録。いつでもすぐ使えるように出来るのは THE THOR の大きな特徴。
アイキャッチ画像上に表記されているカテゴリーをカスタマイズしました。位置やサイズの調整、半透明化などになります。
プリセットパーツ アコーディオンボックスの使い方。色の変更も自由自在。
サブタイトルボーダーボックスのサブタイトルボックス部分の色をそれぞれ変更する方法。