functions.php

[WordPress]「子テーマ」の構造と自作する方法

[WordPress]「子テーマ」の構造と自作する方法

WordPressの子テーマは親テーマをもとに作られたカスタマイズ用の追加テーマで、テーマのアップデート時にも自分の変更内容を保持できます。子テーマを作るには主にstyle.cssとfunctions.phpの2つのファイルが必要で、親テーマとの連携にはTemplateの指定が重要です。作成した子テーマはZIP形式に圧縮してWordPressの管理画面からアップロードすると簡単にインストールできます。子テーマとは何か？WordPressの「子テーマ」は、「親テーマ」をもとに作...

2025.03.31 2025.04.03

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

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP）

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP）

アイキャッチ画像のファイルサイズを小さくしつつ表示サイズを維持することで、WordPressサイトの表示速度を改善できます。子テーマのfunctions.phpに専用コードを追加すると、LCPの値が16,130ミリ秒から15,380ミリ秒へと少し短縮できました。理想的な表示速度にはまだ達していないため、サーバー応答時間の改善やLazy Load設定の見直しなど追加対策も必要です。 .title { font-size: 24px; font-weight: bold; fil...

2025.03.12 2025.03.13

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

WordPressの編集画面での差し替えた画像が古い状態で表示される？（画像キャッシュ）

WordPressの編集画面での差し替えた画像が古い状態で表示される？（画像キャッシュ）

WordPressの画像キャッシュ問題により、差し替えた画像が古い状態で表示されることがあります。これは、ブラウザのキャッシュと画像URLの仕様が主な原因でした。キャッシュが読み込まれないように、functions.phpに管理者用に JavaScriptのコードを追加して、動的に画像URLにタイムスタンプを付与するようにしました。WordPressの画像キャッシュ問題WordPressでサイトを運営しているのですが、差し替えた画像ファイルをプラグイン（Media Clean...

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

WordPressにSVG画像をアップロードできるようにした（functions.php）

WordPressにSVG画像をアップロードできるようにした（functions.php）

WordPressではセキュリティ上の理由からSVGファイルのアップロードが制限されています。functions.phpにカスタム関数を追加すれば、ブログエディタでのSVGアップロードを許可できます。ただし、アップロードを許可する場合、リスクも認識しておくことが大事です。「このファイルタイプ（SVG）をアップロードする権限がありません」WordPressにSVGファイルをアップロードしようとしたらエラーになりました。このファイルタイプをアップロードする権限がありません。fun...

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

[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]ブロックエディタに「書式のクリア」のショートカットキーを追加した（functions.php）

[WordPress]ブロックエディタに「書式のクリア」のショートカットキーを追加した（functions.php）

WordPressのブロックエディタに「書式のクリア」のショートカットキーを追加しました。functions.phpとcustom-editor.jsを使用して、Command+Jで「書式のクリア」をできるようにしました。「書式のクリア」のショートカットキーを追加したいWordPressのブロックエディターにControl+Spaceでテキストの書式をクリアするショートカットキーとして「Command+J」を追加しようと思います。ブロックエディタの「書式のクリア」は、そのほか...

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

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

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

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

2024.07.28 2024.08.11

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

[WordPress]インデックスされていた変なURL “page/74/?cat=-1”を除外した（functions.php）

[WordPress]インデックスされていた変なURL “page/74/?cat=-1”を除外した（functions.php）

WordPressサイトのGoogle Search Consoleで、「page/74/?cat=-1」のような変なURLがインデックスされていました。このような記事一覧ページを検索インデックスから除外するために、functions.phpにコードを追加しました。page/74/?cat=-1とは？（記事一覧ページ）Google Search Consoleのインデックス済みのページを眺めていたら、変なURLがありました。 https://chiilabo.co.jp/pa...

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

サイト内タグをハッシュタグ化っぽくした（functions.php）

サイト内タグをハッシュタグ化っぽくした（functions.php）

Google検索結果で、ハッシュタグ（#）を含む投稿が増えてきています。そのため、自分のサイトでもタグにハッシュマークを追加することにしました。functions.phpとstyle.cssを編集し、サイト内のタグがハッシュタグの形式で表示されるようにしました。

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

なぜかnoindexにしているはずのタグ一覧ページが検索結果に出てきた

なぜかnoindexにしているはずのタグ一覧ページが検索結果に出てきた

noindexにしたはずのタグ一覧ページが検索結果に表示されていました。原因を調べたところ、タグページ自体ではなく、そのフィードページがインデックスに残っていたことが分かりました。問題を解決するために、functions.phpにコードを追加し、フィードページをnoindexにしました。サイト内検索でタグページが出てきた自分のサイト内検索を行ったところ、タグによる記事一覧ページが検索結果に表示されていました。タグによる記事一覧は情報量が少なく、「低品質コンテンツ」とみなされる...

2024.05.18 2024.05.23

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

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] サイトロゴのリンク先をページ種類で変えた（WordPress）

[Cocoon] サイトロゴのリンク先をページ種類で変えた（WordPress）

Cocoonテーマでサイトロゴのリンク先を変更したいと思って、 functions.phpをカスタマイズしました。add_filterで「'mobile_header_site_logo_url'」の処理で条件分岐するようにして、記事ページとトップページではブログ一覧に移動するように変更しました。ロゴのリンク先を分岐させたいサイト上のロゴを押したとき、通常はトップページに移行します。しかし、記事上に限ってはブログ一覧ページに移行するように変更しようと思います。以下のコードを ...

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

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

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

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

2024.04.13 2024.04.21

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

サイトを複製されたくないのでRSSフィードを非公開にした[WordPress]

サイトを複製されたくないのでRSSフィードを非公開にした[WordPress]

複製サイトが情報源として「RSSフィード」を使っている事例に遭遇しました。そこで、WordPressサイトのRSSフィードを無効にすることにしました。functions.phpでRSSフィードを生成する処理をフックで置き換えます。WordPressサイトのRSSフィードを置き換えるコード公開されているコードを参考に、RSSフィードを無効化することにしました。function disable_our_feeds() { wp_die( __('<strong>Error:</s...

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

[Cocoon] 「SNSシェア」ボタンをショートコードで表示できるようにした

[Cocoon] 「SNSシェア」ボタンをショートコードで表示できるようにした

記事内で、以下のショートコードを入力することで、好きな位置にSNSシェアボタンを出せるようにしたいと思います。[sns_share_buttons]できたコード（functions.php）はこちら。/** CocoonのSNSシェアボタンを表示するショートコード 2024-02-18 */add_shortcode( 'sns_share_buttons', 'wrap_get_template_sns_share' );if ( ! function_exists( 's...

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

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

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

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

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

[WordPress] 遅延読込みのせいで印刷時に画像が消えていた（loading=”lazy”, decoding=”async”）

[WordPress] 遅延読込みのせいで印刷時に画像が消えていた（loading=”lazy”, decoding=”async”）

ブログを冊子印刷にして配布しているのですが、一部の画像が印刷されていないことがあります。画像の遅延読込みで失敗しているようです。WordPress によって自動的に付加される「loading=”lazy”」「decoding=”async”」を消すよう、functions.php を編集しました。add_filter( 'wp_lazy_loading_enabled', '__return_false' );add_filter('wp_img_tag_add_decod...

2023.06.29 2023.06.30

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

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

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

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

2023.05.21 2024.04.21

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

次のページ

1 2