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

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

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

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

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

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

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

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

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

枠線が入れられます。

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

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

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

リスト

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

画像

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

スライド

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

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

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

ペンギン
ペンギン

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

みつばち
みつばち

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

パンダ
パンダ

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

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

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

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

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

もしよろしければ、ダウンロードのついでに Star をいただけますと嬉しいです・・・!! ぜひ・・・!

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

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

Nishiki Blocks プラグインは WordPress テーマ Nishiki 専用に作られていますが、他のテーマでも使えます。ただ、今後は Nishiki テーマを基準とした開発を進める予定です。

なので、Nishiki Blocks を使うなら Nishiki テーマをご使用いただくのがおすすめです。テーマについては以下のページをご参考ください。

※ソースコードの品質は徐々に上げていきます・・・プルリクエストをいただけるようでしたら、ぜひお待ちしています。

というわけでして・・・

imamura
imamura

Nishiki Blocks 使ってみてください!!
ご要望などフィードバックはユーザーコミュニティでお願いします!!

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

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだできたばかりのサービスで、参加いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

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

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社 AnimaGate(アニマゲート) という会社をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。YouTube Liveでオンラインサポートを始めますので、チャンネル登録いただけると大変嬉しいです。→ブログはこちら