「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

アニメーション

26
  • ANTHEM(TCD083)

TCDテーマANTHEM:トップページのコンテンツビルダーのアニメーション遅延時間を調整する方法

Q.質問内容トップページで画像やテキストがアニメーションで遅延するタイミングを早くしたり、完全になくしたりできますか?A.下記の方法でカスタマイズしてください。ANTHEMテーマでは、トップページをスクロールをしていくと、コンテンツビルダーの各箇所のHTML要素にclass属性(

  • ANTHEM(TCD083)

TCDテーマANTHEM:トップページヘッダーコンテンツのフェードアニメーションをなくす方法

Q.トップページのヘッダーコンテンツ上でキャッチフレーズ・説明文・ボタンが順に表示されるアニメーションをなくして、最初からすべて表示させたいです。ポイント「レイヤー画像」はテーマオプションからアニメーションなしに設定出来ます。TCDテーマ>トップページ>ヘッダーコンテンツの設定>コンテンツの

  • HEAL(TCD077)

TCDテーマHEAL:ヘッダーコンテンツ画像スライダーのアニメーション表示速度を変更する方法

Q.トップページの画像スライダー部分、キャッチフレーズ等の文字がフワッと表示されるところを、短くしたい。(早く文字が表示されるようにしたい)A.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>サイト基本設定のカスタムCSSに下記を入力して下さい。 補足)・

  • Switch(TCD063)

TCDテーマSwitch:固定ページのタイトルを初めから表示させる方法

Q.固定ページのタイトルをページが開いた時にすでに表示されているようにしたい。固定ページでページヘッダーの下に表示されるタイトルは、ページを開いた後時間差で表示される仕様ですが、これを最初から表示されているようにすることはできますか。▼変更箇所イメージA.該当の固定ペ

  • CURE(TCD082)

TCDテーマCURE:トップページのロゴとメニューのフェード表示アニメーションをなくす方法

Q.トップページのサイトロゴとグローバルメニューのフェード表示アニメーションをなくして、トップページを開くと表示されている状態にしたいです。テーマ仕様では、ロゴ・グローバルメニュー・ヘッダーコンテンツのキャッチフレーズ・サイドバー・ボックスコンテンツは順にフェード表示されるアニメーションが施され

  • VOGUE(TCD051)

TCDテーマVOGUE:ヘッダーバーを最初から表示させておく方法

Q.質問内容「VOGUE」のヘッダーバーはページが開いた後に時間差で上から降りてくるようになっていますが、これをページを開くとすでに表示されているようにしたいのですが可能ですか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記を

  • ORION(TCD037)

TCDテーマORION:ヘッダー上のキャッチフレーズ表示のアニメーションを停止させる方法

Q.一覧ページや詳細ページで「ヘッダーのキャッチフレーズ」が少し遅れてふわっと表示されますが、この効果をなくして最初から文字を表示させたいのですが可能でしょうか。基本的にはトップページ以外のすべてのページ(ブログアーカイブ(一覧)ページ、ブログ記事詳細ページ、特別ページアーカイブページ、特別ペー

  • KADAN(TCD056)

TCDテーマKADAN:固定ページのぺージヘッダー上タイトルの表示タイミングを調整する方法

Q.固定ページ(通常、サイドバーなしのテンプレート)でページヘッダーにタイトルが表示されるタイミングを早くできないでしょうか。A.下記の方法でご対応ください。すべての固定ページに適用させたい場合は【外観>TCDテーマオプション>基本設定のカスタムCSS】に、任意の固定ページのみに適用させたい

  • BEAUTY(TCD054)

TCDテーマBeauty:トップページヘッダーコンテンツ上のキャッチフレーズ・ボタンの表示タイミング調整方法

Q.トップページのヘッダーコンテンツのキャッチフレーズとボタンの表示するタイミングを変更することは可能でしょうか。この記事では、上記箇所のアニメーションの表示タイミングを調整する方法と、最初から表示させる(アニメーションをなくす)方法をご紹介します。A.下記の方法でご対応ください。外観>

  • ICONIC(TCD062)

TCDテーマICONIC:固定ページヘッダー画像に表示されるキャッチフレーズのアニメーションを削除する方法

Q.固定ページ編集画面内【固定ページ用ヘッダー画像】に画像とキャッチフレーズを設定すると、ページを開いたときにキャッチフレーズが後から浮かび上がってくるアニメーションが設定されていますが、これを削除してキャッチフレーズが最初から表示されているようにすることはできますか。▼変更箇所

  • STORY(TCD041)

TCDテーマSTORY:固定ページヘッダー画像上の文字フェードインをなくす方法

Q.固定ページヘッダー画像の「キャッチフレーズ」「サブタイトル」がふわっと表示されますが、このアニメーションをなくすことは可能ですか?▼変更箇所イメージA.下記の方法でご対応ください。すべての固定ページに反映させたい場合は、外観>TCDテーマオプション>基本設定のカス

  • FAKE(TCD074)

TCDテーマFAKE:トップページの画像スライダーアニメーションを変更する方法

Q.トップページヘッダーコンテンツの画像スライダーのアニメーションですが、従来の左から右へ流れるスライド形式のものに変更したいです。FAKEの画像スライダーのアニメーションは、ストライプ状に交錯するユニークなアクションで、左右や上下の動きを適用できますが、従来の「スライダー」でイメージする左から

  • FAKE(TCD074)

TCDテーマFAKE:トップページのカルーセルと実績一覧でホバーエフェクトを適用しない方法

Q.TOPページのカルーセルのホバーアニメーションを無効にしたいです。トップページのコンテンツビルダー内の「カルーセル」「実績一覧」の各アイテムには、TCDテーマ>サイト基本設定>サムネイルのホバーエフェクトの設定内容が適用されます。「アニメーションを使わない」を選択することでエフェクトはな

  • FAKE(TCD074)

TCDテーマFAKE:固定ページページヘッダーのアニメーションをなくす方法

Q.固定ページのフェードインをなくす事は可能でしょうか?固定ページでは、メニュー・ページヘッダー部分のタイトル・サブタイトルが順にフェードインされる仕様となっております。▼変更箇所イメージ (上の赤枠から時間差で順にフェード表示されます。)A.下記の方法でご対応くださ

  • GENSEN(TCD050)

TCDテーマGENSEN:トップページスライダーのキャプションのエフェクトを削除する方法

Q.トップページのスライダー画像上に表示されるキャプションやボタンのエフェクト(フェードインなどのアニメーション)を削除して、キャプション等が表示された状態でスライドするように変更したいA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してくださ

  • OOPS!(TCD048)

TCDテーマOOPS!:ヘッダーコンテンツ画像スライダーのアニメーション表示速度を変更する方法

Q.ヘッダーコンテンツのキャッチフレーズ、説明文、ボタン、画像などに適用されるアニメーション(フェードイン、スライド1、スライド2)の速度を変更することは可能でしょうか?A.下記にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力して下さい。補足)○

  • OOPS!(TCD048)

TCDテーマOOPS!:「3つのコンテンツボックス」の画像アクションの解除方法

Q.3つのコンテンツボックスの画像にポインターを持って行くと回転する設定を解除する方法はありますか?A.下記の内容でご対応ください。TCDテーマオプション→基本設定→カスタムCSS覧に下記のようにご記入ください。参考サイトhttp://www.webantena.

  • STORY(TCD041)

TCDテーマSTORY:トップページ画像スライダーの拡大・縮小を停止する方法

2021/9/16 記事を更新しました。Q.トップページヘッダーコンテンツの画像スライダーの拡大・縮小のアニメーション効果をなくしたいトップページヘッダーコンテンツでスライダーの画像が拡大・縮小しながらスライドする効果は、STORY特有の柔らかさを演出しております。この記事では拡大・縮小をせ

  • LOTUS(TCD039)

TCDテーマLOTUS:トップページ各コンテンツの表示アニメーションを停止したい

Q.トップページの表示アニメーションを停止することはできますか?トップページ「コンテンツ1」の表示には、スクロールした際に表示するエフェクトが設定されております。解像度が大きいブラウザを利用してフルスクリーンにした際に、トップページ「コンテンツ1」の箇所が何も表示されていない状態となります。表示

  • LUXE(TCD022)

TCDテーマLUXE:リンク画像のホバーエフェクトを無効にする

Q.リンク画像のホバーエフェクトを無効にしたいリンク画像にマウスを乗せたときに色が変わりますが、このホバーエフェクトを無しにする方法を教えてください。A.下記のcssファイルの該当箇所を削除してください編集するファイル:style_pc.css編集する箇所:

  • LUXE(TCD022)

TCDテーマLUXE:サムネイルのホバーエフェクトをモノトーンから透明に変更する

Q.サムネイルのホバーエフェクトのモノトーンを変更したいデフォルトのホバーエフェクトはモノトーン(白黒)ですが、これを透明に変更する方法を教えてください。A.下記のcssファイルの該当箇所を編集してください編集するファイル:style_pc.css編集する箇所:変更前

  • INNOVATE HACK(TCD025)

TCDテーマINNOVATE HACKスライダーのアニメーションを停止する方法

Q.トップページ上部の画像スライダーのアニメーションをオフにしたいトップページ上部の画像スライダーのアニメーションについて、画像のズームインと下部からテキストが競り上がってくるという効果の内、画像のズームインをオフにできますか?A.下記のcssファイルの該当箇所を編集します編集するフ

  • Gorgeous(TCD013)

TCDテーマGorgeousのボタン画像にマウスオーバー効果を設定する

Q.ボタン画像にマウスオーバーのアニメーションをつけたいボタン画像を設置しましたが、ボタン画像にリンクがあるのかどうか分かりにくい状況です。ボタン画像にマウスオーバーすると画像の色が変化するようなアニメーションをつける方法を教えてください。A.下記のcssファイルに以下のように追記します