タグ: HTML
-
カスタムフィールド入力窓（メタボックス）の作り方、データ保存の仕方、呼び出し方
WordPressで投稿や固定ページに本文の内容とは別のデータを任意に保存できる機能であるカスタムフィールド。 ブロックエディターの場合にはデフォルトで表示されていないので気づかない方もいるかも知れま…
-
メタボックスを使わずにカスタムフィールドの値を追加・更新・削除する方法（リアルタイムコラボレーション対応）
WordPressでカスタムフィールドの操作を編集画面下にあるカスタムフィールド一覧で直接書き換えずに、どこかのパネルで変更させたいという時に使うメタボックス、このページに到達した方は当然これを使った…
-
リアルタイムコラボレーション有効化時のメタボックスの扱い方（例）
WordPress7.0以降でリアルタイムコラボレーション機能が追加され、複数のユーザーによる共同編集ができるようになりますね（このページの作成時点では7.0RC版なのでなりますと表現しています）。 …
-
ブロックテーマのサイトエディターで設定した情報を確認する方法
ブロックテーマは特殊な場合を除き、以下の流れでスタイルが適用される仕組みになっています（下に行くほど優先されます）。 特殊な場合というのは、2～5についてコードで特別な優先順などを指定して読み込んでい…
-
リンクやURLが本文に入力されたコメントを自動破棄するコード例
WordPressに限らずブログサービスなどで投稿したものに対してコメントなどで反応があると、公開してよかった！また誰かの役に立つコンテンツ作ろう！と励みになりますね（と言ってもこのサイトは寂しい限り…
-
各種ショートコードの使い方
【Hima Art Utility】プラグインの機能の1つである、各種ショートコードの具体的な使用方法や仕様を紹介するページです。 本プラグインのショートコードは、すべてブロックパターンから呼び出すこ…
-
レンタルサーバーの空き容量＋WordPressで音楽再生サイトを作る方法
最近のレンタルサーバーのディスク容量はとても大きくて持て余していませんか？ 何百ギガバイトもあっても到底使いきれませんよね？そこで考えたのが、音楽ファイルを再生するサイトを作ることです。要するに自家製…
-
WebP形式の画像を出力するプラグイン「Converter for Media」
「Converter for Media」は、ページ表示時にWebPまたはAVIF形式の画像ファイルが存在する場合で、ブラウザが対応している場合に、より軽量な画像を出力してくれるプラグインです。 無料…
-
テーマオプションなどで設定した値をCSSファイル内で安全に使用できるようにする方法
テーマの設定画面やプラグインの設定画面で行った色などの指定、これをスタイルとして出力する方法には主に以下の2つの方法があります。 1は最も一般的に使われる手法ではあるものの、style.phpの冒頭に…
-
独自アイコンの使い方とアイコン一覧
バージョン3.4で追加した、プラグイン独自アイコンの使い方とアイコン一覧を紹介するページです。 アイコンは全部で783個あり、icomoonというサービスの基本アイコンを軸に、Font Awesome…
-
SVGファイルをメディアにアップロードしてサイトに表示せさる方法
WordPressの標準仕様ではセキュリティの懸念があるためアップロードできないようになっているSVGファイルをできるだけ安全にアップロードできるようにするコード、アップロードしたSVGファイルをフロ…
-
CSSをHTMLソースに直接出力する、wp_add_inline_style()の使い方
WordPressでは、通常はスタイルコードを書いたスタイルシートファイルを読み込んで（登録とエンキューをして）適用させるのが普通ですね。 でも、wp_add_inline_style()関数を使うと…
-
投稿編集画面でカテゴリー選択をラジオボタンに変更して一択にする方法
巷でWordPressの投稿に紐づけるカテゴリーの選択をラジオボタンにするコードは結構紹介されており、以下のようなものが多いです。 私も結構そのようなコードを試したのですが、どれもうまくいかず、以下の…
-
管理画面に「画面上部へ戻る」ボタンを追加する方法
WordPressに限らず、そのページの上部へ移動するには「マウスのスクロールホイールをひたすらグリグリする」「スクロールバーをつかんで上へ移動させる」「キーボードのHOMEボタンを押す」といった方法…
-
ログイン画面や管理画面のbody直下にHTMLなどを挿入するコードメモ
WordPressにはwp_body_openというフックがあり、対応しているテーマではフロントエンドにおいてbodyタグの直下に何かのコンテンツを挿入できるようになっています。 これを使えばタグマネ…
Loading posts…
No more posts
