シンプルなリライトルール設定
例示している程度のURL構造であれば、既存のプラグインを使った方が早い。Custom Post Type Permalinks ただし、最近の WordPress ではテストされていない。 カスタム投稿タイプの URL
...続きを読むTag WordPress
TypeScript でカスタムブロックを書く
WordPress のカスタムブロックの開発で TypeScript が使える環境が整ってきています。この記事ではスキャフォルドで作成したカスタムブロックの雛形を TypeScript 対応にする方法を紹介します。
...続きを読む
Gutenberg インナーブロック 発展編
ブロック追加時にインナーブロックを予め入れておく 追加ボタンをカスタマイズする 親ブロックでインナーブロックの値を利用する 先に作ったサンプルのブロック―フレームワークに関する説明リストのブロックを元にインナーブロックの
...続きを読む
Gutenbergのブロックを作る
目次 ブロック作成の概説 必要知識とスキル 作例ブロック 開発環境の用意 ビルドしてみる ブロック本体 index.js の調整 InnerBlockのjsファイルを作成・登録 InnerBlock用 jsファイルの作成
...続きを読む
WP-CLIのスキャフォルドを使う
WP-CLIのスキャフォルド機能を使って、プラグインの雛形を生成し投稿タイプ・タクソノミーを設定します。
...続きを読む
テーマカスタマイズ関係でWordPressコアのコードを調べた
テーマカスタマイザーにカラーピッカーを追加する際、引数をどうすればいいか分からなくて困ってしまったので、コアのコードまで辿って調べました。 関連記事：テーマカスタマイザーに自由にカスタマイズ項目を追加する方法 Codex
...続きを読む
テーマカスタマイザーに自由にカスタマイズ項目を追加する方法
このブログのテーマ、shirohanadaに実装している「コンテンツ背景色」のカスタマイズ項目の追加方法について解説します。 カスタムヘッダーでヘッダー画像を自由に変えられるようにしたところ、期せずしてヘッダー色のカスタ
...続きを読む
テーマフォルダの画像を表示するときに便利な関数
WordPressでテーマフォルダ内の画像を表示する際、get_stylesheet_directory_uri関数だとsrcsetプロパティが読みにくくなるので、4.7で採用されたget_theme_file_uri関数を使って書き換えてみました。
...続きを読むコミット時にWordPressコーディング規約に自動的に準拠させる方法
githooksでPHP CodeSnifferを実行させて、WordPressのテンプレートファイルをコーディング規約に自動で準拠させる方法の紹介。
...続きを読む
WockerでWordmoveを使う
WockerでWordmoveが使えるようになったので、さくらのレンタルサーバに設置しているWordPressからテーマをプルする方法を紹介します。
...続きを読む