WoodMartホームページのスライドショー設定と読み込み速度の最適化

あるウッドマートのテーマホームページローテーターを追加することで、ページのビジュアルパフォーマンスを向上させるだけでなく、コアコンテンツの表示にも集中することができます。以下では、2つの一般的な設定を紹介し、実用的な読み込み最適化テクニックを提供することで、見栄えが良く、遅延のないホームページを作成するのに役立ちます。

ホームページのスライドショーに回転画像を追加する

方法1：WoodMartの内蔵スライダーを使う

WordPressのバックエンドにログインし、"Pages "をクリックしてホームページを見つけ、"Elementorで編集 "をクリックする。

ページ上部の "+"マークをクリックして新しい行を作成し、"WoodMart Slider "コンポーネントを挿入します（またはWPBakeryの同等のコンポーネントを使用します）。

スライダーのアクセサリーを選択するか、"スライダーを選択 "をクリックして新しい回転エリアを作成します。

見せたいものをアップロードするスライド画像は、1920×800など、統一されたサイズを推奨する。

各スライドにタイトル、ボタン、ジャンプリンクなどを追加する。
切り替えアニメーション（フェードイン、スライドなど）、切り替え間隔時間（約5秒を推奨）、自動再生を有効にするかどうかを設定します。

Update」をクリックしてフロントエンドのページに戻り、効果を確認する。

方法2：Slider Revolutionプラグインを使う

WoodMartには、複雑なアニメーションやレイヤーオーバーレイを必要とする回転シーンのための強力なSlider Revolutionプラグインが組み込まれています。

スライダーを編集するには、バックエンドの左側にある "Slider Revolution "をクリックしてください。

スライダーのサイズを設定します。例えば、幅1920px、高さ800pxです。

スライドショーの追加：背景画像をアップロードし、テキストレイヤー、ボタン、リンクなどを追加します。

各レイヤーをクリックしてアニメフェード、ズーム、ディレイタイムなどのモード。

完了したら、右下の「保存」ボタンをクリックします。

Elementorエディターに戻り、ホームページに "Revolution Slider "モジュールを挿入し、先ほど作成したスライダーの名前を選択します。

ページを保存し、フロントエンドを更新すると結果が表示されます。

読み込み速度を最適化するためのヒント

スライドショーの視覚的な魅力は強いですが、画像サイズが大きすぎたり、無理な方法で読み込まれると、ホームページを開く速度が遅くなります。最適化のための実践的な提案をいくつかご紹介します：

圧縮画像

回転画像はすべてWebP形式で、150KB以内に圧縮することを推奨します。以下のツールが使用できます：

タイニーPNG
スクーッ
ShortPixelプラグイン（WordPressプラグイン）

遅延ロードを有効にする

支出エレメンタル・プロ別のビルダーを使用している場合は、次のようにインストールできます。 WPロケットプラグインを使用して、画像の遅延読み込みを有効にします。最初のスライドを遅延読み込みそのため、最初の画面が真っ白になるのを避けるため、残りの読み込みを遅らせている。

スライド数のコントロール

積み重ねを避けるため、3枚以上のスライドを追加することはお勧めしません。3枚以下であれば、重要なポイントを示し、焦点を絞りやすくなります。

アニメーションとレイヤーの効率化

Revolution Sliderは豊富なアニメーション機能を提供しますが、読み込みコストが高くなります。レンダリング時間を短縮するために、冗長なレイヤーアニメーションをオフにし、シンプルなトランジションのみにすることをお勧めします。

結語

ウッドマート強力な互換性と美学で、ホームページの回転画像を追加する複数の方法をサポートしています。シンプルな設定を好むか、または複雑な視覚的なパフォーマンスを必要とするかどうかにかかわらず、把握画像の最適化また、アニメーションコントロールも可能で、読み込みが速く、かつ魅力的なホームページを簡単に作成することができます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み