WordPress– テーマを作ろう –

ブロックエディター（Gutenberg）は便利です。ですが組み上げるのが面倒かつ時間もかかりますし、慣れないと難しいという側面があります。 そんなブロックエディター（Gutenberg）を止めて旧エディターに変えちゃいましょうというお題です。 エディタをク...

カスタム投稿タイプを作成し、新規記事を作成しようとするとスラッグが、日本語タイトルになったりします。ユーザーもスラッグを意識しないので日本語のまま、なんて事が多いです。 WordPressで、自動化してほしい ということで。 functions.php に書き込...

いつもアイコンを探すのが面倒だと感じていました。一括でSVGアイコンを検索できないかなぁ？！って思っていたら、見つけました。 使い方 単純に、英語でアイコンの名前を入力するだけで検索できます。例えば「Home」だと。 ずらりとSVGアイコンが表示され...

ダイナミックブロック(Block)って、使うシーン？例えば、スライダーで人気の 「slick」をWordPressのブロックにしたい時などに便利で使えます。あとは、検索結果を一覧表示したいとか。 テーマ内構成 └── wp-content └── themes └── sample01 //使用するテ...

カスタムメニュー（「外観」>「メニュー」）を使う方法。CSSフレームワークを使う場合に対応方法が２つ。 カスタムメニュー　方法1 カスタムメニューを使用する設定 function menu_setup() { register_nav_menus( array( 'header_menu' => '...

ここで言う「ブロックスタイル」は、見出しや段落などの装飾を選択できるようにするものです。 例えば、右のように「見出し」に「縦ライン」というスタイルを追加することで、ワンクリックで「見出し」の装飾を変えることができるようになります。 ブロッ...

Blockを作るときに自分の作成したブロックをカテゴリで、まとめたいことがあります。オリジナルのブロック カテゴリを作ってみます。 利用するフィルター・フック apply_filters( 'block_categories_all', array[] $block_categories, WP_Block_Ed...

ダッシュボードアイコンの利用 WordPress 管理画面に既に含まれているDashiconsセットの任意のアイコンを使用できます。以下の中から好きなアイコンを探しましょう。 block.jsonへ設定 dashicons-admin-media の場合。 { "$schema": "https...

通常、1プラグインに1ブロックしか作れません。これだとテーマにブロックを作りたいなど手間になります。おそらく非公式だと思いますが、理論上は間違いではないと思うので問題はないかと思います。 今回は、プラグインではなくテーマにブロックを実装する...

テーマ用にブロックを作成したいと思い色々と調べました。JSXで各場合は環境の構築が必要です。WordPress では環境構築を簡単に行うためのパッケージとして @wordpress/scripts（wp-script）と @wordpress/create-block を提供しています。 今回は @wordpr...