『25種類☓表示サンプル』Snow Monkey Blocks【後半】

投稿日 2019年2月13日
更新日 2020年5月27日
著者山崎大祐
カテゴリー SnowMonkey

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

表示サンプルをまとめ直しました。

こちらを御覧ください。

https://yamasakidaisuke.com/4572.html

前半はこちらです

Snow Monkey Blocksとは

Snow Monkey Blocks は Gutenberg のコンテンツブロック集です。このプラグインを使用すれば、ランディングページや高度にデザインされたページをすばやく簡単に作成、公開できます。もちろんコードを書く必要は一切ありません。
Snow Monkey Blocks を使うと、特徴、チェックリスト、FAQ、ステップ、お客さまの声、CTA などのブロックを Gutenberg に追加し、プログラミング知識なしで素早く簡単にレスポンシブなランディングページを立ち上げることができます。
Snow Monkey Blocks は Snow Monkey テーマに最適化されていますが、他のテーマでも使用できます。このプラグインと Snow Monkey テーマを一緒に使用すると、デザイン通りにきれいに表示され、編集画面と同じ見た目になります。
https://ja.wordpress.org/plugins/snow-monkey-blocks/

セクション（背景なし）

タイトル

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

セクション（背景画像あり）

ダミー画像851x315

マスク強めです。

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

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

目次

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

見出しごとに表示するか選択できます

星評価

0.0

3.0

5.0

メディアと文章

タイトルの入力欄です。

文章です。

左の画像位置バージョン

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

メディアと文章にボタンブロックを入れた例

今の仕様では、ブロックは１つのみ入れることができます。

パネル

パネル使用例

内容欄です。

https://yamasakidaisuke.com/

水平方向のパネル

内容欄

https://yamasakidaisuke.com/

パネル（水平方向バージョン）

内容を書く欄

https://yamasakidaisuke.com/

ピックアップスライダー

ピックアップの名前通り、目立ちますね。記事の一番下付近に追加することで、ページ閲覧数を増やすのに有効です。

大きすぎる場合は、CSSで調整が必要です。

Snow Monkey Blocks 使用例の一覧

山崎大祐
2019年12月1日

レッスン予約画面

学生時代、英語の点数1桁台だった私が英語をはじめてみました

山崎大祐
2019年11月3日

遅いインターネットのイラスト

楽天ひかりが遅いので毎日レポート

山崎大祐
2019年10月19日

『25種類☓表示サンプル』Snow Monkey Blocks【後半】

山崎大祐
2019年2月13日

『25種類☓表示サンプル』Snow Monkey Blocks【前半】

山崎大祐
2019年2月6日

そのまま使える小学校の卒業式でのPTA会長祝辞テーマ「挑戦」

山崎大祐
2015年4月6日

スライダー

細かい調整も可能です。TOPページや、商品紹介などに利用できますね。

最近の投稿（3種類）

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

リッチメディア

シンプル

テキスト

サムネイルギャラリー

カテゴリー一覧

アコーディオン

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

内容です。

詳細（みたいな使い方ですね）

詳細を書きます。

このページの子ページ

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

表示例です。例えば、メインメニューに子ページを並べて表示させる使い方ができます。

前半はこちらです

この記事を書いた人

山崎大祐

現役コーダーでフロントエンジン寄りのWeb構築と運用ができます。（企画／デザイン／構築／運営）
すきなもの「赤色・キューブ・コンクリート」

詳細はこちら記事一覧