折角のスタイルが「段落」ブロックでは、枠内にブロックを入れられないわ。
はじめに
Gutenbergエディターの「白抜きボックス」にスタイルメニューを追加するプラグインです。
追加されたスタイルは段落向けのため、ブロックを枠内に追加することはできません。
そのため、「白抜きボックス」ブロックにスタイルメニューを追加します（図1参照）。
ダウンロード
インストール手順
- ラベルファイルをダウンロード
- zipファイル（cocoon-style-chuya.zip）をダウンロードします。
- ラベルファイルをサーバーに転送
- プラグイン→新規追加→プラグインのアップロードを、クリックします。
- ファイルを選択をクリックし、ダウンロードしたzipファイルを選択します。
- 今すぐインストールをクリックします。
- ラベルプラグインを有効化
- プラグインに「Cocoonスタイル拡張」があることを確認してください。
- 「有効化」をクリックします。
- ラベル完了
エディターでの設定
以下の手順で指定します。
「デフォルト」を選択すると、標準のデザインに戻ります。
- 「白抜きボックス」ブロックを配置します。
- スタイルを選択します。
表示例
ボーダー
- デフォルト
- ブロックが入れられます。
- 二重線
- ブロックが入れられます。
- 破線
- ブロックが入れられます。
- 点線
- ブロックが入れられます。
スタイル
- ストライプ
- ブロックが入れられます。
- 包含
- ブロックが入れられます。
- チェック
- ブロックが入れられます。
- ステッチ
- ブロックが入れられます。
- かぎ括弧
- ブロックが入れられます。
- 角括弧
- ブロックが入れられます
- 交差線
- ボーダー色を設定しないと、左右の罫線は黒色のままです。
ボーダー色カスタムは、左右の罫線に反映されません。
- ずれ二重線
- ブロックが入れられます。
- 角三角
- ブロックが入れられます。
- クリップ
- ブロックが入れられます。
- ホチキス
- ブロックが入れられます。
- ホチキス左上
- ブロックが入れられます。
- 穴あけパンチ
- ブロックが入れられます。
- 手書き風
- ブロックが入れられます。
- 上線
- ブロックが入れられます。
- 付箋
- ブロックが入れられます。
- 左吹き出し
- ブロックが入れられます。
- 右吹き出し
- ブロックが入れられます。
- 上吹き出し
- ブロックが入れられます。
- 下吹き出し
- ブロックが入れられます。
リリース来歴
| 日付 | 来歴 | 変更点 |
|---|---|---|
| 2023-06-16 | 0.0 | ・新規作成 |
| 2023-06-30 | 0.1 | ・Cocoon 2.6.1.9（gutenberg-content.css削除）対応 |
| 2023-07-01 | 1.0 | 以下を追加 ・ストライプ ・包含 |
| 2024-03-31 | 2.0 | 以下を追加 ・クリップ ・ホチキス ・ホチキス左上 ・穴あけパンチ ・手書き風 ・左吹き出し ・右吹き出し ・上吹き出し ・下吹き出し |