Snow Monkey Blocks 2019年版・表示サンプル(後半)

私が2019年2月に作ったSnow Monkey Blocksの表示サンプル後半です。2026年11月に、当時の設定と現在の仕様を混同しないよう説明を見直しました。

元の見本と画像は残しています。ブロックの種類数、アイコン数、編集画面は2019年当時の記録で、現行版の一覧ではありません。現在の提供内容は公式のプラグイン紹介で確認できます。

Snow Monkey Blocks(プラグイン)の表示サンプル【後半です】

表示サンプルのサイト内一覧も用意しています。

このページは2019年版の見本として残しています。

https://yamasakidaisuke.com/4572.html

前半はこちらです

Snow Monkey Blocksとは

私は、文章だけでは分かりにくいブロックの配置を比べるために、この見本を作りました。Snow Monkey Blocksはブロックエディターを拡張するプラグインです。ここでは同じページの中に見本を並べています。導入する版の情報は公式配布ページを参照してください。

セクション(背景なし)

タイトル

区切りなどに利用できるBlockです。コンセプトを伝えるときにも利用できます。

セクション(背景画像あり)

ダミー画像851x315

マスク強めです。

マスクの色、透過度、文字色が変更可能です。

また、パララックス効果もできます。

目次

目次を設定するだけで目次がヘッダー下に表示されます。

見出しごとに表示するか選択できます。画面は2019年当時のものです。

星評価

0.0
3.0
5.0

メディアと文章

タイトルの入力欄です。

文章です。

左の画像位置バージョン

文章です。以下のようにブロックも入れることできます。

メディアと文章にボタンブロックを入れた例
現行版のメディアと文章の本文には、複数のブロックを配置できます。この見本は当時の配置を残したもので、本文ブロック数の上限を示すものではありません。

パネル

パネル使用例
内容欄です。
水平方向のパネル
内容欄
パネル(水平方向バージョン)
内容を書く欄

ピックアップスライダー

ここにあるのは旧pickup-sliderの見本です。現在は後方互換のために残されている非推奨ブロックで、この記事では閲覧数を増やす効果は検証していません。

新しく作る場合は、別IDのspider-pickup-sliderを確認します。旧ブロックの公式定義と現行ブロックの公式定義は別です。ピックアップスライダーの記録も参照できます。

「ピックアップスライダー」の使用例と旧ブロックの違い【Snow Monkey Blocks】
  • 山崎 大祐
  • 2022年3月20日
READ MORE
Snow Monkey Blocks 使用例の一覧
Snow Monkey Blocks 使用例の一覧
  • 山崎 大祐
  • 2019年12月1日
READ MORE
学生時代、英語の点数1桁台だった私が英語をはじめてみました
学生時代、英語の点数1桁台だった私が英語をはじめてみました
  • 山崎 大祐
  • 2019年11月3日
READ MORE
楽天ひかりが遅いので毎日レポート
楽天ひかりが遅いので毎日レポート
  • 山崎 大祐
  • 2019年10月19日
READ MORE
Snow Monkey Blocks 2019年版・表示サンプル(後半)
  • 山崎 大祐
  • 2019年2月13日
READ MORE
Snow Monkey Blocks 2019年版・表示サンプル(前半)
  • 山崎 大祐
  • 2019年2月6日
READ MORE
そのまま使える小学校の卒業式でのPTA会長祝辞テーマ「挑戦」
そのまま使える小学校の卒業式でのPTA会長祝辞テーマ「挑戦」
  • 山崎 大祐
  • 2015年4月6日
READ MORE

スライダー

こちらは旧sliderの見本です。現行版では非推奨で、別IDのspider-sliderが提供されています。旧ブロックの公式定義と現行ブロックの公式定義を確認し、スライダーの記録と分けて扱います。見た目や操作が同一になるかは未確認です。。画面は2019年当時のものです。

最近の投稿(3種類)

表示する記事数が変更可能です。

リッチメディア

シンプル

テキスト

サムネイルギャラリー

カテゴリー一覧

アコーディオン

アコーディオンです(クリックしてみてください)

内容です。

詳細(みたいな使い方ですね)

詳細を書きます。

このページの子ページ

このページが子ページを持っている場合に表示されます。 要するに、固定ページ用です。

表示例です。例えば、メインメニューに子ページを並べて表示させる使い方ができます。。画面は2019年当時のものです。

前半はこちらです

この記事を書いた人

山崎 大祐

大阪出身。千葉県松戸市在住。2児の父です。WordPressの構築を60サイト超えました。営業経験を生かしたSEMを得意としております。(企画/デザイン/構築/運営)
すきなもの「赤色・キューブ・コンクリート」