これから Nishiki テーマを使うなら
1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

WordPress 5.0 から導入される Gutenberg エディターをさらに使いやすくするため「Nishiki Blocks」プラグインを作りました。

Nishiki Blocks を使うとこんなことができます

先日 YouTube でプラグインのライブ配信を行なったので、ぜひご確認ください。

プラグインをインストールすると、Gutenberg のブロック選択一覧に「Nishiki Blocks」の項目が追加されます(今のところベータ版です)。

Nishiki Blocks では、今のところ「フキダシ」「フレーム」「セクション」のブロックが使えます。

どんなことができるのか、ブロックの使い方の一例をご紹介します。

「フレーム」ブロックの使い方

「フレーム」ブロックは、枠線をつけるシンプルなブロックです。使い道はいろいろあると思います。

枠線が入れられます。

枠線の各種設定ができます。

  • 太さ
  • コーナーの角丸
  • コンテンツとの間隔
  • 種類
  • カラー
  • 背景カラー

「フレーム」ブロック内では、デフォルトで用意されている Gutenberg のブロックをそのまま使うことができるので、段落やリストはもちろん、画像なども入れることができます。

リスト

  • 太さ
  • コーナーの角丸
  • コンテンツとの間隔
  • 種類

画像

WordPress 5.0 のリリースも近づいているので
そろそろ Gutenberg 使い始めた方がよさげ

スライド

Gutenberg について発表したときに使用したスライド

「フキダシ」ブロックの使い方

人物を登場させて、会話調で記事を書きたい場合もありますよね。そんな時は「フキダシ」ブロックが便利です。

ペンギン
ペンギン

アイコン画像、名前、フキダシの背景カラー、テキストカラーも感覚的に変えられます。

みつばち
みつばち

文字の大きさ、配置、フキダシのタイプも変えられます。

パンダ
パンダ

アニメーションもできるよ!!
ふるえる・・・!!

「フキダシ」ブロックを使えば、かなり楽しくコンテンツが作れるはず!!

少し前に開発中の動画を Twitter にアップしました。少し解像度が低いのですが・・・操作感などご参考ください。

「セクション」ブロックの使い方

「セクション」ブロックは、コンテンツを効果的に表現する「入れ物」のようなイメージで利用することができます。例えば、背景の上にテキストを表示したり、さらに画像を表示したり、ボタンを表示したりもできます。

背景は固定表示にもできます。Nishiki テーマ「全幅テンプレート」を使えば、さらにバリエーション豊かな表現もできます。

背景の上にオーバーレイで色の指定もできます。

もちろん、フキダシやフレームのブロックとの併用も可能です。

セクションブロックをうまく活用して、より訴求できるコンテンツを作ろう!

プラグインを無料配布しています

こんなプラグインですが、ただいまベータ版として GitHub で無料配布しています。ZIP ファイルをダウンロードして WordPress にインストール&有効化してください。

GitHub アカウントをお持ちの方は、ダウンロードのついでに Star をいただけますと嬉しいです。 ぜひ!

プラグインのインストール方法がわからない場合は、以下のページをご参考ください。それでもわからない場合はユーザーコミュニティ内でご質問ください。

今後のプラグイン開発について

Nishiki Blocks プラグインは WordPress テーマ Nishiki 専用に作られていますが、他のテーマでも使えます。

今後は WordPress 公式テーマ Nishiki の関連製品に開発を進めていく方針です。

Nishiki Pro テーマではさらに多くのブロックを使うことができます

WordPress 公式テーマ Nishiki プロフェッショナル版テーマ「Nishiki Pro」では、「フキダシ」「フレーム」「セクション」ブロックのほか「タイムライン」「ボタン」「投稿一覧」ブロックなどを追加した「Nishiki Blocks Pro」を利用することができます。これまで手間がかかったり、難易度が高かったコンテンツ作成も可能になっていますので、ぜひ Nishiki Pro テーマの使用をご検討いただけますと幸いです。

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。「WordPress テーマ Nishiki の基本的操作などをちょっと聞いてみたい」という時など、日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだ開始して間もないサービスなので、少しずつ利用いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

※サポトピアにログインしてください

ハッシュタグ#Gutenberg,#WordPress,#wpnishikiをつけてシェア