記事を美しいグリッドに表示しますか?

最も WordPressテーマ グリッド レイアウトの設定がありません。 この記事では、コードを XNUMX 行も書かずに、WordPress テーマのグリッドに WordPress 投稿を表示する方法を紹介します。

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

しかし、私たちがここにいる理由に戻ってください。

投稿をグリッドレイアウトで表示する

WordPressでグリッドレイアウトが必要になるのはいつですか?

従来の垂直ポストレイアウトは、ほとんどのWebサイトでうまく機能します。 ただし、このレイアウトは、特に多数の投稿を表示する場合に、多くのスペースを占める可能性があります。

したがって、WordPress Webサイトにカスタムホームページがある場合は、グリッドレイアウトを使用して、特に最近の投稿を表示できます。

ちなみに発見 ギャラリーまたはポートフォリオを表示するように設計された10 WordPressプラグイン

このレイアウトによりスペースが節約されるため、ホームページにさらに要素を追加できます。 画像がより強調表示されるため、外観もより美しく見えます。

post-grid-plugin-wordpress-display-grid

多くの WordPressテーマ 雑誌や写真の Web サイト向けに設計されたサイトは、既にグリッド レイアウトを使用して出版物を表示しています。 ただし、互換性のない WordPress テーマを使用している場合は、独自のテンプレートを作成する必要があります。 これには、PHP、HTML、CSS などの学習が必要になります。

記事もご覧ください XAMPPで/のWindows PC上でローカルのWordPressのインストール方法

コードを書かずにWordPressのテーマのグリッドにWordPressの投稿を表示する方法を見てみましょう。

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

しかし、私たちがここにいる理由に戻ってください。

WordPressの出版物を見る レイアウトで グリッドで 

最初に行うことは、プラグインをインストールしてアクティブ化することです ポストグリッド。 アクティベーション後、ページに移動する必要があります 投稿グリッド»新しい投稿グリッド パブリケーショングリッドを作成します。 

新しいワードプレスグリッド

ページ ポストグリッド 一番上の行のタブで表されるさまざまなセクションに分かれています。 最初に「」をクリックする必要があります クエリ投稿"。

リラaussi ワードプレスのメール通知を管理する方法

ここでは、プラグインが表示する投稿を見つける方法を定義します。

querypostsgrid

表示する投稿の種類を選択できます。 デフォルトでは、「投稿」(記事)、ただし、たとえばページを選択できます。少なくともいずれかを選択します。 カスタム公開タイプ.

次に、[レイアウト]タブをクリックする必要があります。 ここで、グリッドの表示方法を選択できます。

gridlayout-投稿を美しいグリッドに表示する

次に、レイアウトのコンテンツを選択できます。 プラグインには、「フラット」、「フラットセンター」、「フラットライト」などの選択肢があります...

編集ボタンをクリックして、独自のレイアウトを作成することもできます。

発見も ワードプレスのコメントのフォームをカスタマイズする方法

興味深い視覚効果を備えた5つのモードを利用できます。 マウスを使用して、画像を反転または回転することもできます。 

今、あなたはタブをクリックする必要があります " レイアウト設定"。 これらの設定は、ほとんどのWebサイトで機能するはずです。 ただし、グリッドがページに合わない場合は、ここで修正することもできます。

gridlayoutsettings

最後に、ナビゲーションタブをクリックして、レイアウトスタイルを選択します。

完了したら、ボタンをクリックするだけです 「公開」。 これにより、投稿グリッドが利用可能になり、任意のページに追加できます。

WordPressページに投稿グリッドを追加する

パブリケーショングリッドの発行者に、タブが表示されます « ショートコード"。 それをクリックすると、ショートコードが表示されます。

gridshortcode

ショートコードをコピーしてから、投稿グリッドを表示するWordPressページを編集します。 グリッドが表示される領域内にショートコードを貼り付けます。

発見も WordPressグリッドで写真を表示する方法

次に、更新ボタンをクリックしてページを保存します。 Webサイトにアクセスして、実際に公開されているグリッドを確認できます。

postgridpreview

出版グリッドをWordPressテーマファイルに直接追加する場合は、PHPコードを使用することもできます。

私たちを発見 Webサイト/ブログを保存する7プレミアムWordPressプラグイン

これで、WordPressのグリッドに投稿を表示できるようになります。

いくつかのテーマとプレミアムWordPressプラグインもご覧ください  

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

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

1。 ドライバ

ドライバーはパワフル WordPressのプラグイン あらゆる規模の企業向けのリムジン予約プレミアム。 リムジンとシャトルのオペレーターが使用できます。 

運転手

このプラグインを使用すると、定義済みのルートを簡単に予約できます。 それはあなたが顧客サービスを改善し、インターネット上のリムジンレンタルビジネスを管理するのに役立ちます。

複数のサポートを備えたシンプルで段階的な予約プロセスを提供します 支払いゲートウェイ、電子メールおよびSMSによる通知、 WooCommerceプラグインの統合, Googleカレンダー 直感的なコントロールパネル。

とりわけ、予約フォームの作成、変更、削除の可能性、ショートコードのサポート、提供されるサービスの種類の仕様、リムジンの最小および最大レンタル時間の精度、予約期間、同じ車両の予約間の時間間隔の精度、会社の物理的な地理的位置、予約システムで利用可能なルートの仕様など。

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

2。 セキュリティ忍者PRO

Security Ninja PRO は別の WordPressのプラグイン ウェブサイトのセキュリティを完全に改善するのに役立つプレミアム。 Web サイトのセキュリティのあらゆる側面を制御できるようにする多数のオプションと機能を提供します。Security Ninja PROワードプレスプラグインは、マルウェアウイルスの攻撃からサイトを保護します

その機能は次のとおりです。利用可能な40以上のセキュリティテスト、すべての脆弱性とセキュリティの欠陥を検出するためのWebサイトの完全なスキャン、マルウェアスキャナーの統合、 ウェブサイトの活動を保護する、さまざまなスキャンの計画など

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

3。 WooCommerceカテゴリー割引

WooCommerce カテゴリ割引は、 WordPressのプラグイン WooCommerce オンライン ストアでの割引を管理できるプレミアム。 割引オファーのルールを戦略的に作成することは重要ですが、複数の製品があり、複数のパラメーターに基づいて割引を提供したい場合、状況は複雑になります。Woocommerceカテゴリー割引

このWordPressプラグインは、オンラインストアで割引ルールを定義するのに役立つ明確なソリューションを提供します。 それはあなたがいつ割引をしたいかを決めることを可能にする素晴らしい機能を提供します。 デフォルトでは、このプラグインは現在の購入の割引を提供します。

また私達のを見なさい プライベートメッセージを追加する7 WordPressのプラグイン

ただし、次の購入について顧客に割引を提供することもできます。 割引を提供する代わりに、現在の購入から20ドルを顧客に提供する場合は、次の購入に使用できるクーポンを顧客に提供します。

このWordPressプラグインを使用すると、たとえば、オンラインストアのカテゴリに割引を適用できます。

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

推奨リソース

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

まとめ

ここに ! これで、この記事がWordPressの投稿をグリッドレイアウトで表示するのに役立つことを願っています。 することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する

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

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

...