ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

ホバー

14
  • UNIQUE (TCD044)

TCDテーマUNIQUE:制作実績一覧の不透明度をホバー時と逆にする方法

Q.制作実績一覧をホバーした際に暗くさせることはできますか?テーマUNIQUEの制作実績一覧は、デフォルトでは通常時に薄暗く(不透明度0.8)ホバーした際に、明るく(不透明度1)になっています。本記事では、これらを逆(通常時に明るく、ホバー時に薄暗く)する方法をご紹介します。▼該当箇所イ

  • GENESIS (TCD103)

TCDテーマGENESIS:ホバー前にフッターバナーの背景画像を表示させる方法

Q.フッターバナー部分は、マウスオーバーすると背景画像が表示されますが、最初から表示させておく方法はありますか?▼変更箇所イメージ左側がホバー時の表示、右側はホバー前の表示です。実際の表示はデモサイトでご覧ください。A.下記の方法でご対応ください。TCDテーマ>基本設定の

  • GENESIS (TCD103)

TCDテーマGENESIS:トップページの「デザインバナー」でホバー前から見出しやリンクメッセージを表示させる方法

Q.トップページの「デザインバナー」では、マウスオーバーでオーバーレイ・見出し・リンクメッセージが表示されますが、最初から表示させておく方法はありますか?▼変更箇所イメージ左側がホバー時の表示、右側はホバー前の表示です。実際の表示はデモサイトでご覧ください。A.下記の方法でご

  • CURE (TCD082)

TCDテーマCURE:トップページのヘッダーコンテンツ上のグローバルメニュー項目のホバー時の文字色を変更する方法

Q.トップページで画面下部にスクロールする前のヘッダーコンテンツ上のヘッダーメニュー項目について、ホバー時のフォントカラーをメインカラーから変更したいです。当該箇所について、ホバー時の文字色には「TCDテーマ > サイト基本設定 > 色の設定 > メインカラー」が適用されま

  • OOPS! (TCD048)

TCDテーマOOPS!:パンくずリストにカーソルを合わせた時のカラーを変更する方法

Q.質問内容パンくずリストにカーソルを合わせた時のカラーは変更できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記CSSを入力してください。〇を任意のカラーコードに変更して

  • HAKU (TCD080)

TCDテーマHAKU:フッターメニューにカーソルを合わせた時のリンク文字色を変更する方法

Q.フッターメニューにカーソルを合わせた時のリンク文字色は変更できますか?▼変更箇所イメージ 赤枠箇所に反映されます。補足)SNSボタン箇所のホバー時の色は【TCDテーマ>サイト基本設定>色の設定>サブカラー】が適用されます。A.下記の方法でカスタマイズしてください。

  • BIRTH (TCD057)

TCDテーマBIRTH:ヘッダーボタン、フッターのお問い合わせのボタン色を個別に変更する方法

Q.ヘッダーボタン、フッターのお問い合わせのボタンについて、この箇所のみ色を変更したいのですが、可能でしょうか。テーマ仕様では、これらの箇所では【外観>TCDテーマオプション>基本設定>色の設定>メインカラー】が適用されます(ホバー時の色は「サブカラー」が適用されます。)個別に設定頂けるオプ

  • ANTHEM (TCD083)

TCDテーマANTHEM:メガメニューBのカテゴリー部分の背景色・文字色の変更方法

Q.メガメニューB(ブログ一覧)のカテゴリーの背景色と文字色が変わりません。メガメニューBの全体的な背景色は、【TCDテーマ>ヘッダー>メガメニューの設定>メガメニューBの設定>背景色】より変更頂けます。▼変更箇所イメージA.下記の方法でご対応ください。いずれも、

  • EGO. (TCD079)

TCDテーマEGO.:フッターのInstagramフィードのホバーエフェクトを調整する方法

Q.サイト内の他箇所のホバーエフェクトと、フッターのInstagram箇所のホバーエフェクトが少し異なっている気がします。opacity(透明度)を変化させる際、プラグイン側のスクリプトの影響でInstagramフィード部分では微妙にイージングがかかったような動きになるようです。テーマ「EG

  • GLAMOUR (TCD073)

TCDテーマGLAMOUR:トップページ分割スライダーのホバーエフェクトをなくす方法

Q.トップページのヘッダーコンテンツ「分割スライダー」にマウスをのせた際にズームアウトさせず固定したいのですが、可能でしょうか。※この箇所では、テーマオプション基本設定のホバーエフェクトは適用されません。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してくだ

  • ANGEL (TCD047)

TCDテーマANGEL:固定ページランディングページテンプレートの「リンクボタン」のホバー時文字色を変更する方法

Q.固定ページLPテンプレートで「リンクボタン」を作成しましたが、マウスをのせると文字が見えません。この「リンクボタン」では、背景色は外観>TCDテーマオプション>基本設定の色の設定「メインカラーの設定」が適用されます。ホバー時の文字色は外観>TCDテーマオプション>基本設定の色の設定「記事

  • Agenda (TCD059)

TCDテーマAgenda:トップページスライダーをマウスホバーした際の一時停止を解除する方法

Q.トップページスライダーで、時折、スライダーしない場合がございます。スライダーで使用しているスクリプトのデフォルト仕様で「スライダー上にマウスカーソルがある場合はスライダーは一時停止する」仕様となっております。ズームイン・ズームアウトのアニメーションはマウスホバーに関わらず続行します。A.

  • ORION (TCD037)

TCDテーマORION:トップページの「特別ページコンテンツ」で記事タイトルを常に表示しておく方法

Q.トップページの「特別ページコンテンツ」でマウスオーバーしなくても記事タイトルを表示させたいのですが、可能ですか?▼変更後のイメージ  →変更前:ORIONデモサイトトップページA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力して

  • INNOVATE HACK (TCD025)

TCDテーマINNOVATE HACK:トップページヘッダースライダーのホバーエフェクトを停止する方法

Q.トップページのヘッダースライダーでホバー時の「画像のズームインアニメーション」「記事タイトル・抜粋表示アニメーション」をオフにできますか?A.下記の方法でご対応ください。外観>テーマオプション>基本設定のカスタムCSSに入力してください。補足)左上(大きく表示される記事)