の助けを借りて、WordPress で 360 度のバーチャル ツアーを作成する方法を知りたいです。Elementor?
Google ストリート ビュー技術を使用すると、実際にその場にいなくても、特定のエリアを仮想的に歩き回ることができます。 たとえば、物理的にロンドンのアパートにいながら、バリ島のクタ ビーチ周辺の環境を実際に見ることができます。
パリのルーブル美術館など、一部の場所では、Google ストリート ビューで屋内のバーチャル ツアーをカバーすることもできます。
WordPress ベースの Web サイトをお持ちの場合、コーディングなしで Web サイトに 360 度ウォークスルー機能を簡単に作成できます。
360 度のバーチャル ツアーを提供することは、動物園、観光名所、レストランなどのビジネスに最適です。 訪問者 あなたの場所の周りの環境を仮想的に見ることができます。
参照してください: Elementorの投稿ウィジェットの使い方
前述のように、コーディングなしで WordPress Web サイトに 360 度ウォークスルー機能を追加できます。 これは、次のプラグインを使用して実現できます。
Essential Addons を使用して WordPress で 360 度バーチャル ツアーを作成する方法
開始する前に、インストール済みであることを確認してください Elementor そして必須のアドオン。 あなたはできる Elementorをダウンロード (無料版を使用できます)の公式リポジトリ WordPressのプラグイン. 必須のアドオンの場合は、その上で入手できます サイトofficiel.
ステップ 1: 基本アドオンを Google マップに統合する
Elementor と Essential Addons をインストールした後に最初に行う必要があるのは、Essential Addons を Google マップに統合することです。 Google Maps API キーを使用してそれらを統合できます。
Google Map API キーを作成するには、まず にアクセスしてください Google API コンソール Google アカウントでサインインします。 プロジェクトがまだない場合は、Google API コンソールのメイン ダッシュボードの上部にあるドロップダウン リストをクリックして新しいプロジェクトを作成し、ボタンをクリックします。 新しいプロジェクト 表示されるウィンドウで。
新しいプロジェクトに名前を付けて、ボタンをクリックします CREATE .
新しいプロジェクトが作成されたら、上部のドロップダウン メニューからプロジェクトを選択し、 図書館 左パネルにあります。
Google Maps API は 17 種類に分類されます。 リンクをクリックできます すべて表示する セクションで CARTES それらすべてを見るために。
Essential Addons を使用できるようにするには、次の API を有効にする必要があります。
- API の説明
- ジオコーディング API
- マップJavaScript API
- APIシート
API を有効にするには、該当する API をクリックして選択し、ボタンをクリックします。 アクティブ化.
必要な API の有効化が完了したら、Google API コンソールのメイン ダッシュボードに戻り、 識別子 左パネルにあります。 ボタンをクリックします 認証情報を作成する そして選択 APIキー. 表示されるポップアップで API キーをコピーします。
API キーを取得したら、WordPress ダッシュボードにログインし、メニューをクリックして Essential Addons Settings ページに移動します。 エッセンシャルアドオン 左側のサイドバーにあります。
タブに移動 要素 セクションを下にスクロールします 動的コンテンツ要素。 Cliquez sur 設定 ウィジェットの 高度なGoogleマップ Google API キーを貼り付けます。 ボタンをクリックします 設定を保存 変更を適用します。
ステップ 2: 360 度バーチャル ツアーの作成を開始する
新しいページを作成します (ページ – >追加)または新品(アイテム – > 追加)そしてElementorで編集します。 ページの作成を開始する前に、まずレイアウトを定義できます。
また発見: Elementor に関連アイテムを追加する方法
これを行うには、左下隅にある歯車アイコンをクリックして設定パネルを開きます。 ドロップダウンメニューからレイアウトを設定します レイアウト.
編集ボックスのプラス アイコンをクリックして新しいセクションを追加し、そこに Google EA マップを追加します。
オプションの下で 基本設定 タブ 中身 、マップ タイプを パノラマ.
オープン Googleマップ 新しいタブで、バーチャル ツアーを作成する場所を見つけます。 ピンの位置を右クリックし、表示される最初のコンテキスト メニュー項目を左クリックします。 これにより、緯度 (最初の値) と経度 (XNUMX 番目の値) をコピーできます。
タブに戻る コンテンツ 緯度と経度をそれぞれのフィールドに貼り付けます。
オプションを開く マップコントロール 提供するカード コントロールを有効/無効にします。 初期ズーム レベルを設定することもできます。
タブに移動 形式 カードの幅と高さを定義します。
ボタンをクリックします PUBLISH マップを公開します。
NOTE: ウィジェットをドラッグしても地図が読み込まれない場合 EA Google マップ エディターに「開発目的のみ」というメッセージが表示されたら、必ず Google Cloud 請求を有効にしてください。
新しい Google ポリシーでは、開発者は請求先アカウントを有効にする必要があります (Google Maps API は引き続き無料で使用できます)。
ElementorProを今すぐ入手!!!
まとめ
ここに ! 方法を示すこの記事は以上です WordPress で 360 度のバーチャル ツアーを作成する. そこに行く方法について懸念がある場合は、 commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...