PHP

アカウント登録の練習用ダミーページを作った（PHP）

アカウント登録の練習用ダミーページを作った（PHP）

アカウント登録の練習用ダミーページをPHPで作成しました。このページでは、データを実際に送信せずにローカルで処理し、パスワード入力やフォーム検証の練習ができます。アカウント登録の練習用ダミーページを作ったブラウザで開いてパスワード入力を練習するためのページを作りました。練習用ページでは、実際のデータは送信されず、ローカルで処理されます。データの非保存：フォームのsubmitイベントをJavaScriptで制御し、実際にはデータを送信せず、ローカルで処理しています。フォーム検証...

とりあえずのメモスマホ基礎セキュリティプログラミングホームページ運用

CSVをShift-JISにするためのオンラインツールを作った（sjis-csv）

CSVをShift-JISにするためのオンラインツールを作った（sjis-csv）

生成AIで作成したCSVファイルをExcel（オンライン版）で開いたら、文字化けしてしまいました。そこで、文字列をShift-JISにエンコードして sjis.csvとしてダウンロードし直すためだけのオンラインツールを作りました。ExcelはCSVの文字コードをShift-JISと過程する生成AI（Claude）が出力した csvファイルをそのままオンライン版のExcelで開いたら、文字化けしてしまいました。これは、UTF-8のテキストファイルをShift-JISとして開い...

2024.09.18 2024.09.19

とりあえずのメモホームページ運用

[WordPress]ランダムな記事へのボタンを追加した（functions.php）

[WordPress]ランダムな記事へのボタンを追加した（functions.php）

過去の記事を「掘り起こして」読んでもらう仕掛けとして「ランダムな記事へのボタン」を追加しました。WordPressブログにランダムな記事へのボタンを追加するカスタムウィジェットを作成しました。きっかけは、ブログの「アーカイブ」としての機能を強化したいと思ったからです。カスタムウィジェットを作成するPHPコード前の記事、ランダムな記事、次の記事へのリンクを表示するカスタムウィジェットを作りました。WordPressテーマのfunctions.phpファイルの末尾に追加したら、ウ...

とりあえずのメモプログラミングホームページ運用

[WordPress] H2タグの文字の前に番号を追加するカスタムスクリプト（functions.php）

[WordPress] H2タグの文字の前に番号を追加するカスタムスクリプト（functions.php）

H2タグの前に番号を付けるために、WordPressの functions.php にカスタムスクリプトを追加しました。H2タグを検出し文字列を置き換える処理を、フィルターとして 'the_content'に追加します。H3タグでも同様に階層的な番号付けができます。

とりあえずのメモプログラミングホームページ運用

[WordPress]画像キャプションをalt属性を自動設定するカスタムスクリプト（functions.php）

[WordPress]画像キャプションをalt属性を自動設定するカスタムスクリプト（functions.php）

WordPressの画像ブロックにおいて、キャプションをalt属性に自動設定するカスタムスクリプトを作成しました。このスクリプトは、figcaptionタグ内のテキストを優先的にalt属性に設定します。functions.phpに追加することで、画像のアクセシビリティを向上させることができます。画像のキャプションをalt文字列に活用したいWordPressの画像ブロックには、キャプションを付けることができます。画像にAlt文字列が設定されていないときに、もしキャプションがあれ...

とりあえずのメモプログラミングホームページ運用

[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）

[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）

WordPressのアイキャッチ画像にalt属性を自動設定する方法を紹介します。 functions.phpにカスタム関数を追加することで、空のalt属性に記事タイトルを設定します。この機能により、SEOとアクセシビリティの向上が期待できます。

2024.07.28 2024.08.11

とりあえずのメモプログラミングホームページ運用

WordPressカスタムプラグインに日毎のPVを表示する機能を追加した

WordPressカスタムプラグインに日毎のPVを表示する機能を追加した

WordPressプラグインに日毎のPVを表示する機能を追加しました。add_menuを追加自作のカスタムプラグインを使っています。今回は、そのプラグインに機能を追加します。※以前にプラグインを作成したのは、こちら。まず、新しいサブメニューページを chiilabo_stats_admin_menu関数内のadd_menu_page関数の引数に追加しました。add_submenu_page( 'chiilabo-stats', // 親メニューのスラッグ '日別PV', '日...

プログラミングホームページ運用

QRコード生成APIをGoogleからqrserver.comに変更した

QRコード生成APIをGoogleからqrserver.comに変更した

ついに GoogleAPIsのQRコード生成APIが終了していたので、QR code generator（goqr.me）のAPIに変更しました。変更前: ' . $url変更後: ' . urlencode($url)前提: $url = get_the_permalink();URLをURLエンコードするのがポイントです。QRコードが表示されていない？このサイトの記事を印刷すると、その記事のQRコードが印刷されるように設定しています。ところが、久しぶりに印刷されたものを確...

2024.05.09 2024.05.23

トラブルと対処プログラミングホームページ運用

詐欺サイトはスマホを狙う（ユーザーエージェント）

詐欺サイトはスマホを狙う（ユーザーエージェント）

クレジットカードなどの利用照会を装うメールから偽サイトに誘導する詐欺が横行しています。ところが、パソコンからアクセスすると適当な大手サイトにリダイレクトされました。スマートフォンからアクセスしたときだけ偽のログインページを表示するように、「ユーザーエージェント」という情報を使っていました。詐欺メールがスマートフォンを狙うのは、コンピュータ関係に詳しくない利用者が多い、と考えられているからでしょう。スマートフォンは手軽に使い始めることができますが、情報セキュリティについて自分で...

とりあえずのメモスマホ基礎セキュリティプログラミング

[Cocoon]タグ一覧から1記事しかないタグを除外した（WordPress）

[Cocoon]タグ一覧から1記事しかないタグを除外した（WordPress）

WordPressのCocoonテーマのタグ一覧で、1記事しかないタグを非表示にするように、functions.phpのショートコードを修正しました。記事数が2以上のタグを降順で表示するようにしたら、タグ一覧がスッキリして関連記事を探しやすくなりました。生成AIでコードの修正案を生成したので、数分でできました。環境WordPress, Cocoonテーマさらにタグ一覧をカスタマイズした以前、WordPressサイトで記事のタグ一覧を表示するショートコードを作りました。しかし、...

2024.04.13 2024.04.21

とりあえずのメモプログラミングホームページ運用

DokuWikiをアップグレードしてプラグインをメンテナンスした（2024 “Kaos”）

DokuWikiをアップグレードしてプラグインをメンテナンスした（2024 “Kaos”）

PHP7.4から8.0にアップグレードしたため、DokuWikiが起動できなくなりました。DokuWikiを 2024 "Kaos" にアップグレードすると、今度は動作しないプラグインが出てきました。いったんプラグインを手動削除するとログインできるようになったので、それから最新版のプラグインを入れ直しました。振り返ると、サイトのPHPをアップグレードする前に、DokuWikiのプラグインの更新を確認しておけばよかったです。ちゃんと更新をしていないと、二度手間になってしまうんだ...

2024.03.06 2024.03.07

トラブルと対処ホームページ運用作業効率化

「サイトで重大なエラーが発生しました」（ゼロ除算の2つの結果）

「サイトで重大なエラーが発生しました」（ゼロ除算の2つの結果）

PHPのバージョンを7.4から8.0に上げたら、カスタムプラグインがエラーになるようになりました。エラーをみると「ゼロ除算（DivisionByZeroError）」。これまでは除算後に NaN のチェックをしていたのですが、除算前に 0 のチェックが必要になったみたいです。どうも、除算演算子で fdiv でなく intdiv が使われるようになっていたのが原因ようです。カスタムプラグインのエラーPHPのバージョンを7.4から8.0に上げたら、以前に自分で作ったWordPre...

2024.03.05 2024.03.06

トラブルと対処プログラミングホームページ運用

WordPressカスタムプラグインのタイムアウトを避ける（mixhost）

WordPressカスタムプラグインのタイムアウトを避ける（mixhost）

カスタムプラグインでサイトの統計情報を分析しているのですが、時々タイムアウトで動かなくなってしまうんです。そこで、cPanelのMultiPHP INIエディタを使って、max_execution_timeの設定を変更してみました。これで、プラグインが途中で止まらずに済むようになりました。カスタムプラグインの動作が安定しないカスタムプラグインでサイト統計情報を分析しています。ところが、最近そのプラグインの統計ページが動かないときがあります。ページの再読み込みすると動いたりも...

プログラミングホームページ運用

WordPressが動かなくなった（PHP 8.2）

WordPressが動かなくなった（PHP 8.2）

原因は、PHPバージョンが古くて、WordPressのバージョンアップに対応できなったからのようです。PHPバージョンを8.0に上げたら、動くようになりました。ただ、8.2まで上げると、今度はプラグインの対応がうまくいかないのか、エラーになりました。折を見て、古いプラグインの利用を変更しないといけませんね。管理画面のエラーは、デバッグモードにして確認した。（参考）mixhostでWordPressのPHPエラーが表示されないときの対処方法mixhost（ミックスホスト）でPH...

2024.02.26 2024.07.18

トラブルと対処プログラミングホームページ運用追記予定の話

[WordPress] アイキャッチ画像にリンクを挿入した（ショートコード）

[WordPress] アイキャッチ画像にリンクを挿入した（ショートコード）

サイトのヒートマップなどを分析すると、けっこうアイキャッチ画像がタップされているようです。そこで、アイキャッチ画像にリンクを付けられるショートコードを作ってみました。eyecatch_link ショートコードを作った記事中に以下のようなショートコードを入力します。[eyecatch_link href=""]functions.phpにコードを追加するこのコードを解釈できるように、functions.phpにコードを追加します。/** * アイキャッチ画像にリンクを追加するシ...

とりあえずのメモプログラミングホームページ運用

[WordPress] 印刷時に管理者バー分の余白があるのが気になる（admin-bar）

管理者としてログインしているときに印刷モードでレンダリングを表示すると、上部に余白がついているのがきになりました。この余白は、html タグについているようです。どうも、管理者バーの分だけ画面全体を下にずらすのが目的のようです。WordPressのソースコードを検索すると、この余白が _admin_bar_bump_cb で設定されていることがわかりました。function _admin_bar_bump_cb() { $type_attr = current_theme_s...

2023.07.19 2023.07.20

とりあえずのメモプログラミングホームページ運用追記予定の話

[PHP] jetpack.cssを無効化する

Jetpackプラグインを有効にすると、CSSとJavaScriptが読み込まれます。/wp-content/plugins/jetpack/css/jetpack.css?ver=3.8.0これを無効にします。/** Jetpackを有効にした際に読み込まれるCSSを無効化*/add_filter( 'jetpack_implode_frontend_css', '__return_false' );こちらもどうぞ。

2023.07.02 2023.07.17

とりあえずのメモホームページ運用追記予定の話

[Mac] PC内で検証用ウェブサーバを動かす【php -S】

[Mac] PC内で検証用ウェブサーバを動かす【php -S】

phina.js のプログラムをローカルで検証するために、ウェブサーバを立ち上げることにしました。ブラウザでHTMLファイルを開いてもサイトと違うただのファイルとして html を開いた場合（たとえば「file:///Users/user/html/index.html」など）、JavaScriptから相対アドレスでほかのローカルファイルを読み込んだりはできません。JavaScriptのセキュリティ上の制限で、ローカルファイルにはアクセスできないからです。そのため、サイトデー...

2023.06.05 2023.06.07

Macとりあえずのメモプログラミングホームページ運用

[WordPress] 文章校正プラグイン Japanese Proofreading Preview を使いたい

[WordPress] 文章校正プラグイン Japanese Proofreading Preview を使いたい

文章校正プラグイン「Japanese Proofreading Preview」を試してみました。（参考）Japanese Proofreading Preview – WordPress plugin | WordPress.orgこのプラグインは、Yahoo!の「校正支援API」をWordPressエディタから呼び出せるようにするものです。設定のため、Yahooの登録でAPIを利用できるようにしました。アプリケーションの管理：Yahoo!デベロッパーネットワークしかし、設...

とりあえずのメモプログラミングホームページ運用追記予定の話

[PHP] タグ一覧に件数を追加する（Cocoon）

[PHP] タグ一覧に件数を追加する（Cocoon）

ショートコードで表示している、ブログの記事のタグ一覧に、「件数」を追加しました。「タグリンク」をタップしても表示される記事が少ないと、別のタグを探し直さないといけないからです。前回はこちら。「クリック率向上のために！WordPressで「タグ一覧」に「記事数」を追加する方法」のコードを元に、ショートコード用関数にするために echo の部分を return にして、文字列を返すようにします。// the_tags_with_count() の末尾echo $before . ...

2023.05.21 2024.04.21

とりあえずのメモプログラミングホームページ運用

[WordPress] 自作プラグインに投稿文字数を計測するスクリプトを追加した【dbDelta】

[WordPress] 自作プラグインに投稿文字数を計測するスクリプトを追加した【dbDelta】

自作 WordPressプラグインに、一日の投稿文字数をカウントする機能を追加しました。大まかな処理の流れはプラグインの有効化時に投稿文字数カウント用のデータベースを作成するプラグイン表示時に、累計の投稿文字数を追加する（ただし、同じ日付のデータがあれば更新する）管理メニューでデータベース集計を表形式で表示する一日の成果を文字数で把握できると、ちょっとモチベーションアップになるかも？前回はこちら。データベースの作成（dbDelta）一番手間取ったのは、データベースを作成する処...

2023.05.06 2023.06.04

とりあえずのメモプログラミング作業効率化操作には要注意

[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した

[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した

どんな記事が安定して読まれているのか把握するために、平均PVを調べたいと思いました。前回作った月別ページビュー集計の自作プラグインに追加します。前回はこちら。管理ページにサブメニューを追加する（add_submenu_page）最終的に出来上がったのがこちら。ブログの勢いを将棋の駒でランク付けしています。書いた記事が、駒得で変換されるのでモチベーションが上がります。野球が好きなら、ヒットやホームランでもいいんだろうね。まずは、メニューに項目を追加します。WordPressプラ...

とりあえずのメモニッチな話題プログラミングホームページ運用

[WordPress] 投稿月でグループ分けした月別PV集計表を見るためのカスタムプラグインを作った【ChatGPTと】

[WordPress] 投稿月でグループ分けした月別PV集計表を見るためのカスタムプラグインを作った【ChatGPTと】

一ヶ月分のブログ公開がどれぐらいのページビューにつながっているのか、集計する自分用のWordPressプラグインを作成しました。自分にとっては未経験の分野でしたが、対話型AI「ChatGPT」に相談してみると、使える叩き台を用意してくれました。WordPressプラグインづくりははじめてでしたが、かなりの時間短縮。無事に完成しました。アクセス集計プラグイン一ヶ月分のブログ公開が、どれぐらいの成果になっているのか知りたいことがあります。これまでは、Google Analytic...

2023.03.18 2024.05.10

とりあえずのメモプログラミングホームページ運用

[Cocoon] ラベルボックスの枠の色を修正した（gutenberg.php）

[Cocoon] ラベルボックスの枠の色を修正した（gutenberg.php）

Cocoon バージョン: 2.5.7.4 に更新したところ、ラベルボックスの枠の色がおかしくなってしまいました。ラベルボックスの枠を「白」に設定していた箇所が、「黒」に表示されています。追記Cocoon バージョン: 2.5.7.5 で修正されました。（参考）更新後にラベルボックスの枠の色がおかしい？ | 不具合報告 | Cocoon フォーラムラベルボックスの枠とクラスを検証Chromeでスタイルを検証すると、「.has-white-border-color」なのに「va...

2023.02.19 2023.02.21

とりあえずのメモホームページ運用

[Cocoon] 記事の関連タグをサイドバーに表示した・その2（ショートコードにできた）

[Cocoon] 記事の関連タグをサイドバーに表示した・その2（ショートコードにできた）

結論としては、the_tag_links() ではなく、get_the_tag_links()を呼べばよかっただけでした。以前の方法の問題点以前、記事の関連タグをサイドバーに表示するときに、ショートコードにできず、テキストウィジェットでPHPコードを実行する、という方法でむりやり解決していました。ただし、この方法はウィジェットを確認するたびに、ビジュアル表示になって「コードが評価」されててまうため、作り直しが必要でした。ウィジェットを確認するだけで壊れてしまうのです……その後...

とりあえずのメモプログラミングホームページ運用

Cocoonで作った注目記事ランキングのショートコードを修正した

Cocoonで作った注目記事ランキングのショートコードを修正した

Cocoonテーマのコードを利用して、自前の「注目記事ランキング」を作っていたのですが、更新によってエラーになってしまいました。改めて、コードを修正して直すことができました。サイトのPHPにエラーがある教室ホームページを見たら、ページにエラーが表示されて、レイアウトが崩れていることに気づきました。（2022年10月17日）。このサイトで重大なエラーが発生しました。WordPressのトラブルシューティングについては、こちらをご覧ください。このエラーは、WordPressサイト...

2022.11.04 2022.11.05

とりあえずのメモニッチな話題プログラミングホームページ運用

WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】

WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】

MacでWordPressのエディタにコピペをすると、<meta charset="utf-8">というタグが追加されてしまうことがあります。これを放置すると、Google Search Consoleで「AMPエラー」になってしまいます。検索結果にAMPページが除外されてしまうので、「表示の遅いページ」という評価になってしまいます。ビジュアルエディターでは見つけにくいエラーなので、いちいちコードエディタに切り替える必要があります。「utf」で検索して、ちまちま修正していた...

プログラミングホームページ運用

【再挑戦】AMPページでクリックURLを記録する【Google タグマネージャーのユーザー定義変数・CSSセレクタ】

【再挑戦】AMPページでクリックURLを記録する【Google タグマネージャーのユーザー定義変数・CSSセレクタ】

ウェブサイトのアクセス解析に Googleアナリティクスを使っていますが、単体では外部サイトへのクリック数を計測できません。通常ページのクリックは、Googleタグマネージャーを使って計測できましたが、AMPページ用のコンテナにはクリックURLの組み込み変数がなく、頓挫していました。前回はこちら。約１年前ですね。通常ページだけでも、傾向を掴むことはできるのですが、やはり外部リンクへのクリックの実数を確認しておきたいと思い、改めて挑戦しました。WordPressのfunct...

2021.10.16 2023.07.10

インターネット小話プログラミングホームページ運用

[Cocoon] 記事のタグをサイドバーに表示した（タグクラウドではない）

[Cocoon] 記事のタグをサイドバーに表示した（タグクラウドではない）

ブログのサイドバーの項目を見直してみました。WordPressのサイドバーに記事のタグを追加したカスタム検索とナビゲーションメニューの間に、・リンク・目次・タグ・関連記事を追加しました。とくに、記事のタグを追加するのが、大変だったのでメモします。「タグ」を表示する今回、サイドバーにタグを設置しようと思ったのは、検索が面倒な人に関連記事を探しやすくしたいからです。Cocoonテーマでは、記事のタイトル上下や本文下には、「タグ」を表示することができます。Cocoonの投稿にタグを...

2021.04.04 2024.04.21

インターネット小話ニッチな話題ホームページ運用

「URLはGoogleに登録されていますが問題があります」？【AMP動画の必須属性】

「URLはGoogleに登録されていますが問題があります」？【AMP動画の必須属性】

Googleの検索にブログのURLを登録しようとしたら、こんなエラーに遭遇しました。動画を扱っているページだったので、動画のAMP対応をしました。「URLはGoogleに登録されていますが問題があります」とはブログ記事が出来上がって、Google Search Consoleで、URLをテストしました。インデックス登録の仕方と意味についてはこちら。すると、エラーメッセージが表示されました。URLはGoogleに登録されていますが問題がありますAMP AMPページが無効ですはい...

2020.10.08 2021.10.19

ニッチな話題ホームページ運用

スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】

スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】

こないだは自作の画像ファイルをクリエイティブ・コモンズ・ライセンスで公開する方法を調べました。せっかく作った図案のうち、再利用できそうなものは、ほかの方も使えるようにすると便利なはずです。しかし、ライセンス情報をHTMLで記述するのは大変です。そこで、ショートコードで省力化できないか、と考えました。それが今回のお題です。ショートコードで実現したい目標ショートコードは[cc_img url=画像のURL name=表示名]という書き方にします。つまり、こんなふうに入力したらこん...

2020.09.25 2021.10.19

インターネット小話ニッチな話題ホームページ運用

WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】

WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】

WordPressのカスタマイズにはPHPコードを利用しますが、テンプレートをいじるのはなんか不安です。ウィジェットとしてPHPコードを実行したいと思います。追記（2024-07-20）任意のPHPコードを評価する機能は、セキュリティリスクが大きいので削除しました。カスタムHTMLではPHPコードは実行できないまず試したのがウィジェットの「カスタムHTML」です。しかし、「<?」で始まるタグはエラーになってしまいます。Special characters must be es...

2020.09.22 2024.07.20

ニッチな話題プログラミングホームページ運用

[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】

[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】

Cocoonテーマのブログカードをはてなブログ風のデザインに変更する方法を紹介します。 functions.phpファイル内のurl_to_internal_blogcard_tag関数を修正して、ブログカードの要素の表示順を変更します。ブログロゴを上部に移動させ、CSSで抜粋のフォントサイズなどを調整することで、目的のデザインを実現できます。

2020.09.15 2024.08.08

ニッチな話題ホームページ運用