カテゴリー: カスタマイズ
WordPressのサイトをカスタマイズするためのコードの紹介、機能の検証など行っているページの一覧です
-
アップロードした画像を自動でWebP形式に変換して保存するためのコード例
最近ではほとんどのメジャーブラウザで表示できるようになったWebP形式の画像。 それ以前にスタンダードだったJPEG形式と比べると同一の画像の場合でも30%前後ファイルサイズ（容量）が削減でき、その分…
-
コメントをスパムへ移動させるのと同時にブラックリストへ登録する方法
WordPressで作成しているサイトでコメント欄をオープンにしていると困るのが、海外からの結構なスパムコメント。 メールで「モデレートしてください」ってきて、ちょっとワクワクしながらコメント一覧を見…
-
テーマやプラグインでのパスやURLの取得方法
WordPressのテーマやプラグインでコードを書く場合に混乱しがちなパスやURLの取得方法を自身のおさらいも兼ねて整理・公開しておきます。 プラグインの場合 プラグインにコードを書く場合にパスを取得…
-
標準のアコーディオンブロックをスムーズに開閉させるようにするコード例
WordPress 6.9で追加されたアコーディオン（開閉）ブロック。以下の例のように、表題をクリックすると中身が表示されるようにするブロックです。 上の例では「ここをクリックすると中身が開閉します」…
-
ブロックエディターのブロック選択をしやすくする方法（例）
WordPressのブロックエディターで、よく使うブロックを集めてブロック一覧の最上部に表示させて使いやすくする方法、標準の「よく使うブロック」の候補をリセットする方法を紹介します。
-
標準ギャラリーのライトボックスを拡張して、ギャラリー内の画像を切り替え表示させる方法
WordPress標準のギャラリーブロック、画像ブロックと同様にギャラリー全体のリンク先に「画像をメディアファイルにリンク」と指定することで中の画像をクリックした時に拡大して表示できるようになるのは、…
-
カスタムフィールド入力窓（メタボックス）の作り方、データ保存の仕方、呼び出し方
WordPressで投稿や固定ページに本文の内容とは別のデータを任意に保存できる機能であるカスタムフィールド。 ブロックエディターの場合にはデフォルトで表示されていないので気づかない方もいるかも知れま…
-
画像ブロック挿入時に自動で配置を指定する方法
画像ブロックを挿入する際、特にコンテンツ幅からはみ出ていない画像を挿入した時に必ず位置の指定をしますね。 本当は、今のテーマでのコンテンツ幅からはみ出てるだけで、コンテンツ幅の広いテーマにしたり、ブロ…
-
画像ブロック挿入時に標準のライトボックス（クリックで拡大）を自動で有効化する方法
画像ブロックのみならず、標準のブロック挿入時の初期設定（デフォルト設定）はblock_type_metadata_settingsにフックさせるとある程度指定することができます。 そのフックを使って画…
-
メタボックスを使わずにカスタムフィールドの値を追加・更新・削除する方法（リアルタイムコラボレーション対応）
WordPressでカスタムフィールドの操作を編集画面下にあるカスタムフィールド一覧で直接書き換えずに、どこかのパネルで変更させたいという時に使うメタボックス、このページに到達した方は当然これを使った…
-
リアルタイムコラボレーション有効化時のメタボックスの扱い方（例）
WordPress7.0以降でリアルタイムコラボレーション機能が追加され、複数のユーザーによる共同編集ができるようになりますね（このページの作成時点では7.0RC版なのでなりますと表現しています）。 …
-
PHPから.htaccessへコードを追加する方法、削除する方法
サイトのセキュリティやアクセス制限を行う.htaccessへのコード設置をWordPressのfunctions.phpからPHPコードを使って追加する方法を紹介します。
-
ブロックテーマのサイトエディターで設定した情報を確認する方法
ブロックテーマは特殊な場合を除き、以下の流れでスタイルが適用される仕組みになっています（下に行くほど優先されます）。 特殊な場合というのは、2～5についてコードで特別な優先順などを指定して読み込んでい…
-
リンクやURLが本文に入力されたコメントを自動破棄するコード例
WordPressに限らずブログサービスなどで投稿したものに対してコメントなどで反応があると、公開してよかった！また誰かの役に立つコンテンツ作ろう！と励みになりますね（と言ってもこのサイトは寂しい限り…
-
ナビゲーションブロックでショートコードを動作させる方法（メモ）
WordPressのナビゲーションブロックでは、通常ショートコードは実行されず、ショートコードのまま表示されるようになっていますが、ナビゲーションブロック内に設置した固定ページリンクのタイトルとリンク…
Loading posts…
No more posts
