WordPress用の究極のVisual Composerドラッグ&ドロップページビルダーガイド

WordPress用Visual Composerの究極のガイド

Visual Composerは、WordPressで最も売れているページ作成プラグインの1つになりました。 2011年5月のリリース以来、プラグインは150,000以上の顧客(そして、テーマにバンドルされたコピーを受け取った何十万ものユーザーを数えていません)、200以上のアドオンと拡張機能、そして何百もの肯定的なレビューで爆発的に増加していますウェブ.


プラグインの独自のコピーをまだ所有していない場合は、過去にプレミアムWordPressテーマにバンドルされているのを見たことがあるか、Webのどこかで古いVisual Composerガイドを目にしたことがあります。 Visual Composerが最初にリリースされてから多くの変更があったため、この強力なプラグインを構成するすべての素晴らしい機能をご案内します.

Visual Composerの紹介

Visual Composerページビルダー

慣れていない場合、Visual ComposerはWordPress用のドラッグ&ドロップページビルダープラグインです。この便利なダンディプラグインは、カスタムのWordPress投稿とページを作成することから難しい部分を取り除きます。コーディングの知識は必要ありません。プラグインをインストールするだけで、投稿とページの作成に取り掛かることができます。また、ほとんどの無料のテーマや多くのプレミアムテーマにも対応しており、Contact Form 7、Slider Revolutionなどの人気のあるプラグイン(後で詳しく説明します)にも完全に対応しています。.

Visual Composerのインストール

独自のページを作成する前に、Visual Composerをダウンロードしてインストールする必要があります。プラグインのコピーを保護するには2つの方法があります。 購入 あなた自身のコピー または 購入する プレミアムテーマ プラグインが含まれています。の プラグインはまったく同じように動作します どのルートを選択した場合でも、これら2つの方法の唯一の違いは、インストール方法です。.

オプション1:自分のコピーを購入してWordPressサイトで使用する

Visual Composerのコピーを入手する最初の方法は、自分用のプラグインを購入することです。 CodeCanyonに移動し、Visual Composerのコピーをバスケットに追加し(追加のサポートを追加することをお勧めします。プラグインの作成者から1年間の支援を受けることができます)、購入を完了します.

Visual Composerを購入する

次に、ダウンロードページに移動します。購入したVisual Composerプラグインの横にある緑色の[ダウンロード]ボタンをクリックし、インストール可能なWordPressファイルのみを選択します.

Visual Composerをダウンロード

次に、WordPressダッシュボードにログインして、 プラグイン>新規追加. クリックしてください プラグインをアップロード 画面上部のボタン.

Visual Composerプラグインをアップロードする

CodeCanyonからダウンロードしたVisual Composer zipファイルを選択します。次に、クリックしてプラグインをインストールしてアクティブ化します.

プラグインを購入したため、アクティベーションプロセスを完了するには、ライセンスコードを追加する必要もあります。画面の上部にあるリンクをクリックしてから、巨大な青いボタンをクリックするだけです。 コピーをアクティブ化 Visual Composer.

クリックしてVisual Composerをアクティブ化

これにより、WPBakeryが購入を確認できるようにポータルが開きます。大きな緑をクリック 承認する ボタン。心配しないでください。ユーザー名/メールがVisual Composerのコピーを実際に購入したことを確認する許可をWPBakeryに与えるだけです。.

Envato経由でアクティブ化

プロンプトに従ってアクティベーションを完了し、WordPressダッシュボードに戻ります。これで、構築を開始する準備が整いました!

オプション2:Visual ComposerはWordPressテーマにバンドルされていました

Visual Composer付属のインストールでテーマを購入した場合は異なります。また、作成者によって異なる場合があります。 TotalなどのWPExplorerテーマを使用している場合にプラグインをインストールする方法を紹介します(他のほとんどのプレミアムテーマとかなり似ているはずです)。.

まず、WordPressテーマをダウンロードしてインストールする必要があります。 Themeforestからテーマを購入した場合、Visual Composerをダウンロードするのと同じプロセスです。 Themeforestアカウントにログインし、ダウンロードページに移動します。次に、テーマを見つけ、ダウンロードボタンをクリックして、インストール可能なWordPressファイルのみを選択します.

WordPressテーマをダウンロード

次にWordPressインストールにログインし、クリックします 外観>テーマ>新規追加. 次に、 テーマをアップロード ページの上部にあるオプション。ダウンロード可能なzipファイルを開いて、インストール可能なWordPressファイルを見つける必要があります。これは、Totalテーマにプレミアムプラグイン、サンプルデータ、PSDファイルなどの追加機能がバンドルされているためです。.

合計WordPressテーマをインストールする

ファイルを見つけたら、テーマをアップロード、インストール、アクティブ化できます。アクティベーション後、Totalは 推奨プラグインをインストールする – Visual Composerを含む.

推奨される合計プラグイン

リンクをクリックするだけ プラグインのインストールを開始. 選択する インストール 一括操作のプルダウンから、インストールするすべてのプラグインをオンにして、 申し込む.

推奨プラグインをインストールする

これで完了です。 Envatoを介してVisual Composerをアクティブ化する必要はありません。プラグインの独自のコピーではなくテーマを購入したため 確認するライセンスコードがない テーマの作成者から提供されるまで、プラグインの更新にアクセスできません.

オプションのVisual Composerアクティベーション

もちろん、自分でコピーを購入してアップデートをより速く受信したい場合は、確かにそうかもしれませんが、テーマでVisual Composerを使用する必要はありません。これで、プラグインの実際の使用に進むことができます.

Visual Composer Page Builderの概要

Visual Composerがインストールされたので、プラグイン設定を開始します。 WordPressダッシュボードにVisual Composerオプションが表示されます。クリックして設定ページを開きます.

Visual Composerの一般設定

一般設定 タブには、小さい画面でのレスポンシブ要素のスタックを有効/無効にするためのシンプルなオプションが含まれています(標準の3列の行が3つの単一列の行になるのに対し、モバイルでは3列の行を縮小できます)。 Visual Composerガイド付きツアーをオンに戻すため.

Visual Composer Role Manager

ウェブサイトが複数のユーザー役割を使用している場合、Visual Composer 役割マネージャー 確かに重宝します。この設定ページでは、役割に基づいて、さまざまなVisual Composer機能へのユーザーアクセスを制限できます。このようにして、管理者にすべての機能へのアクセスを許可し、編集者をブログページのみに、投稿者をまったく何にも制限しないようにすることができます。.

これについてはインストール時に前述しましたが、 製品ライセンス タブは、プラグインの独自のコピーを購入した場合にライセンスコードを確認できる場所です。 Visual Composerのコピーがテーマにバンドルされている場合は、このセクションを無視できます.

ページビルダーの要素

Visual Composer Page Builderの要素

Visual Composerには、ページに追加したい多くの機能に対応する34の標準ページビルダー要素が付属しています(上のスクリーンショットは、それらすべてと、後で説明するContact Form 7要素を示しています)。要素の多くには、色、境界線、パディング、マージン、カスタムCSS、アニメーションなどの追加オプションが含まれています。含まれるものの簡単な概要は次のとおりです。

  • あなたのページのページです。行要素を使用して列を作成し、他のすべてのページ要素を挿入します.
  • テキストブロック テキストのブロックとまったく同じように聞こえます。標準のWordPress WYSIWYGエディターを使用して、このモジュールでテキストを追加およびフォーマットできます.
  • アイコン 次のアイコンライブラリのフォントアイコンを含める:FontAwesome、Open Iconic、Typicons、Entypo、Linecons、Mono Social.
  • セパレータとテキスト付きセパレータ ページ上に作成したセクションの間に改行(またはテキスト)の区切りを作成する方法です.
  • メッセージボックス メモ、アラート、その他の箱入りマッサージを追加するのに最適です.
  • Facebook、ツイート、Google +、Pinterest 作成しているページをユーザーが共有するために追加できる、シンプルなソーシャル共有ボタンです。.
  • よくある質問 非表示のコンテンツを追加するために使用できるトグルで、ユーザーがページを読んだときに明らかにすることができます.
  • 単一画像 それだけです–サイズ変更、アニメーション、リンクなどのオプションが追加されたシンプルな画像.
  • タブ、ツアー、アコーディオン 非表示または折りたたみ可能なコンテンツを含むという点でFAQに似ていますが、最初のセクションが開いています.
  • ページング可能なコンテナ 基本的なコンテンツスライダーです(ただし、ほぼすべてのページビルダー要素を各コンテナーの「ページ」に挿入できます)。.
  • カスタム見出し カスタムフォント、サイズ変更、色などを使用して、セクションに独自の見出しを簡単に追加できます.
  • ボタン 他のページまたは外部Webサイトへのリンクを追加できます.
  • アクションの呼び出し ユーザーの注意を引き、説得力のあるコンテンツを少し追加できるボタンが追加された吹き出しボックスです.
  • ウィジェット化されたサイドバー ページ上の任意の場所に独自のカスタムサイドバーを挿入できます.
  • ビデオプレイヤー WordPressでサポートされているさまざまなビデオ形式を簡単に挿入できます.
  • グーグルマップ もう1つの簡単なオプションです。Googleマップコードを貼り付けるだけで、ページに地図を挿入できます.
  • 進行状況バー、円グラフ、円グラフ、折れ線グラフ データやスキルをグラフ化または表示するすべての方法です.
  • 空きスペース 要素間に垂直の区切りを簡単に追加できます.
  • ポスト、メディア、ポスト組積造、メディア組積造グリッド ページに追加できるすべてのカスタムグリッドです(投稿またはメディアタイプを組み合わせることができます).

Visual Composerウィジェット要素

プラグインには8も含まれています ウィジェット要素 必要に応じて、独自のサイドバーを作成するために使用できます。これらは、サイドバーが通常のページの場所にないカスタムランディングページを作成する場合、またはWebサイト全体が同じサイドバーを使用していない2つのランディングページの大規模なネットワークである場合に役立ちます。.

Visual Composer拡張

基本的なビジュアルコンポーズ要素は使い始めるのに最適ですが、最終的にはカスタムページレイアウトを作成する必要があるか、さらに必要になります。これは拡張機能を介して可能です。 Visual Composer拡張機能のソースはいくつかあります.

Visual Composerの合計ページビルダー要素

への最初の方法 Visual Composerをテーマ経由で拡張する. 39の追加されたページビルダー要素を含むTotal WordPressテーマがその好例です。これらの機能を使用するには、Totalにのみ含まれているため、使用するにはテーマをインストールしてアクティブにする必要があります。合計には、カスタム投稿タイプ(紹介状、スタッフ、ポートフォリオ)、カスタムギャラリー、シンプルなスライダー、ソーシャルなどの拡張機能が含まれます。これにより、必要な場所に必要なコンテンツを簡単に追加できます.

サードパーティVisual Composerアドオン

テーマにインストールできる拡張機能が含まれていない場合 サードパーティVisual Composer Extensions. これらは無料から$ 55までの範囲で、CodeCanyonやウェブ上でさまざまな著者から入手できます。価格表やソーシャルなど、いくつかの追加機能を追加したい場合は、無料のSymple Shortcodesプラグインが適しています(結局、ここでWPExplorerで作成しました)。さらに多くのオプションをボートロードに追加する場合は、Ultimate Add-onなどのプレミアムプラグインが適している場合があります。文字通り何百ものオプションがあります–あなたは見ることができます 互換性のあるアドオンの完全なリスト WPBakery.

ただし、Visual Composerを拡張することを選択した場合は、 すべてのテーマとプラグイン拡張機能を同時に使用しないでください. 多いほど良いとは限りません。特にこの場合はなおさらです。これにより、多くの重複および重複オプションが作成されるだけでなく、サイトの速度が大幅に低下します(大量のコードが各ページビルダー要素に入ります)。自分に最適な拡張機能を選んで、それを使い続ける.

バックエンドとフロントエンドの編集

Visual Composerを使用すると、ページを作成および編集する方法に制限がなくなります。この強力なプラグインを使用すると、モジュラーバックエンドまたはビジュアルフロントエンドから変更を加えるオプションがあります.

Visual Composerバックエンドエディター

Visual Composerバックエンドエディター

あなたが使用することを選択した場合 バックエンドエディター 各要素は、挿入、ドラッグアンドドロップできるモジュール要素として表示されます。この方法は、ページの外観をワイヤーフレームですばやくレイアウトしたい場合に最適です。サーバーまたはインターネット接続が遅い場合は、フロントエンドよりも高速でもかまいません。.

バックエンドエディターはかなり使いやすいです。青いボタンをクリックするだけで バックエンドエディター 編集中のページまたは投稿に対してVisual Composerを有効にする.

バックエンドエディターを有効にする

次に、青緑色のボタンをクリックして +要素を追加.

バックエンドエディタを介して要素を追加する

ここから、必要なすべてのページ要素を挿入できます!

Visual Composerフロントエンドエディター

Visual Composerフロントエンドエディター

フロントエンドエディター 基本的にリアルタイムのビジュアルエディターであるため、最終ページがどのように表示されるかをはるかによく把握できます。これにより、バックエンドエディターと同じすべてのページビルダー要素を挿入でき、モジュールではなく実際にそれらを表示できるという利点もあります。 300ピクセルの画像の実際の大きさや、16進数の値#6e2f93の紫色のボタンが実際に飛び出るかどうかを確認できます.

フロントエンド編集を有効にするには、2つのいずれかをクリックします フロントエンドエディタ ページまたは投稿のオプション.

フロントエンドエディターを有効にする

これにより画面が更新され、バックエンドエディタと同じページ作成オプションを使用して、投稿またはページのライブフロントエンドプレビューに移動します.

フロントエンドエディタを介して要素を追加する

クリックして要素の追加を開始します。ここでの主な違いは、要素を挿入するときに要素を表示できるようになり、 プレビューオプション トップバーに表示され、デスクトップ、ラップトップ、タブレット、スマートフォンでのページの外観を把握できます.

ページ要素の追加と編集

バックエンドエディターまたはフロントエンドエディターのどちらを使用する場合でも、さまざまなページビルダー要素をカスタマイズするための同じオプションがあります。オプションは要素によって異なりますが、要素を挿入した後に知っておくべきいくつかの重要な機能があります.

Visual Composer:行の編集

Visual Composerの行オプション

ページに何を追加したいかに関係なく 最初に行を挿入する必要があります. 挿入したら、フロントエンド要素にカーソルを合わせると青色が表示されます 行オプション (バックエンドでは、これらは常に各行の上部に表示されます).

  • 最初 行アイコン クリックして行をページ上の新しい位置にドラッグアンドドロップできる場所.
  • 鉛筆 アイコンは、行設定のオプションを開きます。これらはテーマによって異なる場合があります。合計テーマでは、ローカルスクロールID、行ストレッチ(全幅行の場合)、全高行、最小高さ、モバイルでの表示、中央揃えのコンテンツ、同じ高さの列、アニメーション、タイポグラフィ、最大幅、列間隔のオプションが表示されます、背景ビデオまたは視差とデザインオプション(マージン、境界線、パディング、背景色/画像).
  • カラム 行の列数を定義します。最大6列のデフォルトオプションがありますが、必要に応じて独自のカスタム列レイアウトを定義することもできます.
  • プラス 編集中の行の下に新しい行を追加します.
  • 複製 アイコンは、現在の行とそのすべてのコンテンツ(行に挿入したすべての要素)を複製します。これは、同じページで行レイアウトを複数回再利用する場合に最適です.
  • ごみ 行全体とその内容を削除するだけです.
Visual Composer:列の編集

Visual Composerの列オプション

フロントエンドエディタの行にカーソルを合わせると、黄色も表示されます 列オプション (バックエンドでは、各列の上に同じオプションとアイコンが表示されます).

  • 最初 列アイコン 行と同じ–クリックして行内の列をドラッグアンドドロップして再配置.
  • 鉛筆 一般的な列設定です。行と同様に、列のオプションは、使用しているテーマによって異なる場合があります。 Totalでは、モバイルでの表示、アニメーション、タイポグラフィ、最小の高さ、デザインオプション(マージン、ボーダー、パディング、背景)、および応答性設定(デバイスに基づくカスタムオフセット、幅、または非表示オプション)を使用できます。.
  • 列の場合 プラス アイコンは、すでに挿入されている他の要素の上に、要素を列の上部に追加します.
  • 繰り返しますが、 ごみ アイコンは、列全体とその内容を削除します。列を削除しても、残りの列はディメンションを維持します(3つの列のうち1つを削除しても、残りの2つの列は1/3サイズの列のままです)。削除後に列の幅を編集してください.
Visual Composer:ページ要素の編集

Visual Composerページ要素のオプション

行または列内で、プラスアイコンを使用してページ要素を挿入します。上のスクリーンショットでは、 メッセージボックス. 要素を挿入すると、設定が自動的に開きます。すでに追加した要素を編集するには、フロントエンドまたはバックエンドエディターで要素にカーソルを合わせるだけで、次のオプションが表示されます。

  • 鉛筆 アイコンで設定が開きます(以下で説明します).
  • 複製 アイコンはあなたが持っているとおりにページ要素を複製します(設定とすべて).
  • 最後に ごみ ページビルダー要素のみを削除します。それを挿入した行または列から、他のすべての要素をそのまま残します.
Visual Composer:ページ要素全般

ページ要素の一般オプション

新しい要素を挿入するか、要素の鉛筆アイコンをクリックすると、ページビルダー要素が開きます 設定. これらは(ほとんどの場合)複数のタブに分割されており、利用可能なすべてのカスタマイズオプションを簡単に確認できます。設定タブに加えて、 装備 右上のアイコンをクリックして、選択した設定を プリセット 後でまたはとして再利用される デフォルト この特定の要素を挿入するたびに自動的に使用されます.

一般タブ ページ要素の一般的なオプションが含まれています。これらは挿入する要素によって異なります(ただし、編集はすべて、ドロップダウン、カラーピッカー、チェック、またはテキストボックスを使用するのと同じくらい簡単です)。たとえば メッセージボックス 上のスクリーンショットには、スタイル、形状、色、アイコン、テキスト、アニメーションのオプションが含まれています。しかし、あなたが挿入した場合 ボタン 代わりに、テキスト、URL、スタイル、形状、色、サイズ、配置、アイコン、アニメーションのオプションが見つかります.

Visual Composer:ページ要素デザイン

ページ要素のデザインオプション

[デザインオプション]タブ ほぼすべてのページビルダー要素に表示される2番目の標準タブです。ここから、カスタム背景(色または画像)、境界線、パディング、マージンを要素に追加できます。コントロールの簡略化のオプションにより、CSSボックスのオプションが削減されるため、各オプション(マージン、ボーダー、パディング)に1つのユニバーサル値を入力できます。覚えておくべき1つの注意:背景を適用すると、それは境界線内に含まれます。そう パディングを増やす 要素の周りに追加した表示可能な背景を増やしますが、 マージンを増やす ページ要素の周りの空きスペースを増やします(その後ろの行/ページを表示します)

もちろん、ページ要素を挿入するモジュールによっては、さらに多くのタブがある場合があります。たとえばVisual Composer 投稿グリッド データ設定とアイテムデザインのオプションタブが追加されました。そして、あなたがのような拡張機能を介してカスタムページ要素を使用している場合 総スタッフグリッド 拡張機能の作成者が何を含めたかに応じて、さらに多くのオプション(クエリオプション、カスタム画像の切り抜き、メタ、ソーシャルリンク、抜粋など)を組み込むことができます.

注意: あなたは私たちの要素の包括的なリストをチェックアウトすることができます Total Builderモジュールガイド. ただし、すべてのモジュールの機能を学習する最良の方法は、Visual Composerをいじることです。テストページを作成し、要素の挿入と編集を練習します。あなたはすぐにコツをつかみ、プロのようにページを構築するでしょう!

人気の互換性のあるプラグイン

Visual Composer拡張機能に加えて、多くの一般的なプラグインはVisual Composerと互換性があり、独自のページ構築要素を自動的に追加します。以下に、喜んで聞ける多くのプラグインのいくつかを紹介します。プラグインはVisual Composerプラグインとシームレスに連携して、ページの作成を改善します。.

Visual ComposerのWooCommerce要素

WooCommerce:WordPressでストアを構築したい場合は、WooCommerceが適しています。このプラグインは無料で素晴らしい機能が満載されているだけでなく、Visual Composerと完全に互換性があります。インストールしてアクティブ化すると、WooCommerceは独自の設定とオプションを追加するだけでなく、 17個の新しいページビルダー要素 あなたが遊ぶために.

Revolution Slider WordPressプラグイン

スライダー革命:スライダーは注目を集めてコンテンツを詰め込んだセクションを任意のページに追加するための優れた方法であり、Slider Revolutionはまさにそのための完璧なプラグインです。このプラグインを使用すると、テキスト、ボタン、画像、さらには動画などの要素をすべてドラッグ&ドロップして、アニメーションと効果を追加し、印象的なスライダーを作成できます。多くのトータルデモで実際にそれを見てください!

LayerSlider WordPressプラグイン

LayerSlider:スライダーのもう1つの優れたオプションは、LayerSliderプラグインです。 Slider Revolutionと同じくらい素晴らしいですが、インターフェイスとオプションが少し異なります。カスタムトランジションビルダーも含まれているため、独自のアニメーションを作成できます。これは、Total WordPressテーマにバンドルされている2つのプレミアムスライダーの1つでもあるため、非常に優れています.

Contact Form 7 Free WordPressプラグイン

お問い合わせフォーム7:お問い合わせフォームはウェブサイトの重要な部分です。あなたがビジネスの問い合わせ用のフォームを持っているブロガーであろうと、予約フォームを持っている歯科医であろうと。 Contact Form 7は完全に無料で柔軟性があり、Visual Composerでカスタムフォーム要素を使用して連絡先フォームを簡単に挿入できます。.

WPML WordPress翻訳プラグイン

WPML:多言語のWebサイトを作成する必要がある場合、WPMLは投稿やページを翻訳するための主要なオプションの1つです。さらに、WPMLはVisual Composerと完全に互換性があるため、作成したカスタムページをすべて翻訳することが可能です。.

Polylang Free WordPressプラグイン

ポリラン:WPMLに投資したくない場合、PolylangはVisual Composerと完全に互換性のある優れた無料オプションです(これは、WordPressサイトを多言語にすることをお勧めする無料のプラグインの1つです)。.

Yoast SEOプラグイン

Yoast SEO:Yoastは、ユーザーがオンサイトのSEOを簡単に改善できるようにします。サイトマップ、メタ説明、パンくずリストなど、多くの重要なSEO機能があります。何よりも優れている– Yoast SEOはVisual Composerでうまく機能するので、SEOを調査する代わりに、より良いページの作成について心配することができます.

Visual Composer用のTemplateraテンプレートマネージャー

テンプレートラ:このプラグインは互換性があるだけでなく、ページビルダーの機能を拡張するためにWPBakery(Visual Composerの作成者)によって作成されました。 Templateraを使用すると、テンプレートを保存して再利用できるため、繰り返しページを簡単に作成できます。プラグインをインストールすると、WordPressダッシュボードのVisual Composer設定内に独自のオプションが追加されるので、テンプレートのインポート、エクスポート、再利用が簡単になります(このプラグインをTotalにバンドルした素晴らしい機能でした).

そして、互換性のあるプラグインがもっとたくさんあると確信しています!新しいプラグインのVisual Composerとの互換性に疑問がある場合は、新しいプラグインの作成者に連絡して尋ねてください。.

Visual Composerの詳細オプション

より上級者向けには、Visual Composer内にいくつかの追加オプションがあり、カスタムショートコードをページビルダーに追加したり、カスタムメディアグリッドを作成したりできます。.

Visual Composerショートコードマッパー

最初は ショートコードマッパー. このオプションはVisual Composer設定内にあり、独自のカスタムショートコードをVisual Composerにマッピングするために使用できます。これは、デフォルトでVisual Composerに含まれていない、お気に入りのショートコード(価格表のショートコードなど)がある場合に便利です。.

2番目の詳細オプションは含まれています グリッドビルダー. この機能を使用すると、コンテンツの独自のカスタムレイアウトを使用して、カスタムグリッド(メディアグリッドや投稿グリッドと同様)を作成できます。たとえば、丸い画像、太字のカスタムフォントの投稿者の名前、カスタムの抜粋の長さ、[もっと読む]ボタン、および推奨製品にリンクする2番目のボタンを含むカスタムブログ投稿グリッドを作成できます。アイデアは?要素、色、余白、境界線などのオプションが豊富なグリッドレイアウトを構築できます.

まとめ

WordPressとVisual Composerでできることはたくさんあります。ページビルダーの動作を確認したい場合は、Visual Composerを使用して作成できるさまざまなスタイルとレイアウトを紹介するために試みたTotalテーマのデモをご覧ください。.

そして、何かを逃した場合 私たちに聞いてください. Visual Composerについて知りたいことや、Visual Composerがどのように機能するかをお知らせいたします– 下にコメントを残してください. 読んでくれてありがとう!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map