Blocksy Postショートコードで投稿リストを表示する完全な方法

使用中 ワードプレス ウェブサイトを作るとき、多くの人はトップページやどのページにもブログ記事のリストを表示したいと思う。ブロックシー テーマには以下が含まれる [bloxy_post] ショートコードは、エレガントにレイアウトされたポストカードをページに挿入するために、1行のコードで柔軟なソリューションを提供します。

この記事では [bloxy_post] ビルダーを使わないユーザー向けに、基本的な使い方やパラメータ設定、スタイル調整方法などを紹介。

画像[1] - Blocksyテーマショートコード使用ガイド:[bloxy_post] 投稿リストの挿入

基本的な使い方

最新の投稿を表示するには、バックエンドのページエディターで"ショートコード"モジュールを貼り付ける:[bloxy_post]

画像[2] - Blocksyテーマのショートコード使用ガイド:[bloxy_post] 投稿のリストを挿入する

ページを公開すると、記事のリストが自動的にすっきりと美しいレイアウトで表示される。

画像[3] - Blocksyテーマのショートコード使用ガイド:[bloxy_post] 投稿のリストを挿入する

表示数とページングをコントロールする

例えば、最新の3つの記事だけを表示し、次の記事は非表示にしたい。ページング機能と書くことができる:[bloxy_post posts_per_page="3" pagination="no"]。

画像[4] - Blocksyテーマのショートコード使用ガイド:[bloxy_post] 投稿のリストを挿入する

このコードが行うこと

  • 表示は3記事まで
  • 改ページボタンを表示しない

フロントエンドのエフェクトはこのようにレンダリングされる。

画像[5] - Blocksyテーマのショートコード使用ガイド:[bloxy_post] 投稿のリストを挿入する

ルック&フィールのカスタマイズ

このショートコードはBlocksyカスタマイザーのブログスタイル設定を継承しています。バックエンドの "外観 > カスタマイズ > ブログ記事 "でカードの外観を調整してください。Blocksyカスタマイザーでのブログスタイル設定については、こちらをクリックしてください。

画像[6] - Blocksyテーマのショートコード使用ガイド:[bloxy_post] 投稿のリストを挿入する

  • 角丸を取り除き、よりスクエアなカードに
  • 記事の著者、公開日などを隠す
  • すっきりとしたスタイルにするために、フィーチャー画像、タイトル、アブストラクトだけを残す。

ショートコードはリアルタイムでカスタマイザーのスタイルプレビューを更新しないので、効果を見るには手動でページを更新する必要があることに注意してください。

画像[7] - Blocksyテーマのショートコード使用ガイド:[bloxy_post] 投稿のリストを挿入する

概要

この方ショートコードトップページ、インナーページ、ランディングページ、その他ショートコードに対応したあらゆる場所に適用でき、以下のような構築に適している。ブログブロック、おすすめ記事ボード、カテゴリー別コンテンツ表示モジュール。追加のプラグインは不要で、読み込みが速く、明快な構造です。

最近の更新


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス1412 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし