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

snow-monkey-blocksアイコン一覧

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

前半はこちらです

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

メディアと文章

タイトルの入力欄です。

文章です。

左の画像位置バージョン

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

メディアと文章にボタンブロックを入れた例
今の仕様では、ブロックは1つのみ入れることができます。

パネル

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

ピックアップスライダー

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

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

Snow Monkey Blocks 使用例の一覧
  • 山崎 大祐
  • 2019年12月1日
READ MORE
レッスン予約画面
学生時代、英語の点数1桁台だった私が英語をはじめてみました
  • 山崎 大祐
  • 2019年11月3日
READ MORE
遅いインターネットのイラスト
楽天ひかりが遅いので毎日レポート
  • 山崎 大祐
  • 2019年10月19日
READ MORE
snow-monkey-blocksアイコン一覧
『25種類☓表示サンプル』Snow Monkey Blocks【前半】
  • 山崎 大祐
  • 2019年2月6日
READ MORE
PTA卒業式
そのまま使える小学校の卒業式でのPTA会長祝辞テーマ「挑戦」
  • 山崎 大祐
  • 2015年4月6日
READ MORE

スライダー

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

最近の投稿(3種類)

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

リッチメディア

シンプル

テキスト

サムネイルギャラリー

カテゴリー一覧

アコーディオン

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

内容です。

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

詳細を書きます。

このページの子ページ

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

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

この記事を書いた人

山崎 大祐

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