ElementorとGSAP:負(fù)擔(dān)の大きいアニメーション効果のためのウェブサイトテンプレート

ElementorとGSAP:負(fù)擔(dān)のないアニメーション効果のためのウェブサイトテンプレート - Photonflux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応
ElementorとGSAP:負(fù)擔(dān)の大きいアニメーション効果のためのウェブサイトテンプレート
この記事は有料です。
398
今すぐ購入
現(xiàn)在ログインしていません!ご注文を保存するにはログインすることをお?jiǎng)幛幛筏蓼埂?/div>
有料読み物
売約済み 1289

このプロジェクトテンプレートのゴールは、Elementor Page BuilderとGSAP(GreenSock Animation Platform)を使って軽量で柔軟なウェブサイトを構(gòu)築することです。プロジェクト全體では、サードパーティのプラグインやテーマへの依存を完全に回避し、ネイティブのElementorとGSAPアニメーションのみに焦點(diǎn)を當(dāng)てています。このテンプレートは特に以下のタイプのウェブサイトに適しています:

  • エンタープライズ公式サイト
  • ブログサイト
  • 垂直電子商取引プラットフォーム

こうすることで、視覚的に優(yōu)れたアニメーション體験が得られるだけでなく、コードもクリーンな狀態(tài)に保たれ、ページの読み込みも効率的になりました。

デモアドレスhttps://demo-show.361sale.com/elementor-effects-17

フルバージョンのデモアドレスhttps://demo-show.361sale.com/

畫像[1] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド
畫像[2] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

ファイルダウンロードアドレス

完全版全體をインポートするか、個(gè)別のページをインポートするか、2つのオプションがあります。

フルバージョンのインポート

さて、フルバージョンはもう少し複雑になりますが、ご心配なく。

畫像[3] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

サイトのバックエンドにはエレメンタ次にアーティファクト見つけることでライブラリのインポート/エクスポート探すテンプレートライブラリのインポートクリック輸入開始.

畫像[4] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

打點(diǎn)ファイルを選択.ダウンロードしたzipファイルパッケージを探します。下の寫真

畫像[5] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

セキュリティのポップアップが表示された場合は、「続行」をクリックしてください。以下:

畫像[6] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

ElementorとElementor Proの両方が最新であることを確認(rèn)してください。下記の通りです:

畫像[7] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

の右下をクリックします。次のページ以下:

畫像[8] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

ダニすべてのプロジェクトの右下をクリックします。取り込む.下の寫真:

畫像[9] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

インポート処理には2-3分、しばらくお待ちください。下の寫真

畫像[10] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

このメッセージが表示された場合は決まりました。の右下をクリックします。凝固準(zhǔn)備はできています。

畫像[11] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

そして、サイトのバックエンドからフロントエンドをクリックして、最終的な結(jié)果が機(jī)能しているかどうかを確認(rèn)します。

畫像[12] - ElementorとGSAPで軽量で効果的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

別ページ

以下のことを確認(rèn)してください。取付すでにインストールされています。Elementorフリー版とElementorプロ版.のみElementor Proバージョン但しテンプレートインポート機(jī)能

畫像[2] - ビジュアルインパクトを高めるためにElementorでスクロール動(dòng)畫シーケンスを追加する方法(デモとダウンロード付き)
畫像[3] - Elementor FX Template 1 - Photon Flux|プロのWordPress修理サービス、ワールドワイドで迅速に対応します!

サイトのバックエンドではウェブページクリックして追加新しいページ.上の寫真の通り:

畫像[4] - Elementor FX Template 1 - Photon Flux Network|WordPress 修理専門サービス、ワールドワイド、スピード対応!

コミッションエレメンターエディター.上の寫真の通り:

畫像[5] - Elementor FX Template 1 - Photon Flux|プロのWordPress修理サービス、ワールドワイド、迅速な対応!

の橫にあるファイルをクリックして追加します。アイコンそうです。ステンシル.上の寫真の通り:

畫像[6] - Elementor FX Template 1 - Photon Flux|プロのWordPress修理サービス、ワールドワイド、迅速な対応!

の右上をクリックします。アップロードフラグをクリックしファイルを選択次に、先ほど選択したローカルファイルを選択します。ダウンロードされたファイル.上の寫真の通り:

の1つをアップロードするとします。私たちの仕事ページテンプレート.

畫像[18] - ElementorとGSAPで軽量で効率的な企業(yè)ウェブサイトを構(gòu)築する方法:完全ガイド

次に、マイテンプレートに戻り、先ほどインポートしたテンプレートを確認(rèn)し、[OK]をクリックします。プレビューエフェクトを表示しスティック.上記の通りです。

インポートが完了した後に結(jié)果を表示します。フッター歌で応えるフッターそして、対応するステンシル上へ

畫像[8] - Elementor FX Template 1 - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!

で先ほどインポートしたテンプレートをクリックします。ウェブページをクリックしてください。コンパイラ.上の寫真の通り:

畫像[9]-Elementor FX Template 1 - Photon Flux Network|プロのWordPress修理サービス、ワールドワイド、迅速な対応

テンプレートを選択しエレメントキャンバスこれを選んだ理由はヘッダーとフッターが表示されませんディスプレイにはテンプレート內(nèi)容.上記の通りです。

畫像[10] - ビジュアルインパクトを高めるためにElementorでスクロール動(dòng)畫シーケンスを追加する方法(デモとダウンロード付き)

同時(shí)にelmentorでページを編集セレクションサイト設(shè)定の選択においてオープニング.上の寫真の通り:

畫像[11] - ビジュアルインパクトを高めるためにElementorでスクロール動(dòng)畫シーケンスを追加する方法(デモとダウンロード付き)

また、同じものがエレメンタキャンバスのテンプレートです。こうすればその他內(nèi)容上記の通り:

畫像[12] - ビジュアルインパクトを高めるためにElementorでスクロール動(dòng)畫シーケンスを追加する方法(デモとダウンロード付き)
畫像[13] - ビジュアルインパクトを高めるためにElementorでスクロール動(dòng)畫シーケンスを追加する方法(デモとダウンロード付き)
畫像[14] - ビジュアルインパクトを高めるためにElementorでスクロール動(dòng)畫シーケンスを追加する方法(デモとダウンロード付き)

終了してくださいヘッダーとフッターをクリックします。ネッスル內(nèi)部は上の寫真:

最後に保存して、フロントエンドがどのように見えるかを見るのを忘れないでください!


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
著者:ジンウェイ
終わり
好きなら応援してください。
クドス1.9W+ 分かち合う
jingwei的頭像-光子波動(dòng)網(wǎng)|専門的なWordPress修理サービス、世界、迅速な対応ダイヤモンド會(huì)員
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし