WordPressテーマ SANGO Gutenbergの使い方・ブロックエディタ機能のサンプル

SANGOのブロック装飾を全て使う必要はありません。

全ての装飾を乱用すると非常に読みにくいブログ記事になってしまいます。

装飾の中からお気に入りのいくつかの装飾に絞ってシンプルな構成にすると、読みやすいブログ記事に仕上がります。

2022年2月19日SANGOテーマの非公式カスタマイズガイド・使い方まとめ2022年7月7日WordPressテーマSANGOの評判レビュー ブログ初心者におすすめの理由

SANGOテーマの使い方 ブロックエディタ機能のサンプル

このページではSANGOのブロックエディタの装飾のデモページです。

装飾は多用せずに、１つのブログでは統一した方がよいでしょう。

SANGOのブロックエディタ 記事編集画面

直感的に選択できる「SANGOブロック」は、ブログ記事のさまざまな装飾に対応しています。

非常に使いやすくなっています。

2022年7月7日WordPressテーマSANGOの評判レビュー ブログ初心者におすすめの理由

SANGOでよく使う装飾

見出し見本

見出し見本２

見出し見本３

見出し見本４

見出し見本５

見出し見本６

吹き出し見本

わーぷれ

こんにちは！

吹き出し見本です。

わーぷれ

こんにちは！

吹き出し見本です。

わーぷれ

こんにちは！

吹き出し見本です。

SANGOタイトル付きボックス

ステップレベル見本

アコーディオン見本

見本２

こちらが隠れています。

SANGO記事一覧

右サイドのブロックエディタから、３つのタイプとカテゴリやタグを選択できます。

2022年4月13日

WordPressテーマSANGOでサルワカ風トップページを作る

2022年2月17日

SANGOコンテンツブロックの使い方｜カテゴリごとに表示を切り替える

2022年7月7日

SANGOテーマの使い方 購入からインストールやカスタマイズ例まで

2022年3月16日

SANGOテーマを使ったブログの作り方 月収入３万円の収益ブログを作った方法

2023年8月9日

ConoHaWING（コノハウィング）でワードプレスブログを始める手順【10分で完了】

2022年4月8日

WordPressを高速化PSIスコア改善 アドセンス広告対策｜速度計測を100点に近づける６つの対策

2022年4月13日 WordPressテーマSANGOでサルワカ風トップページを作る

2022年2月17日 SANGOコンテンツブロックの使い方｜カテゴリごとに表示を切り替える

2022年7月7日 SANGOテーマの使い方 購入からインストールやカスタマイズ例まで

2022年3月16日 SANGOテーマを使ったブログの作り方 月収入３万円の収益ブログを作った方法

2023年8月9日 ConoHaWING（コノハウィング）でワードプレスブログを始める手順【10分で完了】

2022年4月8日 WordPressを高速化PSIスコア改善 アドセンス広告対策｜速度計測を100点に近づける６つの対策

WordPressテーマSANGOでサルワカ風トップページを作る 2022年4月13日

SANGOコンテンツブロックの使い方｜カテゴリごとに表示を切り替える 2022年2月17日

SANGOテーマの使い方 購入からインストールやカスタマイズ例まで 2022年7月7日

SANGOテーマを使ったブログの作り方 月収入３万円の収益ブログを作った方法 2022年3月16日

ConoHaWING（コノハウィング）でワードプレスブログを始める手順【10分で完了】 2023年8月9日

WordPressを高速化PSIスコア改善 アドセンス広告対策｜速度計測を100点に近づける６つの対策 2022年4月8日

メッセージ見本

SANGOボックス見本

ボックスの装飾が24種類

SANOGOボタン見本

ごんたん装飾が18種類

ボタン

ボタン

ボタン

ボタン

ボタン

SANGO参照リンク

URLを入力すると自動でリンク先のカードを作成してくれます。

SANGOレビューボックス

評価をつけるときに便利です。

SANGOタブ見本

SANGOカード

右サイドのブロックエディタから「記事タイトルや内容から検索」の機能を使うと、さくさくとリンク候補が出てきて選択することができます。

2023年7月25日WordPressとは？費用や料金・無料で使う方法

WordPressとは？費用や料金・無料で使う方法 2023年7月25日

2023年7月25日 WordPressとは？費用や料金・無料で使う方法

SANGO線 見本

SANOGOリストボックス

リストボックスの装飾が12種類

SANGOコード

コードの記述ができるなんてSANGOらしいですね。

<p>テストです</p>
<br />

SANGO FAQブロック

レビュー記事でよく使う「Q&A」が使えます。

SANGOヒーロースタイル

わーぷれ

猫の手も借りたいときは

詳しくはこちら

スライダーブロック

SANGOのスライダーブロックです。

サクサク画像を見せることができて便利。

設定するのも簡単でした。

2023年7月31日ブログデザインの配色は心理学で考えると悩まない｜カラーコード付き

SANGO独自のテーブル拡張

SANGOはテーブルブロックに独自の装飾を加えることができます。

数クリックでテーブルのブロックセレクターで好みのみやすいテーブル装飾に仕上げることができます。

SANGO条件ブロック

SANGO条件ブロックは条件を設定することで、表示非表示を設定できます。

• PCかモバイルか
• 設定したカテゴリやタグのみで表示設定が可能

SANGOコンテンツブロックの使い方

条件ブロックと似ているようで違う性質を持ったコンテンツブロックの使い方を詳しく解説しました。

2022年2月17日SANGOコンテンツブロックの使い方｜カテゴリごとに表示を切り替える

SANGOテーマのトップページカスタマイズ方法

当ブログでやっているSANGOテーマのトップページのカスタマイズ方法を紹介します。

そのまま真似るだけで当ブログのようになります。

SANGO ボックスメニューの設定方法

SANGOの新しいブロック機能に「ボックスメニュー」ができました。

アイコンがメニューになっているよくみる形のメニューです。

カスタマイザーを表示してサイドバーのウィジェットに「ボックスメニュー」を設定すればOKです。

アイコンは英語で検索しますので、あらかじめどんなアイコンにするかは決めておいた方がいいです。

色の設定も可能です。

SANGOのトップページに任意の記事を表示する方法

私の運営するSANGOを使ったブログでは、トップページにおすすめ記事を表示するようにしています。

タグを利用しておすすめ記事を作る手順を解説します。

<h3 style="color: #4f96f6"><i class="fas fa-bookmark"></i> おすすめ記事</h3>
[tagpost id="20" num="6" type="card"]
<h3 style="color: #81D0CB"><i class="fas fa-bookmark"></i> 新着記事一覧</h3>

この方法でトップページに任意の記事を簡単に素早く表示できるようになります。

ぜひやってみてください。

関連記事 WordPressテーマSANGOでサルワカ風トップページを作る

ABテストブロック

SANGOのABテストブロックは、あらかじめコンテンツブロックにそれぞれの表示パターンを作成しておく必要があります。

次にABテストしたい箇所にABテストブロックを呼び出して、ABパターンを設定する必要があります。

ABテストブロックの中に『コンテンツブロック』が表示されているので、その箇所に文字列を入力してあらかじめ設定しておいたコンテンツブロックを選択する形で作成します。

カウントダウンブロック

おまけで、カウントダウンタイマーも設定してみました。

何かの企画に使いやすいですね。

まとめ　SANGO Gutenbergの使い方・ブロックエディタ機能のサンプル

SANGOテーマは現在もブロック機能を小まめに開発しています。

かゆいところに手が届く装飾機能が充実しているのもSANGOの特徴です。