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

snow-monkey-blocksアイコン一覧

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/

アラート

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

ノーマルアラートです(タイトルです)

こちらは本文です。

ワーニングアラートです(タイトルです)

こちらは本文です。

サクセスアラートです(タイトルです)

こちらは本文です。

アイコンも用意されています(2019年2月現在7種類)

吹き出し

ぶた

こんにちは~!

やまさき

こんにちは。ぶたさん。

ぶた

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

ボタン(2種類)

ボックス

ボックスの機能です。

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

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

価格表

ミドル
1000円
安かろう悪かろう
  • 安物
スタンダード
5000円
おすすめ
  • 一番売りたい
ハイ
10000円
高級
  • 高級品です

ボタンボックス

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

レーティングボックス

右脳
10
左脳
1
中脳
5

FAQ

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

Snow Monkeyです。

色の変更もできます。

ステップ

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

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

詳しくはこちらへ
これは。すごいですね~。

画像右バージョンです。

詳しくはこちらです。
ステップ3です。

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

詳しくはこちら

お客様の声

とても良かったです。リピートします。
ぶた
千葉県産
また来ます!
やまさき
千葉県在住

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

  • 箇条書きができます。
  • アイコンが9種類(2019年2月現在)
    • ワンクリックでインデントもできます。
  • ああああ
  • あああ
箇条書き、順序付き/インデント
アイコンが9種類

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

ボタンボックスの使用例

ボタンボックス
注釈を書く欄

カテゴリー一覧の使用例

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

この記事を書いた人

山崎 大祐

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