ki-hi-ro.com

DAILY JOURNAL

WordPress

36記事の記録。

2026年6月

  1. WordPress投稿一覧に「複製」を追加するプラグインを作ってみた ー とにかく何か作っていこう（開発者として）ー

    WordPressをバージョンアップしてから、記事を複製するプラグインが有効化されていないことに気付いた。 自然動画の記事の一部を切り出して別記事として公開したくなった時に気付いた。 今回は、そのためのWordPressプラグインを作成してみることにした。 やりたいこと 自然動画の記事の中に、夜に流したい動画が含まれていた。 その動画だけを独立した記事として公開したい。 しかし、元記事の内容を一からコピーして作り直すのは手間がかかる。 そこで、投稿一覧からワンクリックで記事を複製できる機能を追加することにした。 WordPressプラグイン開発は初挑戦 これまで、WordPressのプラグインを自作したことはなかった。 そのため、今回はAIに相談しなが…

  2. WordPressの記事をREST APIで取得してポートフォリオへ反映する仕組みについて解説します

    現在開発中の「My Portfolio」の技術ブログ一覧ページで、「WordPress同期」ボタンを押せば、 以前、WordPressで書いた技術ブログのデータが同期されるようにしました。 ↓ 同期後にサクセスメッセージを表示させています。 WordPress REST APIとは WordPress REST APIとは、WordPressの記事データをJSON形式で取得するための仕組みです。 プログラムから記事情報を取得できるため、今回のようにWordPressの記事を別のシステムへ取り込む際に利用できます。 WordPress記事同期の処理フローの全体像 全体の処理の流れは以下のとおりです。 同期処理を開始するローカル環境で「WordPress同…

2024年11月

  1. 複数のタグを一括で一つのタグに変更する

    本ブログサイトで、青春18きっぷに関するタグが複数ある。 それらを「青春18きっぷ」に統合したいと思った。 chatGPTに相談したところ、3つの方法があるみたいだった。 一つ目の方法 DBを直接操作するという方法。 二つ目の方法 プログラムで変更するという方法。 三つ目の方法 プラグインを使用するという方法。 一番簡単な手法はどれか？ プラグインを使用するのがやはり便利だろう。 長期的な自分自身のエンジニアとしてのキャリアを考えると、DBを直接操作やPHPプログラム作成に取り組むべきだと思う。 今回は、プラグインを使用する方法を紹介したい。 仕事では時間が限られている。 その中でゴールに早く辿り着くにはどうすればいいのかを考えて実行するという視点も大…

2024年8月

  1. タグ一覧ページでget_queried_object()を使ってみた

    TCDの記事によると、get_queried_object()で、各ページのクエリ情報を取得することができる。 取得したものを変数に格納する まずはこちらの一文で、$termという変数に、get_queried_object(); で取得したものを入れておこう。 変数に格納されたオブジェクトを出力してみた こちらの記事によると、PHPで変数の内容を出力するには、var_dumpを使うので、これで$termの中身を確認してみた。 プログラミングのタグ一覧ページの場合、以下が出力された。 object(WP_Term)#8210 (11) { ["term_id"]=> int(148) ["name"]=> string(21…

2023年8月

  1. 日付ページでサブクエリを使用するときは、年月を指定してあげる必要がある

    今朝、当サイトで以前作成した「サンプル」という投稿を一覧から削除した。 その時に、post__not_inで一覧から削除したい投稿のIDを指定した。 そうすると、年月ごとの一覧ページで意図した年月の記事が表示されなくなってしまった。 年月ごとの一覧ページ 年月ごとの一覧ページとは、以下のようなページのことだ。 https://ki-hi-ro.com/2023/08/ この例の場合、2023年8月に投稿した記事のみが表示されている。 意図した記事が表示されなかった時のソースコード <?php $my_query = new WP_Query( array( 'post__not_in' => array(3874), ) ) ); if ( $m…

2023年7月

  1. WordPressで存在しない画像ファイルを判定する方法。file_exists()を使用。

    本サイトでタグのアイコンを表示させるPHPを書いているのですが、まだ画像を用意していないタグのアイコンで、Safariで？マークが表示されていました。 file_exists()とget_template_directory()という関数を使用して、画像ファイルがある時だけタグのアイコンが表示されるようにしたら、問題が解消しました。 問題を解決するまでのステップを書いていきます。 発生していた問題について詳しく 問題が発生していた時のソースコードはこちらです。 <?php $flag = get_the_tags(); foreach ( (array)$flag as $tag ) {} if($tag) : $tag_image = get_…

2023年6月

  1. ACFの画像フィールドを使用して、アップした画像が固定ページに反映されるようにする方法

    先日、CW（Crowd Works）で、「現在はCSSで背景画像が設定されているが、管理画面から画像を差し替えできるようにしたい」というご要望を受けました。 6月25日の締め切りで進めていくということに決まったので、事前準備として記事を書いていこうと思います。 使用したプラグイン ACF（Advanced Custom Field）のバージョン6.0.4を使用しました。 ACF | Advanced Custom Fields Plugin for WordPress 全体の流れ 固定ページの作成 ACFのフィールドグループの作成 ACFのフィールドグループの反映 固定ページの作成 画像をアップしたいページを作成していきます。 管理画面から新規固定ペー…

2022年12月

  1. フリーランスWEB制作、駆け出しのときに作成した模写サイトを公開します。

    私は、2019年末にプログラミングスクールTECH::EXPERTを経験した後、2020年5月ごろ2つの模写コーディングを行いました。 そのサイトを公開したいと思います。 MUJI HOTEL GINZA https://ki-hi-ro.com/reproduce/Muji-Hotel/ ユーザー名パスワードkhirokhiro Workship https://ki-hi-ro.com/reproduce/Workship/ ユーザー名パスワードkhirokhiro 番外編: はにわまんさんのコーディング 模写以外にも、Webコーダーのはにわまんさんが販売していた「コーディング練習」の教材を購入して作成したサイトがありました。 デザインカンプURL…

  2. GitHub Actionsで、自作WordPressテーマをmasterブランチにプッシュしたらデプロイされるようにした

    GitHub Actionsを使用して、本サイトのWordPressテーマを編集した後に、GitHubのmasterブランチにプッシュをすると、エックスサーバーに自動でデプロイされるようにしました。 手順1: サーバー情報4点を確認 FTPサーバー(ホスト)名 ユーザー名 パスワード リモートパス FTPサーバー(ホスト)名、ユーザー名 サーバーパネル > サブFTPアカウント設定 > FTPソフト設定 パスワード サーバーパネルにログインするときに使用しているパスワード。 リモートパス ファイルをアップロードする先のパス。 FTPソフトのCyberduckでは、アップしたいディレクトリにあった「style.css」上で右クリックで「URLをコピー」が…

2022年11月

  1. WordPressでキーワード検索を作成する方法

    本日、当サイトのサイドバーに検索ボックスを作成したので、その方法をまとめていきます。 本日作成した検索機能 キーワードを入力して、Enterキーまたは検索ボタンをクリックすると、そのキーワードが本文中やタイトルに含まれる記事が表示されます。 例えば、「vue」というキーワードで検索すると、「vue」が含まれる記事が検索結果に表示されます。 検索中 検索結果 作成手順 以下のような手順で検索機能を作成しました。 検索窓の作成・設置検索結果ページの作成見た目の調整 検索窓の作成・設置 searchform.php というテンプレートファイルを新規作成しました。 以下のコードを記入しました。 <form action="<?php echo ho…