WordPressに複数の列を追加したいですか?

コンテンツを列に整理する慣習は、印刷の初期にまでさかのぼります。 この形式は、テキストや画像などを整理するための用途の広い方法です。ただし、WordPressに複数の列を追加し、それらを正しく配置するのは少し難しい場合があります。

幸いなことに、そのようにする必要はありません。 これで、ブロックエディターを使用して、WordPressの投稿やページに数ステップで複数の列を簡単に追加できます。

クラシックエディタまたはページビルダープラグインを使用して、このレイアウトを実現することもできます。

このチュートリアルでは、WordPressで複数の列を追加する方法を説明します。

しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。

複数列のレイアウトを使用する理由

適切なWordPressテーマの選択から カスタムフォントの追加、あなたのウェブサイトのデザインのパーソナライズはあなたのブランドの押し付けの目玉に不可欠です。 あなたの記事とレイアウトもこのパズルの一部です。 さまざまなレイアウトオプションを試すことは、コンテンツに構造的な多様性を追加するための優れた方法です。

読みやすさに最適な単一のフォーマットはないため、創造性を発揮して、自分に合った外観を見つけることができます。 さまざまな種類のコンテンツに合わせて各ページのレイアウトを変更し、さまざまなレイアウトのページで構成されるWordPressサイトを作成できます。

列は特に用途の広い形式です。 スペースを経済的に使用したい場合は、テキストを簡単にセグメント化できます。

に示すように、列を使用してさまざまなウィジェットを一貫した方法で結合することもできます。 バディボスのテーマ :

WordPressに複数の列を追加する方法

または、ニーズに合わせて削除または再形成できる柔軟なフォーマットの使用に興味があるかもしれません。 あなたの理由が何であれ、列はあなたのウェブサイトに多様性と組織を加えることができます。

WordPressで複数の列を追加する方法

WordPressの初期の頃、ユーザーはHTMLの実用的な知識を持ち、自信を持ってコードを編集して投稿に列を追加できる必要がありました。 当時、コンテンツの作成と編集はそうではありませんでした 最もフレンドリーな体験.

幸い、WordPressに列を追加する簡単な方法がXNUMXつあります。HTMLは必要ありません。

ブロック エディターには直感的な組み込みの列機能が付属しており、従来のエディターを好む人は、 WordPressのプラグイン.

次に、XNUMXつの方法を見てみましょう。

最初の方法:ブロックエディタのネイティブ機能を使用する

まず、ブロックエディター(グーテンベルク)を使用していくつかの列を追加します。 新しいデフォルトのWordPressコンテンツ作成インターフェースは 便利な機能のホスト、すべて移動しやすいコンテンツブロックに焦点を当てています。

そのような機能のXNUMXつは、適切な名前のColumnsブロックです。これは、必要な数の列を作成するのに役立ちます。

開始するには、次のように入力します 「列」 ボタンをクリックして開くことができるブロックエディタの検索ボックスで +。 または、画面をクリックして入力を開始することもできます 「列」 同じオプションを表示します。

これにより、列レイアウトを選択できるウィンドウが呼び出されます。

WordPressに複数の列を追加する方法

XNUMXつのデフォルトの列から始めて、後で設定を調整することもオプションです。

必要なセクションの数とそれらを分割する方法を指定したら、ブロックを好きな場所にドラッグアンドドロップできます。

次に、Columnsブロック内に他のブロックをネストできます。 それらはすべてテキストのブロックにすることができます。 テキストの列を画像またはカレンダーの列の横に配置して目立たせるようにして、テキストの列を強調してみてください。

WordPressに複数の列を追加する方法

要素を組み合わせて一致させることにより、エディターの柔軟性を利用することを恐れないでください。

その後、[列]ブロックの設定に戻り、必要に応じて幅の比率を変更できます。 個々の列は、目的の外観のタイプに応じて調整できます。

ブロックエディタのビジュアルインターフェイスのおかげで、バックエンドでの作業はフロントエンドに直接変換されます。 参考までに、公開後の例は次のようになります。

基本を理解したら、コラムを使ってさらに詳しく調べることができます。

ブロック エディターでさらに多くの機能を探している場合は、ダウンロードを検討してください。 WordPressのプラグイン これにより、ブロック機能が向上し、コンテンツの新しい組み合わせを試すことができます。

方法XNUMX:クラシックエディターとElementorページビルダーを使用する

コードなしで投稿やページに複数の列を追加することもできます。 必要なのはプラグインだけです。 この仕事をすることができるたくさんのオプションがあるので、あなたがする必要がある最初のことはXNUMXつを選ぶことです。

私はプラグインの大ファンなので ページビルダーElementor, これを使用して、複数列のレイアウトを作成します。

Ce ページビルダー は、直感的なドラッグ アンド ドロップ インターフェイスを使用し、5 万以上のアクティブなインストールが行われている堅実な無料オプションです。

持ったら プラグインをインストールしてアクティブ化した Webサイトで、編集するページに移動し、Elementorで編集します。

WordPressに複数の列を追加する方法

Elementorエディターに移動します。

上の画像でわかるように、赤いボタンをクリックします + 新しいセクションとそれに伴う列の数を追加します。

ここで、エディターウィジェットとテキストウィジェットおよびカレンダーウィジェットを選択します

ページを更新して記事をプレビューします。

このと WordPressのプラグイン、列の数を追加または削除するオプションもあります。

プレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

1。 お問い合わせフォーム7成功リダイレクト

Contact Form 7 Success Redirectは、Contact Form 7のプレミアムWordPressプラグインの拡張機能で、連絡先の送信後に訪問者またはユーザーをページにリダイレクトできます。

リダイレクトの作成-お問い合わせフォーム7成功リダイレクトワードプレスプラグイン

これは、フォーム送信プロセスが管理者によって選択されたページにリダイレクトされたときに、フォームをよりユーザーフレンドリーにするように設計されました。

WooCommerceでプライベートストアを作成する方法 ? この記事を参照して調べてください。

設定は非常に簡単です。 これを行うには、ダッシュボードの既存のページからページを選択するか、 カスタムリダイレクトURL.

私たちを発見 あなたのブログのSEOを改善するための8 WordPressプラグイン

各フォームには独自の構成があります。 したがって、成功したリダイレクトはそれぞれ独自の方法で定義できます。

ダウンロード | デモ | ウェブホスティング

2。 LetsPush Webプッシュ通知

ブラウザープッシュ通知とも呼ばれるWebプッシュ通知は、ユーザーの電子メールやその他の連絡先情報を知らなくても、Webサイトからユーザーに送信できるクリック可能なメッセージです。

wordpress woocommercebuddypress用のLetspushWebプッシュ通知プラグイン

その通知は、ユーザーがWebサイトを閲覧していない場合でも、リアルタイムで配信されます。 このWordPressプラグインを使用すると、管理者はWebサイトに登録しているユーザーにプッシュ通知メッセージを送信することもできます。

そのため、パーソナライズされたメッセージを送信したり、製品を販売したり、Webサイトに関する最新情報を訪問者に送信したりできます。 BuddyPressと強力に統合し、 WooCommerceと互換性があります.

ダウンロード | デモ | ウェブホスティング

3。 WooCommerceソーシャルログイン

このプレミアムWordPressプラグインは、Webサイトへの登録時間を短縮するのに役立ちます。これは一般的にユーザーを悩ませ、売上を減らします。 ただし、WooCommerce Social Loginを使用すると、ユーザーが節約できる時間が増加し、必然的に売り上げも増加します。

WordPressBuddyPressプラグインでソーシャルネットワークを強化する方法-WoocommerceソーシャルログインWordPressプラグイン

顧客が初めてWebサイトにアクセスするときに、ゲストとしてチェックアウトできるようにすることで、チェックアウトが簡単になります。 ただし、これにより、オンラインストアから複数回購入したい顧客にとっては摩擦が生じます。 毎回異なるユーザー名とパスワードを作成する必要があります。

私たちも発見 オンラインストアを向上させるために50 WooCommerceプラグイン

したがって、WooCommerce Social Loginは、このプロセスを可能な限り簡単かつ安全にします。顧客は、Facebook、Twitter、Yahoo、LinkedIn、Foursquare、Windows Live、VKontakte(VK.com)、PayPal、Instagramアカウントを使用してWebサイトにログインできます。とアマゾン。

ダウンロード | デモ | ウェブホスティング

推奨リソース

ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。

まとめ

WordPress Webサイトに列を追加すると、レイアウトを新鮮で魅力的なものに保つのに役立ちます。 これを行うプロセスは少し難しい場合がありますが、簡単にするために使用できる簡単な方法があります。

ここは ! このチュートリアルは以上です。WordPressで複数の列をいつどのように追加するかを理解していただければ幸いです。 することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する

しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。

また、提案や意見がある場合は、セクションに残してください commentaires.

...