差分
このページの2つのバージョン間の差分を表示します。
| memo:wordpreww:custum_plug_in [2025/03/25 13:15] – 作成 nfujishima | memo:wordpreww:custum_plug_in [2025/03/25 13:16] (現在) – 削除 nfujishima | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| - | ===== 自作プラグインの作り方 ===== | ||
| - | |||
| - | |||
| - | ===== WordPress管理画面で「秒」も表示するプラグイン ===== | ||
| - | |||
| - | WordPressの投稿編集画面では、デフォルトで時刻の「秒」部分が表示されません。 | ||
| - | 以下の手順で「秒」まで編集・表示できるようにするシンプルなプラグインを作成します。 | ||
| - | |||
| - | ===== 1. プラグインファイルを作成 ===== | ||
| - | |||
| - | WordPress の `wp-content/ | ||
| - | |||
| - | 内容は以下の通り： | ||
| - | |||
| - | <code php> | ||
| - | <?php | ||
| - | /* | ||
| - | Plugin Name: Show Seconds in Post Edit | ||
| - | Description: | ||
| - | Version: 1.0 | ||
| - | Author: あなたの名前 | ||
| - | */ | ||
| - | |||
| - | add_action(' | ||
| - | echo <<< | ||
| - | < | ||
| - | document.addEventListener(' | ||
| - | const fields = [' | ||
| - | const secsInput = document.createElement(' | ||
| - | secsInput.type = ' | ||
| - | secsInput.name = ' | ||
| - | secsInput.size = 2; | ||
| - | secsInput.value = (new Date()).getSeconds().toString().padStart(2, | ||
| - | const label = document.createElement(' | ||
| - | label.textContent = ' | ||
| - | const container = document.querySelector(' | ||
| - | if (container) { | ||
| - | container.appendChild(secsInput); | ||
| - | container.appendChild(label); | ||
| - | } | ||
| - | }); | ||
| - | </ | ||
| - | EOD; | ||
| - | }); | ||
| - | </ | ||
| - | |||
| - | ===== 2. プラグインを有効化 ===== | ||
| - | |||
| - | WordPressの管理画面「プラグイン」から「Show Seconds in Post Edit」を有効にしてください。 | ||
| - | |||
| - | ===== 3. 動作確認 ===== | ||
| - | |||
| - | 投稿や固定ページの編集画面に移動し、「公開日時」のフィールドに「秒」入力欄が追加されていることを確認します。 | ||
| - | |||
| - | ===== 備考 ===== | ||
| - | |||
| - | - 時刻入力欄はあくまでUI上の追加なので、保存時の動作やフォーマット変更が必要な場合は `save_post` フックなどを追加で使ってください。 | ||
| - | - 他のプラグインやテーマとの互換性には注意してください。 | ||
