タグ: Before Gutenberg

Tips

ブロックエディターでアイキャッチ画像パネルに説明文を追加する

COVID-19によってWordCamp Asia 2020が中止された頃は「ちょっと大げさだったんじゃないの?」と思ったものだが、まさかWHOによってパンデミックと宣言されるまでになるとは思いもよらず、自宅勤務を余儀な […]

2020年3月13日
Before Gutenberg, Gutenberg, javascript
高橋 文樹

チュートリアル

既存ブロックを活用したInnerBlocksテンプレートの紹介

Gutenberg導入以前からカスタムフィールド製造業界では「入稿の制限」を目的としてACFなどが活用されてきた。多くの場合、レイアウト上の工夫や入稿フローの固定化(e.g. ライターへの説明を省く)が目的なのだが、似た […]

2020年3月3日
Before Gutenberg, CCP, Gutenberg, javascript
高橋 文樹

チュートリアル

registerBlockStyleでブロックに独自のスタイルを追加する

これまでブロックの作成方法などについて触れてきたが、Twenty Twentyなどに見られるように、WordPressコアやプラグインの提供するブロック機能に依存し、あくまでスタイルの拡張に徹底するというのも一つの戦略で […]

2019年10月15日 2019年10月15日
Before Gutenberg, javascript, テーマ
高橋 文樹

ニュース

JavaScript敗北者のためのPHPブロック製造手法が続々登場

Gutenbergで導入されたブロックは、WordPressの投稿編集体験を根底から覆すものであり、それはとくに投稿画面に多くのメタボックスを作成していたカスタムフィールド製造業者に打撃を与えた。これまで投稿本文(多くの […]

2019年5月21日 2019年5月21日
Before Gutenberg, Gutenberg, カスタムフィールド
高橋 文樹

Tips

WordPress 5.0内でReactだけを利用する方法

さて、これまでBefore Gutenbergの連載では、ブロックの作り方などを説明してきたが、純粋にReactだけを使いたい場合やReactコンポーネントを作る方法については説明してこなかった。今回はその方法を説明しよ […]

2019年3月1日
Before Gutenberg, Gutenberg, javascript
高橋 文樹

Tips

Before Gutenberg – 再利用ブロックの使い道を考えよう

Gutenbergでは「再利用ブロック」という概念が導入された。これは特定のブロックを再利用できるブロックとして登録できるものである。 再利用ブロックの作り方 作り方はいたって簡単。まずはブロックを作成しよう。今回はサン […]

2019年1月10日 2019年1月10日
Before Gutenberg, Gutenberg, ビジネス
高橋 文樹

Tips

Before Gutenberg – リッチテキストのツールバーにボタンを追加する

これまで紹介してきたように、GutenbergではブロックにRichTextコンポーネントを追加することができる。たとえば、インライン要素がそれに該当する。このサイトSnow Monkey Blocksでは、「蛍光ペン」 […]

2018年12月23日 2018年12月23日
Advent Calendar 2018, Before Gutenberg, Gutenberg
高橋 文樹

Tips

Before Gutenberg – テーマをGutenbergに対応させる

Gutenbergに対応したテーマを利用している場合は特に困らないが、WordPress 5.0でカスタムテーマを使っていた場合、対応が必要になる。今回はその指針およびリソースを紹介しよう。 新たに追加された様々なブロッ […]

2018年12月19日 2018年12月19日
Advent Calendar 2018, Before Gutenberg, テーマ
高橋 文樹

Tips

Before Gutenberg – ブロックライブラリを知っておこう

Gutenbergではブロックという概念が導入された。コアだけでも様々なブロックが存在する——そしてそのいくつかは明らかにいらない——のだが、そのブロックをさらに拡張することができる。こうしたものをブロックライブラリと呼 […]

2018年12月18日 2018年12月18日
Advent Calendar 2018, Before Gutenberg, Gutenberg
高橋 文樹

Tips

Before Gutenberg – Create Gutenberg Blockでさくっとブロック作成

これまでの連載でGutenberg向けのコードを紹介してきたが、今回はとりあえずどのように開始すればよいかという選択肢を紹介しよう。 Gutenbergで使われるReactそしてJSNextは環境設定の複雑さが一つのハー […]

2018年12月16日 2018年12月18日
Advent Calendar 2018, Before Gutenberg, Gutenberg, javascript
高橋 文樹

Tips

Before Gutenberg – ショートコードをブロックに変換する

WordPress 5.0がリリースされて以来、筆者は”Gutenberg lang:ja”でtwitter検索することを趣味にしているのだが、テーマが対応していないことによる怨嗟の声が聞こえてく […]

2018年12月15日
Advent Calendar 2018, Before Gutenberg, CCP, Gutenberg
高橋 文樹