このサイトでは何を教えてくださるの？
この記事は以下のような方におすすめ！
- ブロックエディタ（Gutenberg）VK Block Patterns セクション_投稿リスト（お知らせテキスト）の使い方がわからない？
- ブロックエディタ（Gutenberg）VK Block Patterns セクション_投稿リスト（お知らせテキスト）の使い方を紹介します。
今回紹介するセクション_投稿リスト（お知らせテキスト）はVK Block Patternsは複数のブロックを組み合わせて作られているコンテンツのーつです。セクション_投稿リスト（お知らせテキスト）もあらかじめ最適なデザインが用意されているのでグリッドに関するデザインに必要以上に時間をかけずに制作することがメリットでしょう。
WordPress 使い方マニュアル：セクション_投稿リスト（お知らせテキスト）
セクション投稿リスト（お知らせテキスト）の設置にはブロックを追加する時に「すべて表示」をクリックすると画面左にパネルが表示され、その中に「パターン」という項目からボタンのカテゴリーの各パターンのボタンの中から何種類かのセクション投稿リスト（お知らせカード）を選択して利用します。
基本データ
| 環境データ項目 | DATA |
|---|---|
| 実施日 | 2022年春（当時に作成されたデータです。） |
| VK Block Patterns プラグイン Ver | 1.17.4|※バージョンによっては説明に食い違が生じます。 |
| WordPress Ver | 6.0 |
| PHP Ver | 8.0 |
セクション_投稿リスト（お知らせテキスト）の実例
セクション_投稿リスト（お知らせテキスト）の事例です。
利用用途（代表例）
レスポンシブWebデザインのためのパターンテキスト
自社のお知らせをカード形式で紹介するパターンを紹介。レスポンシブWebデザインのパターンテキストを紹介。PC用とスマホ用でデザインを分けることができる。
セクション_投稿リスト（お知らせテキスト）の事例です。設置事例の解説
セクション_投稿リスト（お知らせテキスト）の事例です。画像を適宜設定できるデザインといえます。セクション_投稿リスト（お知らせテキスト）に関する背景設定、レイアウト等の編集が可能です。
具体的な編集例
①Outer
Outer
背景の画像や色,枠線の設定しレイアウトや区切りを表示します。
画面の広さの設定は、ブロックツールバーの画面アイコンより行います。
その他背景設定、レイアウト設定などはパネル記事全体より行います。
②レスポンジブスペーサー
余白を作成するブロックです。
パネル記事全体の余白設定より余白の調整は行います。
③VK見出し
文字サイズ,サブテキスト,アイコン,余白が設定できる見出しです。
パネル記事全体のスタイル設定より行います。
④投稿リスト
パネル 記事全体にて表示条件・表示タイプとカラムの設定を行えます。カスタム投稿も選択対象になるので便利です。
⑤VKボタン
ボタンの名称は上書き修正。URLはブロックツールバーのリンクアイコンよりURLを入力します。その他ボタンの設定はパネル記事全体から行います。
WordPress マニュアル pdf
当サイトをPDFファイルにしました。オフラインでもご利用できますのでダウンロードしてお使いください。
今後の予定（動画による使い方マニュアルの作成）
今後動画による使い方をマニュアル作成を行っています。今後をお楽しみにお待ちください。また、逆引きマニュアルを企画しています。簡単にお話ししますと、やりたいことを画像で一覧表示します。その一覧からユーザーがやりたいパターンなどを選びできればソースをダウンロードできるようにしたいと考えています。まずは動画によるマニュアルの作成を網羅する予定です。
関連記事
VK Block Patterns セクション_流れ（ステップセット）の使い方
お問い合わせ
ご依頼及び業務内容へのご質問などお気軽にお問い合わせください