![[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）](https://chiilabo.com/wp-content/uploads/2024/07/image-28-32-1024x576.jpg.webp)
とりあえずのメモ[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）
WordPressのアイキャッチ画像にalt属性を自動設定する方法を紹介します。functions.phpにカスタム関数を追加することで、空のalt属性に記事タイトルを設定します。この機能により、SEOとアクセシビリティの向上が期待できます。
ホームページ運用
とりあえずのメモ
とりあえずのメモWordPressサイトに二要素認証を追加した（Two-FactorプラグインとGoogle Authenticator）
WordPressの安全性を高めるために、二要素認証を導入しました。Two-Factorプラグインを使用し、Google Authenticatorアプリと連携させて設定しました。ログイン時には、IDとパスワードの入力後に、アプリで生成されたコードも入力する必要があります。（参考）Two-Factor – WordPress プラグイン | WordPress.org 日本語WordPressに二要素認証を導入する最近、WordPressプラグインの改ざん被害に間一髪で逃れま...
とりあえずのメモBingの更新情報サービスとIndexNowを追加した
せっかく書いた記事が Bingの検索結果に表示されないことでちょっと困っています。前回は…そこで、「更新情報サービス」への通知設定を追加しました。更新情報サービス「更新情報サービス」は、あなたが新しい記事を公開したときに、検索エンジンなどの外部サイトに「新しい記事がありますよ」と教えてくれるサービスです。更新情報サービスを使うと、検索エンジンに「今すぐ見に来てください」とお知らせすることができます。これにより、検索エンジンが新しい記事を素早く見つけて、検索結果に反映させやすく...
ホームページ運用ドメインを変更したのにBingの検索結果に反映されない？（Bing Webmaster Tools）
サイトのドメインを変更しましたが、Bingの検索結果に新ドメインが反映されていません。Bingウェブマスターツールで新ドメインの追加やサイトマップの提出を行いましたが、インデックス登録に問題があるようです。Bingウェブマスターガイドラインに従って対策を行い、インデックスNow APIの使用を検討する必要があります。ドメイン変更がBingに反映されていないサイトのドメインを変更しましたが、Bingの検索結果に反映されません。 過去のドメインが検索結果に表示されています。 Bi...
とりあえずのメモWordPressのカスタムプラグインのエラー（get_postsのメモリ不足）
自作プラグインが動かなくなった原因は、サーバー処理のメモリ不足でした。 $posts = get_posts( array( 'post_type' => 'post', 'post_status' => array( 'publish', 'pending', 'draft', 'future'), 'orderby' => 'modified', /* date, modified */ 'numberposts' => -1 ) ); $count = 0; forea...
![[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）](https://chiilabo.com/wp-content/uploads/2024/07/image-13-4-1024x576.jpg.webp)
とりあえずのメモ[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）
WordPress 6.6のアップグレードにより、ブロックの検索キーワード設定機能が使えなくなりました。JavaScriptを使用して、子テーマに直接スラッシュインサータの機能を追加する方法を実装しました。add-block-keywords.jsというJavaScriptを追加して、functions.phpから読み込むようにしました。WordPress 6.6にしたらプラグインが動かなくなったWordPress 6.6にアップグレードしました。すると、ブロックの「高度な設...
![[WordPress]Ad Invalid Click Protectorのマルウェア感染と修復（バージョン 1.2.9）](https://chiilabo.com/wp-content/uploads/2024/07/image-1-6-1024x576.jpg.webp)
とりあえずのメモ[WordPress]Ad Invalid Click Protectorのマルウェア感染と修復（バージョン 1.2.9）
WordPressプラグイン「Ad Invalid Click Protector 1.2.9」で不正アクセスの被害があったそうです。開発者のアカウントがハッキングされ、一時的にではありますが「悪意のあるコード」を埋め込まれたことが原因です。すでに問題は最新バージョンでは修正されています。たまたまプラグイン更新のタイミングで被害を免れましたが、すぐに更新していたり、プラグインレビューチームの迅速な対応がなかったらと思うとゾッとします。「Ad Invalid Click Pro...
![[WordPress]管理者ログインしていないときだけ実行するJavaScriptを追加した（分離）](https://chiilabo.com/wp-content/uploads/2024/07/image-48-1024x576.jpg.webp)
ホームページ運用[WordPress]管理者ログインしていないときだけ実行するJavaScriptを追加した（分離）
以前に、下にスクロールするとヘッダーメニューを半透明にするスクリプトを入れました。しかし、自分がログインしているときは不要なのでオフにすることにしました（画面録画するときに撮影範囲がわかりにくい）。環境：WordPress, Cocoon, Cocoon子テーマいったん javascript.jsの以下のコードを削除して、管理者ログインしていないときに限定します。/** * 2024-07-04 管理者ログインしていないときのスクリプトを分けた * 下にスクロールするとヘッダ...
![[Cocoon] ブログカードを2列に並べるCSS](https://chiilabo.com/wp-content/uploads/2024/07/image-3-1024x576.jpg.webp)
とりあえずのメモ[Cocoon] ブログカードを2列に並べるCSS
メッセージ動画の一覧を並べるために、Cocoonのブログカードに「thumbnail-only」のCSSクラスを追加しました。style.cssに以下のコードを追加しました。ポイントは、「display: flex」と「flex-wrap: wrap」です。/** 2024-07-01 ブログカードを2列に並べるCSS */.blogcard-type.thumbnail-only .blogcard-snippet{ display: none;}.blogcard-typ...
AndroidLINE公式アプリで通知が来ない（通知の受信に必要な端末の情報）
LINE公式アプリをインストールしたが、通知の受信テストでエラーが発生しました。LINEサポートに問い合わせたところ、翌日には不具合が修正されました。「通知の受信に必要な端末の情報」の処理はLINEサーバ上で行われていたようです。環境：Galaxy A20, Android 11, LINE Official Account 5.2.0、SIMなし（Wi-Fiのみ）。LINE公式アプリのテスト通知が受信できない古いスマートフォンを連絡確認用に使おうと、「LINE公式（管理アプ...
とりあえずのメモ【断念】WordPressでタイトルからアイキャッチ画像を自動生成したい（Auto Post Thumbnailプラグイン）
WordPressでタイトルからアイキャッチ画像を自動生成したかったのですが、結局 断念しました。ざっと調べたものは、$55の有料版限定であったり、日本語の文字化けがあったりしたからです。この記事のアイキャッチ画像は、結局 Keynoteで作りました。Auto Post Thumbnailのダウンロード数が最多はてなブログなど、記事のタイトルがそのままアイキャッチになるサービスが便利そうです。SNSで見かけたときに、読みたくなります。WordPressでも同じようにできないか...
![[CSS]ラベルボックスをスライド画像風にした](https://chiilabo.com/wp-content/uploads/2024/06/image-13-58-1024x576.jpg.webp)
プログラミング[CSS]ラベルボックスをスライド画像風にした
ふだんは、説明用の画像スライドを用意しているのですが、WordPress上で簡易版の文字スライドを作れるようにしました。まず、このようなラベルボックス（Cocoon汎用ブロック）を作ります。ラベルボックスのスライド化枠線を半透明のグレーに設定ラベル背景色を明るいベージュに変更要素の幅を内容に合わせて自動的に調整要素の左右の余白を自動的に調整これをカスタムクラス「slide」に追加します。ラベルボックスのスライド化枠線を半透明のグレーに設定ラベル背景色を明るいベージュに変更要素...
とりあえずのメモcPanelの迷惑メールフィルターを強化した（Apache SpamAssassin）
仕事用のメールアドレスに届く迷惑メールが、うまく振り分けられていないことに気づいたので、メールサーバーの設定を変更することにしました。cPanelのスパムフィルタ私が使用しているレンタルサーバーでは、「cPanel」の管理メニューから「スパムフィルタ」が設定できました。このスパムフィルタは、「Apache SpamAssassin」が搭載されていました。スパム閾値スコアを下げる関係するのは、「スパム閾値スコア（Spam Threshold Score）」。この値を調整すると、...
![[CSS] 一行目以外にスタイルを設定するには？（否定擬似クラスには擬似要素を入れられない）](https://chiilabo.com/wp-content/uploads/2024/06/image-13-10-1024x576.jpg.webp)
とりあえずのメモ[CSS] 一行目以外にスタイルを設定するには？（否定擬似クラスには擬似要素を入れられない）
:not(::first-line)は無効になるtitle-listクラスのリスト要素（li）の各一行目を太字にしています。このCSSセレクタは、.title-list li::first-line 二行目以降にスタイルを設定したいと思いました。一見、::first-line 擬似要素を :not() 否定擬似クラスに入れれば、リスト項目の最初の行以外を選択するセレクタになりそうです。.title-list li:not(::first-line) しかし、これはうまくいきま...
とりあえずのメモリスト内の項目の1行目だけを太字にする（::first-line 疑似要素）
CSSを使って要素内の最初の行だけを太字にできます。/** title-listクラスのリスト 2024-06-02*/.title-list li { font-size: 80%;}.title-list li::first-line { font-weight: 900; font-size: 120%; }li セレクターを使って、全ての <li> 要素のフォントウェイトを normal に設定しています。これにより、デフォルトでは <li> 要素内のテキストは太字に...
とりあえずのメモYouTubeチャンネルが登録者を増やす意味
YouTubeアルゴリズムでは、まずは公開した動画が登録者に高く評価され、さらに新規視聴者にも届く、という「二段階」がつながって初めてチャンネルが成長します。「登録者が動画を見てくれる」と露出が増え、雪だるま式で成長できるのです。登録者が増えた要因を分析し再現性を高めることが大事。登録者がつくことの重要性YouTubeチャンネルで登録者数を増やすのは大変。実は、100人を超えるYouTubeチャンネル運営者は上位40%。逆に言うと、60%のチャンネルは100人未満で止めてしま...
とりあえずのメモ[Cocoon]アイコンリストにステップ箇条書きのカスタムクラスを追加した
これが普通のアイコンリストです。追加CSSクラスにstep-listを追加する全体が太字になる2行目はそのままリストタイトルの文字が大きくなる項目内の行間と項目間の余白が調整されるそこに、追加CSSクラスに「step-list」を入れて、アイコンを変更してみます。 追加CSSクラスにstep-listを追加する全体が太字になる2行目はそのままリストタイトルの文字が大きくなる項目内の行間と項目間の余白が調整されるstyle.cssに追加しました。/** step-listタグを...
とりあえずのメモGoogle広告から「Important updates」というメールが届いた
Googleから、2024年にアメリカの複数の州でプライバシー保護が強化されることに伴い、広告ターゲティングの制限に対応するという通知メールが届きました。ユーザーの同意なしに個人情報を使った広告ターゲティングが制限されるため、個人ごとにパーソナライズする広告は配信が制限されます。今後は、個人情報を直接使わずに、興味関心が似たユーザーをグループ化し、そのグループに最適化された広告を配信する手法などが重要になってきます。個人に合わない広告しか出てこないのも厄介なのに……「Impo...
とりあえずのメモ誤って公開されたGoogle検索の内部文書から見える「知識の倉庫の使い方」（Content Warehouse API）
最近 Googleの検索アルゴリズムに関する内部文書が流出したそうです。「Content Warehouse（コンテンツ倉庫）」は、Google検索の情報を貯める貯蔵庫です。その使い方を示す「Google Search's Content Warehouse API」の内部文書が GitHub に誤って公開されていたことで、Google検索の内部構造と従来の説明と食い違う実態が明らかになりました。とはいえ、これまで検索エンジンの振る舞いから推測されていたことが追認された、とい...
![[AdSense]自分のサイトに表示された偽装広告に対処した（不適切な広告をブロック）](https://chiilabo.com/wp-content/uploads/2024/05/image-19-1-1024x576.jpg.webp)
スマホ基礎[AdSense]自分のサイトに表示された偽装広告に対処した（不適切な広告をブロック）
自分のサイトで、記事の「続きを読む」ボタンに偽装した不適切な広告を発見し「ブロック」しました。広告の行き先はサポート詐欺の偽サイトで、広告主は同様の広告を長期的に出し続けているようでした。SNSでも同様の被害が発生しており、インターネット広告業界の自浄作用はなかなか期待できないのかもしれません。YouTube動画でも話しています。変な広告ボタンを発見自分のサイトを見ていたら、「次のページ」という変なボタンがあることに気が付きました。このボタンは広告が出しているもので、記事の続...
![[AdSense]オファーウォールを勧められたけど止めた（リワード広告）](https://chiilabo.com/wp-content/uploads/2024/05/image-14-3-1024x576.jpg.webp)
とりあえずのメモ[AdSense]オファーウォールを勧められたけど止めた（リワード広告）
Google AdSenseから「オファーウォール」の導入を提案するメールが届きました。オファーウォールは、広告を見ないとサイト閲覧させない、という仕組みです。一定のページビューに達した訪問者に「リワード広告」を表示して、広告を最後まで見てくれた人に「報酬」としてサイトを閲覧できるようにするのです。サイト内の情報が「リワード」なんだね。よっぽどそこにしかない情報じゃないと、ほかに行くかな。訪問者にとってはかなり煩わしく感じられるので、自分のサイトでは導入しないことにしました。...
![[JavaScript]全選択で記事部分だけになるようにした](https://chiilabo.com/wp-content/uploads/2024/05/image-13-57-1024x576.jpg.webp)
とりあえずのメモ[JavaScript]全選択で記事部分だけになるようにした
自分のサイト内の記事全体を選択しやすいように、スクリプトを作りました。window.getSelection()テーマのjavascript.jsに以下のコードを追加しました。document.addEventListener('keydown', function(event) { if ((event.ctrlKey || event.metaKey) && event.key === 'a') { event.preventDefault(); const articl...
![[WordPress]インデックスされていた変なURL “page/74/?cat=-1”を除外した（functions.php）](https://chiilabo.com/wp-content/uploads/2024/05/image-13-49-1024x576.jpg.webp)
とりあえずのメモ[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...
#非営利Google AdSenseのインテント広告を表示してみたけれど（やっぱりやめた）
自分のサイトに、Googleの新しい「インテント広告」が表示されていたので試してみました。しかし、関連性や有益性に欠けると感じたため、オフにしました。一つのキーワード検索なので検索結果が大雑把で、ちゃんとした関連情報になっていないからです。また、広告を記事中のキーワードに紐付けて表示する手法は、煩わしいだけでなくステルスマーケティングのような懸念もあります。有益な情報がスムーズに知ることができる検索広告なら利用者としても歓迎なのですが、今のところ その精度が足りない気がします...
![[Cocoon] ブログカードのラベルを小さくしたけど](https://chiilabo.com/wp-content/uploads/2024/05/image-13-2-1024x576.jpg.webp)
とりあえずのメモ[Cocoon] ブログカードのラベルを小さくしたけど
ブログカードのラベルを表示させたとき、シンプルなカードデザインと合わないと感じました。少し重なっています。そこで、ラベルの大きさを少し小さくしてみました。/** ブログカードのラベルを小さく 2024-05-19 */.blogcard-label { top: -22px; left: 0px; padding: 0px .6em;}Cocoonテーマには「ブログカード」ブロックがあり、ラベルを設定できます。しかし、スタイルシートを変更して表示を確認したところ、予想と異なる...
とりあえずのメモサイト内タグをハッシュタグ化っぽくした（functions.php）
Google検索結果で、ハッシュタグ（#）を含む投稿が増えてきています。そのため、自分のサイトでもタグにハッシュマークを追加することにしました。functions.phpとstyle.cssを編集し、サイト内のタグがハッシュタグの形式で表示されるようにしました。
とりあえずのメモなぜかnoindexにしているはずのタグ一覧ページが検索結果に出てきた
noindexにしたはずのタグ一覧ページが検索結果に表示されていました。原因を調べたところ、タグページ自体ではなく、そのフィードページがインデックスに残っていたことが分かりました。問題を解決するために、functions.phpにコードを追加し、フィードページをnoindexにしました。サイト内検索でタグページが出てきた自分のサイト内検索を行ったところ、タグによる記事一覧ページが検索結果に表示されていました。タグによる記事一覧は情報量が少なく、「低品質コンテンツ」とみなされる...
とりあえずのメモサイトのトップページに最新のYouTube動画を埋め込んでみた
教室紹介ページに、教室のYouTubeチャンネルの最新動画を埋め込みました。YouTubeの埋め込みコードを使用し、CSSで表示を大きく調整しました。iframeタグのallow属性で、埋め込まれた動画に付与する機能を指定しています。教室紹介ページへの最新YouTube動画の埋め込み教室に興味を持った人に、どのような教室なのかを知ってもらうために、YouTubeを活用するのが良いと考えました。そこで教室を紹介するトップページに、最新のYouTube動画を表示できるようにしまし...
とりあえずのメモElectron, npm, nodeを久々に更新した（nvm）
npm、nodeを久々に更新しようとしたところ、ESMモジュールシステムと古いCommonJSモジュールシステムの競合によるエラーが発生しました。Node.jsとnpmのバージョンに互換性がない可能性があるため、Node.jsのバージョン管理ツールであるnvmをインストールしました。nvmを使ってNode.jsの最新LTSバージョンをインストールし、npmを10.7.0にアップデートすることで問題を解決しました。npmの更新通知久々にElectronプログラムを作ろうと、np...
![[JavaScript]下にスクロールするとヘッダーメニューを半透明にするようにした](https://chiilabo.com/wp-content/uploads/2024/05/image-9-37-1024x576.jpg.webp)
プログラミング[JavaScript]下にスクロールするとヘッダーメニューを半透明にするようにした
Xのタイムラインを見ていたら、画面のメニューバーの透過度が上下のスクロールに応じて変化していることに気づきました。少し下にスクロールすると半透明になり、少し上にスクロールすると元に戻っています。自分のサイトのヘッダーメニュー（mobile-header-menu-buttons）でも、このような処理をするように、JavaScriptを作りたいと思います。画面内の情報の表示範囲が増えるからです。javascript.jsとstyle.css機能ユーザーがページを下にスクロールす...
とりあえずのメモサイト移転後の記事インデックスの「重複」をどうする？（正規URL）
サイト移転してから1週間が経ったものの、旧ドメインのページと重複した状態で、新ドメインのページがなかなかインデックスされていません。301リダイレクトやSearch Consoleでの設定が正しくできていれば、そのうちインデックスは更新されるようです。さしあたり「サイト移行中」の処理が終わるまでは、様子を見てもよさそうです。あんまり反映されないようなら、旧ドメインのページにcanonicalタグを入れたり、旧URLの削除をリクエストしたりするのも手かもしれません。新ドメインの...
とりあえずのメモAdSense レポートの最低基準の引き上げはとりあえず延期になった
GoogleAdSenseから、レポート閾値変更の日程を延期するお知らせメールがありました。当初、2024年5月15日から一部のレポートを簡略化する予定でしたが、急な変更は見送られることになりました。ただ、変更の方針はそのままで、十分な準備期間を設けられるように日程を再調整するそうです。さすがにアナウンスして半月での大幅な仕様変更は、急すぎたのですね。メールが届いた「Important updates on minimum reporting threshold for Cu...
プログラミングWordPressカスタムプラグインに日毎のPVを表示する機能を追加した
WordPressプラグインに日毎のPVを表示する機能を追加しました。add_menuを追加自作のカスタムプラグインを使っています。今回は、そのプラグインに機能を追加します。※以前にプラグインを作成したのは、こちら。まず、新しいサブメニューページを chiilabo_stats_admin_menu関数内のadd_menu_page関数の引数に追加しました。add_submenu_page( 'chiilabo-stats', // 親メニューのスラッグ '日別PV', '日...
トラブルと対処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コードが印刷されるように設定しています。ところが、久しぶりに印刷されたものを確...
とりあえずのメモGoogle検索でファビコンが表示されなかったのでインデックスのリクエストをした
Google検索でサイトをみると、ファビコン（サイトのアイコン）が表示されていません。ところが、サイトを表示してChromeのタブなどをみると、ちゃんとファビコンがあります。そこで、ファビコンのソースからURLを確認して、Google Search Consoleでインデックスのリクエストをしました。ファビコンは以下のような形式で、ページHTMLに記載されています。<link rel="icon" href="/path/to/favicon.ico">自分のサイトの場合は、...
![[Cocoon] WordPressのタグ一覧ページをインデックスから除外した（noindex）](https://chiilabo.com/wp-content/uploads/2024/05/image-3-2-1024x576.jpg.webp)
とりあえずのメモ[Cocoon] WordPressのタグ一覧ページをインデックスから除外した（noindex）
自サイトの検索結果をみていたら、タグやカテゴリーのページが表示されるのが気になりました。検索結果で単なる一覧ページだと表示されても、訪問者はもうひと手間かけないと知りたい情報にたどり着けないからです。もちろん内容が整理されて充実したカテゴリーページなら、検索結果で上位表示され多くのトラフィックを獲得できる可能性もあります。新ドメインが検索にインデックスされてきたドメイン移行から一晩経って、新しいドメイン（chiilabo.co.jp）が検索にインデックスされるようになってきま...
とりあえずのメモ.co.jpドメインに変更していく（検索インデックスの管理）
旧ドメインと新ドメインの重複期間の取り扱いがセンシティブなのです。新規ドメインの空のサイトを作る前回は、ドメインを取得しました。なにはともあれ、サーバに新ドメインを設定してサイトを作ります。まずは、サーバ内に受け皿を用意します。サーバ管理画面（cPanel）からドメインを追加します。WordPress等のプログラムは、ドキュメントルートを同じにすると正常に動作しない可能性があるので、チェックを外す。次は、「看板」の取り付けです。「chiilabo.co.jp」にアクセスしたと...
ホームページ運用.co.jpドメインに変更することにした（ムームードメイン）
これまで「chiilabo.com」のドメインを利用してきましたが、「chiilabo.co.jp」に変更することにしました。ドメインの種類と信頼性目的は、サイトの信頼性を上げるためです。ざっくり言えば、検索エンジンが法人サイトを評価するように変化してきているからです。せっかくリアルの教室を運営しているので、その分をネット評価にも反映させたいもの。ただし、反対にドメイン歴がリセットされるリスクもあります。よく企業から仕事の依頼を受ける場合でも、「フリーランスより法人の方が信頼...
![[Cocoon] Amazonリンクに個別にPR表記をつける[CSS]](https://chiilabo.com/wp-content/uploads/2024/05/image-1-17-1024x576.jpg.webp)
とりあえずのメモ[Cocoon] Amazonリンクに個別にPR表記をつける[CSS]
ちょっと商品紹介をしたいとき記事の中にちょっとAmazonの商品紹介を入れたいときがあります。記事全体がPRでもないので、記事先頭にPR表記を入れるのにも抵抗があります。そういうときのために、Amazonリンクに個別にPR表記をつけるようにCSSを変更しました。テーマのstyle.cssに以下のコードを追加しました。/** Amazonリンクに個別にPR表記をつける 2024-05-01*/.product-item-title::before { content: "[PR...
とりあえずのメモAdSense レポートの最低基準の引き上げ（カスタム チャネルと検索スタイル）
GoogleのAdSenseでは、2024年5月15日からカスタムチャネルと検索スタイルのレポート作成基準が変更になります。1日あたりのクリック数が100回未満の一部のレポートが作成されなくなります。この変更は、ユーザーのプライバシー保護とAdSenseネットワークの健全性維持が目的だそうです。最近は、計算資源の需要が拡大しているし、「選択と集中」が必要になったのかもね。たとえば、音楽配信のSpotifyでも収益化の最低基準が引き上げられたりしているよね。管理コストを減らして...