タグ

2020年5月7日のブックマーク (2件)

  • Gutenbergブロック作成(チュートリアル)と開発環境の準備 - Qiita

    Gutenbergブロック作成について 公式のチュートリアルに沿って、実際にカスタムブロックを作成してみます。 公式のチュートリアルはこちらです。 2020年1月7日現在では、日語訳はありません。そのため、ちょっと主観を入れながら記事にしてみます。 (全ページ訳して書き溜めておいてから公開したかったのですが、時代に取り残される前に公開だけしておこうというわけで中途半端にも公開しておこうと思ったらすでに5月です) カスタムブロック作成の流れ カスタムブロック作成の流れは大雑把に書くと以下になります。 1. カスタムブロック登録用プラグインを作成する 2. ブロックをJavaScriptで作成する 3. 2で作成したJavaScriptをプラグインにて読み込み/登録する(ここはPHPで行う) カスタムブロックHelloWorld 公式が出しているチュートリアルでは、「Getting Star

    Gutenbergブロック作成(チュートリアル)と開発環境の準備 - Qiita
  • WordPress ブロックエディター(Gutenberg)カスタマイズあれこれ - Qiita

    WordPress 5.0から導入されたブロックエディター(Gutenberg)のカスタマイズ方法や、関連するオプション、新しく導入された設定について見ていきます。オフィシャルの テーマサポート の内容をベースに、独自の情報を追加しています。 更新履歴 2021/06/11 - ブロックフォントサイズの shortName が無くなったので削除。ブロックパターンの削除、カスタム単位、カスタム行間について追加。 2021/01/10 - グラデーション設定を追加。 2020/06/19 - 投稿タイプ別に使えるブロックを制限する方法を追加。 2020/05/24 - ブロックスタイルの削除について追加。 2020/04/22 - 後方互換性についての注意を追加。ダークモードの記載追加。 2020/02/20 - Gutenberg 7.5 でインラインの文字色編集が追加されたので記載。 20

    WordPress ブロックエディター(Gutenberg)カスタマイズあれこれ - Qiita