webOpixel

WordPressの新エディターGutenbergでカスタムブロックを作成する[初級編]

WordPress5.0でデフォルトになる予定の新エディター「Gutenberg」。
ブロックを組み合わせてページを作成できることが特徴となっていますが、このブロックをオリジナルで作成してみたいと思います。

WordPressの新エディター「Gutenberg」のカスタムブロック開発環境を高速で構築できる、「Create Guten Block」という開発ツールキットのご紹介を致します。

WordPressの次世代エディターのGutenbergはReactで作られているらしいですよ。
ということですので、Reactちょっとはじめてみました。

例えばWordPressでいう、タグやカテゴリーにスラッグ情報のラカムがあったとして、リレーション元からリレーション先のカラム（スラッグ）で検索させたいときの方法をご紹介します。

FloatとかFlexでは難しかったことが、グリッドレイアウトなら簡単にできるらしいですよ。
ということでグリッドレイアウトの触りだけ解説してみます。

WixCodeには自由にフォームを作成する機能や、データベースを構築する機能があります。
これらの機能を組み合わせてアンケートフォームを作成してみたいと思います。

WordPressで表を作成したいときには「TablePress」というプラグインが結構有名ですよね。セルの結合もできたり、表示もいろいろカスタマイズできたりと便利だったりするのですが、ちょっと加工して表示したい場合は配列で取得できたりすると便利なので方法をご紹介します。

前回は一つの要素に対してトランジションアニメーションをしましたが、今回はリストなど複数の要素に対してトランジションをしてみます。

Vue.jsでトランジションアニメーションしたいときはtransitionタグを使えば簡単にアニメーションできるのでご紹介いたします。

Laravelで通常プライマリキーは連番のIDになっていますが、これだとURLなど表示部分にIDを使用している場合、推測されてしまうのでよろしくないときがあります。
そこでIDをランダムな文字列（UUID）に変更する方法ご紹介します。