WordPressの記事一覧

メンテナンスページの作り方｜503ステータスとRetry-After対応(PHP + .htaccess)

503ステータスとRetry-Afterに対応したメンテナンスページの作り方。PHPと.htaccessを使い、ユーザーにも検索エンジンにも配慮したメンテナンス表示の実装方法を解説します。

CSVをXML(WXR)に変換して、WordPress純正インポートツールで記事を一括登録した話

CSVをWordPressのXML(WXR)形式に変換し、WordPress純正のインポートツールを使って記事を一括登録した話の備忘録。プラグインや、自前でCSVインポーターを自作するのではなく、インポート処理そのものは純正ツールを使用する点がポイント。アイデアとして参考になれば幸いです。

【WordPress】Breadcrumb NavXTの構造化エラーは、単純にJSON-LDの追加で一発解決

WordPressに「パンくずリスト」を追加するプラグイン「Breadcrumb NavXT」の、構造化(リッチリザルト)エラーの解決方法。単純にJSON-LDをhead内に出力させるだけで解決します。個別にHTMLマークアップをitemprop属性に書き換える必要はありません。詳しく解説します。

【サーバー移転・動作確認】hostsファイルの設定場所と使い方・メリットまとめ

サーバー移転時の動作確認に便利な「hostsファイル」の設定方法と使い方を解説。設定場所からメリット、注意点までをまとめました。

【WordPress】新規投稿時に任意のHTMLを初期値として挿入する方法

WordPressのクラシックエディター環境で、新規投稿時に任意のHTMLを本文の初期値として自動挿入する方法を紹介します。カスタム投稿タイプごとの出し分けにも対応。

【WordPress】ページ区切りブロックで、ページを分割しても表示されない場合

ページ区切り(改ページ)ブロックを使って、投稿を複数ページに分割する場合、wp_link_pages()関数の実装が必要な場合があります。さらに仕組み上、2ページ目以降にも同じテンプレートが適用されるため、重複したくない要素がある場合、調整が必要です。

【WordPress】サーチコンソールにエラーが出る場合、REST APIの状況も確認すべし

WordPressで運用しているウェブサイトが、Google Search Console(サーチコンソール)のインデックス登録でエラーを起こしている場合、REST APIの状況も確認してみると良いです。wp-jsonが読み込めず、クローラーが弾かれてエラーになっている可能性があります。

【WordPress】隣接したクラシックブロックは、記事を保存すると勝手に結合される

WordPressのクラシックブロック同士が隣接した状態で記事を保存すると、次に記事を開いた時に勝手に結合され、1つにまとめられてしまいます。 対策としては、クラシックブロックをグループ化する。もしくは間に別のブロックを挟む事で、勝手に結合されなくなります。

detailsタグで作るアコーディオン。CSSだけで実装可。アクセシビリティにも対応

よくある質問(FAQ)の実装で重宝するアコーディオンUI。今まではJavaScriptで作ってきましたが、detailsタグならCSSだけでサクッと実装。しかも標準でキーボード操作・スクリーンリーダーに対応しアクセシビリティも優秀。デモを交えながら解説します。

caret-color：点滅カーソル(キャレット)の色はCSSで変えられる

文章の挿入位置を表すキャレット(点滅している縦棒)は、CSSで簡単に装飾出来ます。WordPressのGutenbergで編集中に、選択した文字位置がわからない事はありませんか？今回は「caret-color」プロパティについて、デモを交えながら解説します。

【CPI】ContactForm7の設定変更でエラー。原因はWAF

CPIサーバーにてContact Form7を設定したところエラーで保存出来ず。原因はWAFだったので、対策を解説します。