2018-04-25

Q&A:WordPressテーマのアニメーション動作がデモサイトと違う動きをします。ブラウザによって違う動きをします。

CSS3を使ったアニメーションは、
ブラウザごとの対応状況によって表示が異なる場合があります。

基本的にはパソコンのモダンブラウザ(Chrome・FireFox・Safari)最新版を優先で、
Internet Explorerでは、使用に問題がない範囲で、
装飾部分のアニメーション表示は省く、またはモダンブラウザ的なスムーズな動きを省略する、
というのが最近のWebの仕様(考え方)の主流となっています。

また、スマホでの表示・動作に関しては、
機種とブラウザとOSのバージョンの組み合わせが無限にある為、
アニメーション動作はアクセスする端末によって多少異なる前提です。

さらにご利用のサーバーによっては、自動的にキャッシュやCSS/JSの圧縮が効いていて、
デモサイトのようなアニメーション効果が出ない場合があります。
こちらに関しては、お客様のご利用の環境ごとに状況は異なりますので、
まずはキャッシュをオフにして確認してみてください。

上記の点から、CSS3アニメーションに関しては、想定通りの動きにならない場合も、
使用自体に問題は無い範囲であり、あくまでも装飾部分の話ですので、
不具合ではなくデザインの優先順位の問題として考えていただければ幸いです。

その他のWordPressのよくある質問

WordPressのトラブル・よくある質問の一覧を見てみる >

トラブルが少ないシンプルなWordPressテーマ

Minimal WPのシンプルでおしゃれなWordPressテンプレートは、
余計な機能や設定を徹底的に排除したミニマル仕様。
トラブルも少なく、初心者でも簡単に安心して使えます。

WordPressテンプレートのデザイン一覧を見てみる >

ホームページからの集客できてますか?

ワードプレステーマ「Minimal WP」
シンプルデザインのMinimal WPテンプレートを使えば、おしゃれなホームページやブログが誰でも自分で作れます。面倒な設定が不要なミニマル設計なのでWEB初心者でも簡単。集客やファン獲得に効果抜群です!
おすすめWordPressテーマ10選
by
Minimal WPオススメのレンタルサーバー
WordPressがワンクリックで簡単にインストールできる機能が付いている下記レンタルサーバーがオススメです。【保存版】初心者向けにドメイン・サーバーの取得からWordPressのインストールまでの手順をイチから完全解説しました。→WordPressサイトの始め方・完全手順

シンプルでおしゃれなワードプレステーマ「Minimal WP」