OceanWP 3.0 –この夏はバニラがすべてです
公開: 2021-07-20OceanWPはより速く、より滑らかになり、より安定しました！ 最新のオブジェクト指向コードにより、はるかに少ないリソースとはるかに少ない依存関係を使用して、機能を迅速に実行します。
期待の高い方には、美味しいバニラアイスをお渡しします。ごめんなさい！ ただし、それでもまだリフレッシュです。VanillaJavaScriptと新しいOceanWP3.0バージョンについて話しています。
今後の変更点と改善点について説明する前に、いくつかの基本事項について説明します。 これは、ユーザー（主にコードに精通していないユーザー）が今後の変更の利点を理解するのに役立ちます。
JavaScriptとは何ですか？
JavaScriptはフロントエンド（コーディング/プログラミング）言語です。 その主な目的は、特にスライダーやレスポンシブナビゲーションメニューなどのいわゆる可動部分のアニメーション効果を作成することでした。
私たちは、JavaScript機能を有効にするかどうかをブラウザから求められる状況を、皆さん一人一人が経験していることを確信しています。 JavaScriptは常にすべてのWebサイトブラウザの一部であるため、プラグインやスクリプトを使用してJavaScriptをWebサイトに個別に含める必要はありません。
WordPressとJavaScript
JavaScriptはWordPressCMSの一部です。
JavaScriptはさまざまな形式で存在するため、WordPressに多くのJavaScriptライブラリがバンドルされているのは当然のことです。 ただし、使用されている主なものは次のとおりです。
- jQuery、
- JSON、
- アンダースコアと
- 背骨。
なぜこれらの詳細であなたを退屈させるのですか？
「速度/最適化ツールによってWebサイトの速度が低下していることが示唆された」ため、ユーザーがWebサイトからjQueryを削除するのを手伝ってくれるように依頼するという支援のリクエストを何度も受け取りました。
これらの状況は、ユーザーがそのような評価ツールが正確で完璧ではないことを理解するのに時間がかかることを私たちに認識させました。 また、WordPressの「内部」機能、つまりWPテーマとプラグインに慣れていないWordPressユーザーがたくさんいるという洞察も得られました。
（オンライン）評価ツールをよりよく理解するには、WordPressの全体的な機能に関する基本的な知識が必要です。 プログラミング言語を習得したり、WordPress開発者になる予定がない場合でも、この情報は、特定のツールからの「レポート」が正しいか間違っているかを判断するのに役立ちます。 最終的には、レポートについて何かできるかどうかがすぐにわかります。
平易な英語では、すべてのJavaScriptライブラリの中で、jQueryが最も一般的に使用されているものです。 WordPress自体だけでなく、テーマやプラグインによっても。
要約すると、 WordPressWebサイトからjQueryを削除することはできません。
jQueryとは何ですか？
インターネット上の100万のトップWebサイト（WordPressサイトだけでなく）のうち、80％がjQueryを使用していることを知って驚くでしょうか？
jQueryは非常に軽量で、柔軟性があり、拡張性が高く、（開発者の観点からは）非常に使いやすいJavaScriptライブラリです。
jQueryは、AJAXリクエスト、イベント、アニメーション、CSS操作、Webサイト全体のフロントエンド機能などの複雑なタスクの作成と処理に役立ちます。 他のJSライブラリと比較して、複雑なタスクは最小限のコーディングで済むため、jQueryを使用すると簡単に実行できます。
結局のところ、 jQueryのモットーは「書く量を減らし、多くのことを行う」です。
OceanWPとjQuery
もちろん、今ではおそらくあなたは推測しているでしょう。
OceanWPはjQueryを使用しています。 ElementorやWooCommerceなどの最もお気に入りのプラグインでさえjQueryを実行します。
OceanWPを始めたばかり、または少なくとも検討している方にとって、OceanWPはWooCommerceやElementorに使用するのに最適なテーマの1つです。 OceanWPのすべての機能を確認するか、完全なWebサイトのデモテンプレートをプレビューしてください。
2016年以降、jQueryの助けを借りて、ユーザーが1つのWordPressテーマで、追加の不要なプラグインを使用せずに、より多くのことを実行し、達成できるように支援することができました。 言うまでもなく、OceanWPについて話している
jQueryのモットーと比較すると、私たちのモットーはそれほど違いはありません。 OceanWPの目的は、初心者からプロまで、あらゆるタイプのすばらしいWebサイト（eコマース、ブログ、ポートフォリオ）を迅速かつスムーズかつユーザーフレンドリーな方法で構築できるようにすることです。 ユーザーから寄せられたフィードバックとレビューから判断すると、成功しました。
最も重要なことは、この伝統を継続することを計画していますが、改善された方法です。
これが、 jQueryからVanillaJavaScriptに切り替える理由です。
Vanilla JavaScriptとは何ですか？
VanillaJavaScriptまたはVanillaJSは、プレーンJavaScriptに使用される一般的な用語です。
jQueryやUnderscoreJSとは異なり、 Vanilla JSは、フレームワークやライブラリを依存関係として使用せずに、最初からコーディングすることを意味します。
平易な英語では、 Vanilla JSは特別なタイプのJavaScriptではなく、最も純粋な形式のJavaScriptです。 そのため、冒頭ですでに述べたように、これはすでにすべてのブラウザで使用およびサポートされています。
その時、バニラJSという用語はどこから来たのですか？
それは実際には楽しい事実であり、信じられないかもしれませんが、それは本物のバニラアイスクリームに関連しています。 バニラアイスクリームは、最初の形またはアイスクリームフレーバーを表しています。 したがって、ペストリーショップにいて、フレーバーを指定せずにアイスクリームを注文すると、バニラが手に入ります。
OceanWPとバニラ
OceanWPが最初からVanillaJavaScriptを使用しなかったのはなぜですか？
残念ながら、ルールブックやガイドブックのように、どちらを使用するのが最適かを指定するものはありません。
プログラミング言語、特にPHPとJavaScript（WordPressで主に使用されるCSSの中で）は絶えず進化しています。 コードを不必要に肥大化させることなく、どの言語が最も効果的に機能するかを判断するのは開発者の仕事です。
JavaScriptまたはその「子」に関して言えば、ここOceanWPでの私たちにとって、完璧な選択は長年にわたってjQueryでした。
最終的に、 JavaScriptは、jQueryと同じタスクを実行し、同時にそれらをより高速に実行するために使用できるという点で十分に成熟しました。 そしてそれはまさに私たちが待ち望んでいた瞬間です。
jQueryを使用すると、Webサイトの速度が低下しますか？
前述のように、jQueryは最も高速で最も広く使用されているJSスクリプトの1つです。
スクリプトだけでは、Webサイトの速度が低下することはありません。（他の内部および外部要因の中でも）Webサイトのパフォーマンスに影響を与えるのはコードの品質です。
また、機能が豊富なOceanWP Webサイトのパフォーマンスが、機能の量が最も少ない他のテーマと同じか、それよりも優れているのとまったく同じコード品質です。
OceanWPはjQueryを完全に削除しますか？
この質問に対する簡単な答えは–いいえです。
長い答えであり、複雑な開発者の用語を使わなくても、jQueryだけが実行できるタスクがまだあります。 または、さらに良いことに、これらのjQueryコードに代わるVanillaJSコードはありません。
そうは言っても、 OceanWPは、テーマ内のコードとすべてのプラグインでjQueryを引き続き使用しますが、最小レベルです。
OceanWPのVanillaJSは、jQueryを実行するプラグインに影響を与えますか？
OceanWPをVanillaJSに切り替えても悪影響はなく、jQueryを使用するプラグインとの競合は発生しません。
実際、全体的なWebサイトのエクスペリエンス、特にWebサイトの訪問者のエクスペリエンスは大幅に向上します。 コーディングが改善されたことで、OceanWPは依存関係が大幅に減少し、安定性が確保され、JSの競合が発生する可能性が最小限に抑えられます。 最も重要なことは、はるかに少ないリソースを使用して機能をより高速に実行することです。
OceanWP 3.0はいつリリースされますか？
OceanWPでVanillaJSを使用する時代は、バージョン3.0から始まります。
公式リリースは7月20日に期待できます。これは、新しいWordPress5.8バージョンが期待される正確な日です。
そして、それは私たちを最も重要な部分に導きます–アップデートの準備。
OceanWPテーマに加えて、次のOcean拡張機能もVanillaにアップグレードされました。
- Ocean Posts Slider、
- オーシャンスティックなんでも、
- オーシャンモーダルウィンドウ、
- オーシャンソーシャルシェアリング、
- 海洋製品の共有、
- オーシャンスティッキーヘッダー、
- オーシャンスティッキーフッター、
- オーシャンポップアップログイン、
- Ocean Woo Popup、
- オーシャンフルスクリーン、
- Ocean Elementorウィジェット、
- オーシャンサイドパネル、
- オーシャンクッキー通知、および
- 海洋ポートフォリオ。
Ocean Extra 1.7.8アップデートもリリースされていますが、このプラグインにはVanillaの変更は含まれていません。
OceanWPVanillaJSアップデートの準備方法
OceanWPに加えて、VanillaJSバージョンのすべてのプラグインが同じ日にリリースされます。
正しい更新順序は次のとおりです。
- [外観]>[テーマ]を使用してOceanWPを更新してから、
- プラグイン>インストール済みプラグインを介してすべてのOceanプラグインを更新します。
更新する前に、必要な予防措置を講じていることを確認してください。
最初にローカルホストまたはステージングWebサイトで新しいリリースをテストします
これはメジャーアップデートであることを忘れないでください。
ベストプラクティスは、ローカルホスト、テスト、またはステージング環境で新しい変更をテストすることです。
どこにも更新をテストするオプションがない場合は、すぐに更新しないでください。 フィードバックを収集し、安全に更新できることを確認するまで、数日または1週間待ちます。
すべてが正常であっても、更新中に問題が発生する可能性があることを忘れないでください。 結局のところ、ソフトウェアの悪い点は–それはソフトウェアです。
Webサイトを適切にバックアップしてください。 バックアップのホスティングだけに頼らないでください。手動バックアップも取り、安全な場所にデータを保存してください。 WordPressリセットプラグインを使用している場合（WordPressデータベースリセットと混同しないでください）、Webサイトのスナップショットを作成することもできます。
重要：更新後、必要に応じて複数回、キャッシュを完全にパージすることを忘れないでください。 CDN（クラウド）キャッシュについても同じことが言えます。
OceanWPでVanillaJSを使用する方法
Vanilla JSを最大限に活用するには、テーマパネル>スクリプトとスタイルを介したすべてのスクリプトを常に有効にする必要があります。
簡単な説明：スクリプトを無効にすると、まったく新しいファイルが作成され、Webサイトのインストールフォルダーに配置され、デフォルトのOceanWPテーマスクリプトを使用する代わりに、Webサイトのフロントエンドに適用されます。
長い説明： Scripts＆Styles （Ocean Extraプラグインの一部）オプションが導入されたとき、優れた（そして無料の）キャッシングプラグインに誰もがアクセスできるわけではありませんでした。 時間の経過とともに、状況は変化しました。 適切な最適化とキャッシュプラグインを実行している場合、スクリプトを無効にする必要はまったくありません。
重要：必要に応じて、キャッシュを完全にパージすることを忘れないでください。 CDN（クラウド）キャッシュについても同じことが言えます。
すべてのスクリプトを有効にすると、私のWebサイトに悪影響がありますか？
いいえ、それはしません。
これが、VanillaJSを導入した主な理由の1つでもあります。 ただし、そこで停止する予定はありません。
コードでは条件付きスクリプトの読み込みを使用していますが（必要な場合にのみフロントエンドでスクリプトを読み込みます）、Vanillaのリリース後、この機能をさらに強化する予定です。 基本的に、以前はスクリプトとスタイル機能によって提供されていた機能を自動化する予定です。
次は何ですか？
次のステップはあなたのウェブサイトの強化されたパフォーマンスを楽しむことです
バグや問題に気付いた場合は、GitHubページで、またはサポートチケットや事前購入チケットを送信して、徹底的かつ詳細なフィードバックを提供してください。
私たちは絶え間ない改善に取り組んでいます。 私たちの目標は、あなたとあなたのウェブサイトの訪問者がOceanWPを可能な限り最高に体験できるようにすることです。 将来のアップデートに関しては、パフォーマンス、アクセシビリティのさらなる向上、新機能とスタイル、および既存のコードの改訂に主な焦点が当てられます。
OceanWPはWordPressコミュニティのために構築されました。 あなたがあなたのアイデアで貢献したいのであれば、私たちがどのように私たちがより良くなり、より良くすることができるとあなたが信じているかを私たちに知らせてください。 機能リクエストフォームを使用して、機能と改善点についてのアイデアを共有してください。
LOS; INR。 （長いか短いか、私は決して読んでいない）：
メジャーアップデートをリリースしています。
OceanWPおよびOceanプラグインを更新する前に、手動バックアップを含むWebサイトのバックアップを取ります。
ベストプラクティスは、テスト、ローカルホスト、またはステージング環境ですべての更新をテストすることです。 更新をテストする機会がない場合は、すぐに更新しないでください。 フィードバックを収集するまで、更新を数日待ちます。
問題や問題が発生した場合は、バグの可能性についてお知らせいただくか、チケットを送信してください。