SANGO Landにブロックを投稿する方法とメリットについて

SANGO Landとは

Gutenberg用ブロックのギャラリーサイトSANGO Landは、CSSでデザイン済みのSANGOブロックをコピーしてご自身のサイトの記事編集画面で貼り付けて利用することができるサービスです。

こちらに操作イメージがありますので参考にしてください。

詳しい説明はこちらの記事をご覧ください。

SANGO Landにブロックを投稿する

SANGOカスタムブロックをCSSでカスタマイズした状態でSANGO Landに投稿できるようにしました。以下投稿する手順になります。

1. SANGOカスタムブロックをCSSでカスタマイズする

SANGO Landにブロックを投稿する条件としてSANGOカスタムブロックをカスタムCSSでカスタマイズされていること、もしくは複数のブロックを組み合わせていることが前提 になります。オリジナルのカスタマイズをエディター内で作りましょう。

ブロックをコピー

カスタマイズが終わったらそのブロックをツールバーよりコピーしましょう。これでクリップボードにブロックの内容が保存されます。

ブロックを高度にカスタマイズする

SANGO Landに投稿するためにここまでする必要はありませんがCSSだけではなく、より高度にブロックをカスタマイズしていただくことが可能です。

ブロックにオリジナルの設定を追加するにはカスタムコントロール機能を使います。

この機能を使うことで設定した内容をCSSの変数やJavaScriptの変数として取り出すことができます。

SANGO ブロックを魔改造できるカスタムコントロール機能についてSANGO ブロックを魔改造できるカスタムコントロール機能について

また、カスタムブロックを使うことによってHTML含め全く一からブロックを自作することができます。

Gutenberg開発の知識がなくてもブロックが作れる【SANGO カスタマイズブロック】の使い方Gutenberg開発の知識がなくてもブロックが作れる【SANGO カスタマイズブロック】の使い方

SANGO Landに投稿

以下のSANGO Landの投稿ページより先程コピーしたブロックを投稿します。

以下のようなフォームがありますので、そこにSANGO Landに掲載したいお名前あなたのサイトのURLブロックのカテゴリーブロックのイメージソースコードを入力します。お名前ブロックのカテゴリーソースコードは必須項目になります。ソースコードには先程コピーしたブロックの内容を貼り付けます。

送信ボタンを押すと以下のように画面右下に「送信しました」というメッセージが表示されるのでこのメッセージが表示されると成功になります。

投稿後、数日以内にブロックの審査の上、SANGO Landに投稿したブロックが表示されます。ただし、審査の上ブロックとして承認される確率は50%ほどになるのでご了承ください。

SANGO Landに投稿するメリット

SANGO Landにブロックを投稿することで以下のメリットがあります。

  • SANGO Landにブロックが増え利便性があがる
  • SANGO Landにあなたのクレジットが掲載される
  • HTMLやCSS、JavaScriptの勉強になる(丁寧にブロックをレビューの上アドバイスさせていただきます)

ブロックを投稿してそれが承認されると、SANGO Landにあなたのブロックがあなたの名前やリンクとともに以下のように掲載されます。質の良いブロックの場合、多くの人に喜んでもらえますしもしかするとSANGO Land からサイトへの流入があるかもしれません。

ぜひブロックの投稿お待ちしております!

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。