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

  • 投稿日
  • 更新日
  • 著者 山崎 大祐
  • カテゴリー SnowMonkey
snow-monkey-blocksアイコン一覧
表示サンプルをまとめ直しました。
こちらを御覧ください。
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月現在）
    • ワンクリックでインデントもできます。
  • ああああ
  • あああ
箇条書き、順序付き／インデント
アイコンが９種類

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

ボタンボックスの使用例

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

カテゴリー一覧の使用例

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

後半はこちら

『25種類☓表示サンプル』Snow Monkey Blocks【後半】
Snow Monkey Blocks（プラグイン）の表示サンプル【後半です】 表示サンプルをまとめ直しました。…
yamasakidaisuke.com
pickup

この記事を書いた人

山崎 大祐

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

詳細はこちら 記事一覧