WordPress

GutenbergのブロックをAdvanced Custom Fields的に使ってみる

Gutenbergにはテンプレート機能があり、利用するブロックを制限することが可能です。このテンプレート機能を使うことで、「Advanced Custom FieldsAdvanced Custom …

webpackの基本的な使い方!最小構成で動作を試してみよう

webpackの基本的な使い方です。似たようなものにgulpがありますが、違いとしては以下のような認識です。 gulp・・・タスクランナー webpack・・・ビルドツール 利用者の属性で分けるなら、…

Gutenbergにオリジナルなブロックを作成する方法(動的編)

テキスト等を入力、編集できるブロックを作成する方法です。ブロックの基本的な使い方については以下の記事で紹介しているので、まずはこちらを参考にしてください。 Gutenbergにオリジナルなブロックを作…

Gutenbergにオリジナルなブロックを作成する方法(静的編)

Gutenbergにオリジナルなブロックを作成する方法です。公式のチュートリアルを参考にしながら、以下のようなpタグで囲まれた固定値のブロックを作っていきます。 汎用性は無いかもしれませんが、作り方の…

WordPressで簡単メールマガジン!「Subscribe2」プラグインの使い方

WordPressでおそらく最もシンプルにメールマガジンを設置できる「Subscribe2」プラグインの紹介です。 投稿時に自動メールから、任意のタイミングでの一括送信など、シンプル設計で簡単に操作で…

WordPressでAJAX通信する方法

WordPressでAJAX通信する方法です。WordPressの場合はアクション先のURLがあらかじめ決まっていて、fucntions.phpからフックすることによって実態の処理を実行するといった流…

「WordPressのバージョンアップが怖い」って人のための保険をかけたバージョンアップ手順

「WordPressのバージョンアップをしたら画面が真っ白になった…」みたいな経験をしている人も多いかもしれません。中にはトラウマになって「もう2度と更新はしない」と心に決めた人もいるかと…

WordPressの旧エディタをGutenbergエディタへ移行する方法

WordPressの旧エディタをGutenbergエディタへ移行する方法です!ポイントさえ抑えておけば誰でも移行することができるはずです。 今のところ旧エディタは「Classic Editor」プラグ…

WordPress公式のテーマに承認されるために通すべきテスト

WordPress公式のテーマに承認されるために通すべきテストをまとめました。実際の案件でテーマをオリジナルで作る際はここまでする必要はないと思いますが(もちろんやっていると最高ですが)、公式テーマと…

Gutenberg対応のおすすめWordPressテーマ5選【100%GPL】

Gutenberg対応のおすすめWordPressテーマを5つ紹介します。甲乙つけがたい個人的に好きなテーマを集めました。 これからのWordPress制作はGutenbergエディタでページを作成し…