技術リファレンス

WordPress、PHP・MySQL、HTML・CSSの実装Tipsやトラブルシューティングをまとめた技術情報集です。現場で実際に使えるサンプルコードや、エラー・不具合の解決方法を掲載しています。

技術リファレンス
【ClaudeCode】静的HTMLサイトを最速ワードプレス化するための指示書(.md)サンプル

静的HTMLとして運用しているサイトをWordPress化したい、そんなときに使えるClaudeCode用の指示書の内容を考えてみました。 未検証ですがよかったら試してみてくださいね。

続きを読む
技術リファレンス
ffmpegで動画ファイル(mp4)から背景透過のアニメーションGIFを一発生成する方法

背景をグリーンバック等にして撮影したmp4の動画ファイルから、背景透過のアニメーションGIFを生成するバッチファイルのプログラムをご紹介します。 まずはお使いのWindowsPCに「ffmpeg」をインストールしましょう […]

続きを読む
技術リファレンス
WordPressプラグイン「WP Ulike」で過去1週間のいいね数ランキングを表示する方法

「WP Ulike」はWordPressの記事に「いいね」機能を追加するプラグインです。 このプラグインにはいいね数順に記事を取得する関数が用意されているのですが、一部期間指定がうまく動かなかったり、いいね数が累積で出て […]

続きを読む
技術リファレンス
WordPressでユーザー画面のみメンテナンス表示するする方法

実装サンプル functions.php functions.phpに下記記述を追加します。 maintenance.html メンテナンスページにはメンテナンス対象のサイト名とメンテナンス期間、また簡単なメッセージがあ […]

続きを読む
技術リファレンス
モーダルウインドウ(Modal Window)同一ページ複数実装の最適解?サンプルコード

モーダルウインドウ(Modal Window)を同じページで複数利用したいということは結構あると思うのですがいざやろうとするとこれがなかなか厄介。 モーダルの数分JSやCSSの記述を増やすなんて煩雑な運用は絶対したくない […]

続きを読む
技術リファレンス
WordPressでAuthorの構造化データを出力する実装サンプル

WordPressで記事の執筆者ユーザー情報を取得して、構造化データ(Author)として出力する実装サンプルです。 ①Advance Custom Fieldに執筆者情報を追加 プラグイン「Advanced Custo […]

続きを読む
技術リファレンス
noteのRSSフィードを取得して表示する実装サンプル

WordPress上でnoteのRSSフィードを取得しページ上の任意の場所に表示するサンプルを作成してみました。 WordPressに限らず通常のHTMLサイトでも機能すると思いますのでよければ使ってみてください。 ge […]

続きを読む
技術リファレンス
WordPressの用語解説プラグイン「CM Tooltip Glossary」で用語一覧ページをカスタマイズした件

WordPressで用語解説といえばこのプラグイン!「CM Tooltip Glossary」です。 用語登録はもちろん、登録した用語は全ページに渡ってマウスオーバーでツールチップ(解説の吹き出し)が出るという優れもの! […]

続きを読む
技術リファレンス
WordPressの投稿記事一覧ダウンロード(CSV)機能を独自実装する

WordPressで過去に投稿した記事の一覧を期間指定してCSVでダウンロードしたい、ウェブサイトを運営しているとそんな要望も出てきます。 しかしプラグインで実現しようとすると大がかりなものが多いですし、これだけの機能の […]

続きを読む
技術リファレンス
WordPressの記事一覧を独自のSQLで取得する方法

WordPressで用意された関数で取得が難しいような特殊な記事の検索を行う場合、PHPテンプレートの直接SQLを書いて情報を取ることができます。

続きを読む