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

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

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

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

基本的な使い方

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

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

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

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

表示數(shù)とページングをコントロールする

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

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

このコードが行うこと

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

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

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

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

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

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

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

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

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

概要

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

最近の更新


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

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

    コメントなし