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

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

表示サンプルをまとめ直しました。
こちらを御覧ください。
https://yamasakidaisuke.com/4572.html

Snow Monkey Blocks（プラグイン）の表示サンプルです。

沢山の種類があるので、前後半に分けて紹介します。

Gutenbergを拡張することでより便利になります。

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/

アラート

タイプが３つあります。「ノーマルアラート」「ワーニングアラート」

ノーマルアラートです（タイトルです）

こちらは本文です。

ワーニングアラートです（タイトルです）

こちらは本文です。

サクセスアラートです（タイトルです）

こちらは本文です。

アイコンも用意されています（２０１９年２月現在７種類）

吹き出し

ぶた

こんにちは～！

やまさき

こんにちは。ぶたさん。

ぶた

すごい簡単にレイアウトできるんだね。アバターの丸い先も変更できるんだね。

ボタン（２種類）

フルサイズのボタン

ボックス

ボックスの機能です。

ボックスの枠線の変更ができます。

ボタンブロックを追加しました

枠線10の見本です。ボックスの中に、ボックスを追加できます。

価格表

ミドル

1000円

安かろう悪かろう

安物

スタンダード

5000円

おすすめ

一番売りたい

ハイ

10000円

高級

高級品です

ボタンボックス

リード文です。背景色、ボタンの色、ボタンの文字色を変更できます。

注釈をかきます。

レーティングボックス

右脳

10

左脳

1

中脳

5

FAQ

Q

ニホンザルは英語でなんといいますか？

A

Snow Monkeyです。

色の変更もできます。

ステップ

マニュアルに使えそうですね！数字アイコンも自動で入力されます。

マニュアルの説明文です。画像中央バージョンです。

詳しくはこちらへ

これは。すごいですね～。

画像右バージョンです。

詳しくはこちらです。

ステップ３です。

画像の位置左バージョンです。

詳しくはこちら

お客様の声

とても良かったです。リピートします。

ぶた

千葉県産

また来ます！

やまさき

千葉県在住

アイコンリスト（箇条書き・順序付き）インデント可

箇条書きができます。
アイコンが9種類（2019年2月現在）
- ワンクリックでインデントもできます。

ああああ
あああ

箇条書き、順序付き／インデント

アイコンが９種類

サムネイルギャラリーの使用例

ボタンボックスの使用例

ボタンボックス

注釈を書く欄

カテゴリー一覧の使用例

最近の投稿「シンプル表示」の使用例

後半はこちら

この記事を書いた人

山崎大祐

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

詳細はこちら記事一覧