Gutenberg– tag –
-
【WordPress】ACF Pro × ACF Extendedでカスタムブロックを作る
有料版プラグイン「Advanced Custom Fields Pro」の記事です！ 今回は ACF Blocks（Advanced Custom Fields Proで作れるダイナミックブロック）をACF Extendedをつかって簡単に利用する方法をご紹介します。 準備 有料版 Advanced Custom Fieldsに加えて、... -
【WordPress】ブロック作成編@wordpress/create-block で作るカスタムブロック（初心者向け）
準備編に続いてブロック作成編です。 カスタムブロック生成用のパッケージをPCに入れて動かすそれを使って簡単なブロックを自力で作る ← 作成編作ったブロックをWordPressで動かす ← 準備編テーマファイルにブロックを入れる 準備編で作った環境で、 index... -
【WordPress】準備編@wordpress/create-block で作るカスタムブロック（初心者向け）
難しいことは分からないので簡潔に！とりあえず @wordpress/create-blockの使い方と、WordPressのカスタムブロック作成について解説していきます。 今回の目標は、 カスタムブロック生成用のパッケージをPCに入れて動かす ← 準備編それを使って簡単なブロ... -
npx @wordpress/create-block が通らないときはNode.jsのバージョンを上げよう（再インストール）
タイトルの通りではありますが、普段たいしてnpmもつかわないPCでブロックの作成 チュートリアルを見ながらWordPressのカスタムブロック練習をしようと、下記のコマンドを実行したところ $ npx @wordpress/create-block starter-block ↓↓このメッセージが... -
【WordPress】registerBlockTypeの書き方のきほん
WordPressのブロック登録について、registerBlockType の記述方法が公式のドキュメントだけでは覚えられなかったのでメモ。 ブロック登録 registerBlockType registerBlockType( 'namespace/block-name', {}); namespaceはプラグイン・テーマ名block-name... -
【WordPress】Block Labで作成したテキストエリアのテキストを改行表示する【Gutenberg】
ブロックエディタのカスタムブロックを使おう WordpressのGutenberg（ブロックエディタ）用の、 カスタムブロックプラグイン「Block Lab」 https://wordpress.org/plugins/block-lab/ 当ブログの数々の記事で紹介してきたToolset Typesが死んだので、脱カ...
1