WordPressは素晴らしいものであり、WordPressの実行Webサイトをカスタマイズできることは、単なるアイシングです。しかし、私たち全員がグルをコーディングしているわけではありません。いや、WordPress愛好家の中には、HTMLやCSSについて何も知らない人もいます。ただし、これによってWordPressテーマをカスタマイズできないわけではありません。ここにページビルダーが登場します.


ドラッグ&ドロップページビルダーはプラグインとして広く利用でき、多くの人気のあるテーマに組み込まれています。これにより、すべてのレベルのユーザーがテーマの一般的なレイアウトを変更できるようになり、追加の繁栄(アイコン、スキルバー、価格表など)を非常に簡単に追加できます。具体的には、WordPressプラグインを構築する新しいお気に入りのページであるVisual Composerを紹介します。.

Visual Composerを無料で入手! Visual Composerプラグインは、Total WordPressテーマを購入すると無料で含まれ、テーマで使用するプラグインの優れた拡張機能が含まれています.

Visual Composerとは

Visual Composerは、WP Bakeryによって開発された素晴らしいプラグインで、WordPressテーマにドラッグ&ドロップページビルダーを追加します。私たちはそれをTotal Multipurpose WordPress Themeにポップしましたが、Themeforestのほとんどすべての新しいトップセラーでも見ることができます。 1行のコードに手を加える必要なく、複雑なページレイアウトを作成するために必要なツールを提供します.

Visual Composerの仕組みとできること

これはプラグインなので、インストールしてアクティベートするだけで、すばらしい機能をすべて活用できます。 Visual Composerをアクティブにすると、ページのレイアウトを制御できます。新しいページを追加するだけで、新しいボタンが表示され、クラシックモードとビルダーモードを切り替えることができます。また、ライブのフロントエンドエディターに移動するためのボタンも表示されます。.

ビジュアルコンポーザーボタン

ここからの可能性は、あなた(またはあなたのクライアント)の想像力によってのみ制限されます。 Visual Composerのすべてのオプションを使用して、行、列、ボタン、テキスト、画像などを追加できます。さらに、レイアウトをテンプレートとして保存して何度も再利用できるオプションがあります.

ビルダーには、ページ作成要素が含まれています。これらの要素は、ページのリテラル構築ブロックとして使用できます。最初 行を追加. 行を使用すると、ワンクリックで列を追加できます。行の左上隅にある黄色の段落タブにカーソルを合わせて、レイアウトを選択します。選択したレイアウトに従って、行は自動的に列に分割されます.

合計追加行

ページ要素

合計追加要素

次のステップは、ページ機能の追加を開始することです。クリックするだけ 要素を追加 ボタンをクリックしてポップアップメニューを開きます。テキストボックス、見出し、ソーシャル共有、画像とギャラリー、トグルまたはタブ、アコーディオン、最近の投稿(ブログ投稿に加えて、テーマのカスタム投稿タイプでも機能します)、ボタン、さらには追加するための多くのオプションがありますサイドバーウィジェット.

また、Visual Composerで使用しているWordPressテーマと互換性のあるプラグインに応じて、表示されるページ要素が増減します。上記の例は、Total Drag&Drop WordPressテーマからのものなので、Total専用に作成およびスタイル設定された追加の30ページビルダー要素があります。これには、カスタムの仕切り、アイコンボックス、マイルストーン、カルーセルなどが含まれます.

いずれかの要素をクリックして、その要素のオプションを開きます。以下は、Totalテーマのアイコンボックスモジュールの「オプション」の例です。ご覧のように、各モジュールには多くの設定があり、複数の設定タブがあります。.

アイコンボックス設定

ビルダーは、レイヤースライダー、革命スライダー、重力フォーム、お問い合わせフォーム7の4つの素晴らしいサードパーティプラグインもサポートしています。これらのプラグインのいずれかがインストールされている場合、テーマのページ要素が自動的に表示されます。これらのプラグインの1つにページ要素を挿入することを選択すると、Visual Composerは、作成したそれぞれのスライダー/フォームのドロップダウンを表示するか、スライダーIDを追加するための入力ボックスを表示します。ショートコードをコピーして貼り付ける必要はありません!

ドラッグドロップ

ビジュアルコンポーザーエディター

デザインプロセスのどの時点でも、行またはページ要素をドラッグアンドドロップして再配置できます。任意の行または要素を複製することもできるため、繰り返しコンテンツをすばやく簡単に追加できます(類似の列、FAQ、トグルなどに最適です)。.

気に入ったデザインを作成したら、テンプレートとして保存できます。これは、再利用するカスタムページレイアウトまたはサイドバーを作成するときに便利です。をクリックしてください テンプレート ボタンをクリックし、レイアウトに名前を付けて、保存をクリックします。テンプレートを使用すると、保存したレイアウトと要素がページに自動的に入力されます.

行オプション:行のフォーマット、複製、削除

すべての行の左端に追加された3つの機能が追加されました。これらの機能を使用して、行全体とそのすべてのコンテンツを複製または複製したり、新しいモジュールを追加したり、列を編集したりできます。編集する必要がある行にカーソルを合わせるだけです。これらの設定にアクセスするには:

total-visual-composer-row-settings

この場合も、Visual Composerで使用しているテーマによっては、使用できるフォーマットオプションが異なる場合があります。一部のテーマ開発者はVisual Composerをそのままにすることを選択しますが、多くはテーマのニーズやスタイルに合わせてプラグインをカスタマイズします.

フロントエンドエディタ

強力なVisual Composerには、フロントエンドエディターが含まれています。これにより、独自のページとレイアウトの作成をこれまで以上に簡単に行うことができます。唯一の注意点は、すべてのテーマがまだフロントエンドエディターをサポートしているわけではないことです。必ず、テーマの機能リストを再確認するか、テーマ開発者に直接連絡して、Visual ComposerフロントエンドエディターがWordPressテーマと互換性があるかどうかを確認してください。私たちの 合計WordPressテーマはフロントエンドエディターと100%互換性があります 現在のテーマではない場合は、テーマへの「アップグレード」を検討することをお勧めします.

拡張

最後に触れておきたい機能は、Visual Composerの拡張性です。高度なコーダーやテーマの開発者である場合は、独自のショートコードをプラグインに統合できます。実際、Symple Shortcodes Premiumを独自に追加して、Totalユーザーに追加のページ構築要素を提供しました。これにより、ユーザーはページを作成するときにさらに多くのオプションを利用できます!

コーダーでない場合は、CodeCanyonをチェックして、Visual Composerアドオンを簡単に検索してください。 Visual Composerに機能を追加する優れたプレミアムプラグインはたくさんあります。SympleShortcodesプラグインなどの優れた無料のプラグインもあります。.

Visual Composer設定オプション

私はVisual Composerをページビルダーと呼んでいますが、投稿やカスタム投稿タイプでもうまく機能します。オプションを有効にするだけです。案内する 設定> Visual Composer. 次のような画面が表示されます。

Visual Composerの設定

プラグインは、WordPressテーマに含まれるさまざまなコンテンツタイプを自動的に表示します。 Visual Composerページビルダーで使用するものを選択するだけです。上記の例は、Totalテーマからのものです。そのため、ポートフォリオ、スタッフ、紹介文(すべてのカスタム投稿タイプ)、フォーラム、トピック、返信、および製品(TotalでサポートされるbbPressおよびWooCommerceプラグインに関連)のオプションが追加されています。.

WordPressサイトにすでにインストールされているVisual Composerにショートコードプラグインをマッピングすることもできます。設定ページの上部にある[マイショートコード]タブをクリックし、[ショートコードをマッピング]ボタンをクリックします。これにより、サードパーティのショートコードがcomposer要素に追加されます。かんたん!

実際に見る

私が言ったように、私たちはVisual Composerが大好きなので、売れ筋のTotal WordPressテーマ(購入時に無料で含まれています)に組み込みました。 Total Themeのライブデモのさまざまなページをご覧ください。ライブデモに表示されるページのほとんどは、Visual Composerで作成されたものです。背景、見出し、テキスト、画像、アイコンなどを追加します。すべて「ケーキ」です.

トータルデモ

完全なVisual Composer使用ガイド

すでにプラグインを所有していて、その使用方法に関するガイドを探している場合は、ステップバイステップでプラグインの使用方法を説明するVisual Composerの完全な使用ガイドをご覧ください。.

入手できる場所

自分で入手したい場合は、Visual ComposerをCodeCanyonで利用できます。また、プレミアムWordPressテーマの合計と完全に統合されています(他の2つのプレミアムプラグインと合わせて合計$ 67です。これは、テーマに支払う金額以上です)。.

合計を取得Visual Composerを取得

以下のプラグインについてどう思うか教えてください。私たちはVisual Composerに本当に感銘を受けました。あなたの意見を聞いてみたいです!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me