カテゴリー: Tips

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
高橋 文樹

Tips

Before Gutenberg – ブロックテンプレートによる入稿制限

WordPressはCMSとして利用されているので、ビジュアルエディタで好き勝手に入力されるのは困る、という要望を受けることもあるだろう。筆者はこれまで、タイトルフィールド以外のすべてが消され、ACFによるカスタムフィー […]

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

Tips

Before Gutenberg – 投稿別に既存のエディターを有効にする

もうWordPress 5.0がリリースされたので、Beforeでもなんでもなくなってしまったが、連載タイトルを変えるわけにはいかないので、そのままにする。WordPress 5.0からGutenbergことブロック・エ […]

2018年12月8日 2018年12月10日
Advent Calendar 2018, Before Gutenberg, Gutenberg, エディター
高橋 文樹

Tips

Before Gutenberg – JavaScript多言語化の新しい形

Gutenbergはそのソースの多くがJavaScriptから構成されている。そこで問題となるのが多言語対応(Internationalizationを略してi18nなどと書く)なのだが、これまでは次のようにやや迂遠な方 […]

2018年12月6日 2020年1月9日
Advent Calendar 2018, Before Gutenberg, Gutenberg, javascript, 翻訳
高橋 文樹

Tips

Before Gutenberg – ブロックの入れ子InnerBlockの作成

GutenbergにはInnerBlockという仕組みがあり、ブロックを内包するブロックを作成することができる。InnerBlockは次のような特徴を持つ。 内包されるブロック(子ブロック)を指定できる。 編集の可否を選 […]

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

Tips

Before Gutenberg – ブロックのアイコンをカスタムSVGにする

今年もアドベントカレンダーの季節がやってきた。12/24まで毎日ブログを更新する予定である。もちろん、筆者一人ではかなり辛いものがあるので、Capitalistの皆さんにもご助力をお願いしたい。 さて一発目の内容だが、例 […]

2018年12月1日 2018年12月2日
Advent Calendar 2018, Before Gutenberg, Gutenberg, javascript
高橋 文樹

Tips

Before Gutenberg – ショートコードで後方互換性

先日RC1がリリースされ、いよいよWordPress 5.0のリリースが近づいてきた。といっても、まだリリース日が確定していないのだが……。今回はプラグインやテーマ作者にとって気になる、互換性の保ちかたについてちょっとし […]

2018年11月29日
Before Gutenberg, Gutenberg, javascript
高橋 文樹

Tips

Before Gurenberg – ブロックの情報保存先、特にカスタムフィールド

前回まででブロックをいくつか作ってみたのだが、今回は情報の保存先という点について詳しく触れてみたい。 HTMLの属性・中身に情報を保存する インタラクティブなHTML要素というのはそれほど多くない。テーマと管理画面で同じ […]

2018年10月23日
Before Gutenberg, CCP, Gutenberg, javascript, カスタムフィールド
高橋 文樹