ホームページ運用

とりあえずのメモ

[WordPress]Ad Invalid Click Protectorのマルウェア感染と修復(1.3.0)

「Ad Invalid Click Protectorの改ざん」 WordPressプラグインの「Ad Invalid Click Protector」を使っています。 (公式サイト) Ad Invalid Click Protector (AICP) – WordPress plugin | WordPress.org GitHub - isaumya/adsense-invalid-click...
ホームページ運用

[WordPress]管理者ログインしていないときだけ実行するJavaScriptを追加した(分離)

以前に、下にスクロールするとヘッダーメニューを半透明にするスクリプトを入れました。 しかし、自分がログインしているときは不要なのでオフにすることにしました(画面録画するときに撮影範囲がわかりにくい)。 環境:WordPress, Cocoon, Cocoon子テーマ いったん javascript.jsの以下のコードを削除して、管理者ログインしていないときに限定します。 /** * 2024-07...
とりあえずのメモ

[Cocoon] ブログカードを2列に並べるCSS

メッセージ動画の一覧を並べるために、Cocoonのブログカードに「thumbnail-only」のCSSクラスを追加しました。 style.cssに以下のコードを追加しました。 ポイントは、「display: flex」と「flex-wrap: wrap」です。 /** 2024-07-01 ブログカードを2列に並べるCSS */ .blogcard-type.thumbnail-only .bl...
Android

LINE公式アプリで通知が来ない(通知の受信に必要な端末の情報)

LINE公式アプリをインストールしたが、通知の受信テストでエラーが発生しました。 LINEサポートに問い合わせたところ、翌日には不具合が修正されました。 「通知の受信に必要な端末の情報」の処理はLINEサーバ上で行われていたようです。 環境: Galaxy A20, Android 11, LINE Official Account 5.2.0、SIMなし(Wi-Fiのみ)。 LINE公式アプリの...
とりあえずのメモ

【断念】WordPressでタイトルからアイキャッチ画像を自動生成したい(Auto Post Thumbnailプラグイン)

WordPressでタイトルからアイキャッチ画像を自動生成したかったのですが、結局 断念しました。 ざっと調べたものは、$55の有料版限定であったり、日本語の文字化けがあったりしたからです。 この記事のアイキャッチ画像は、結局 Keynoteで作りました。 Auto Post Thumbnailのダウンロード数が最多 はてなブログなど、記事のタイトルがそのままアイキャッチになるサービスが便利そうで...
プログラミング

[CSS]ラベルボックスをスライド画像風にした

ふだんは、説明用の画像スライドを用意しているのですが、WordPress上で簡易版の文字スライドを作れるようにしました。 まず、このようなラベルボックス(Cocoon汎用ブロック)を作ります。 ラベルボックスのスライド化 枠線を半透明のグレーに設定 ラベル背景色を明るいベージュに変更 要素の幅を内容に合わせて自動的に調整 要素の左右の余白を自動的に調整 これをカスタムクラス「slide」に追加しま...
とりあえずのメモ

cPanelの迷惑メールフィルターを強化した(Apache SpamAssassin)

仕事用のメールアドレスに届く迷惑メールが、うまく振り分けられていないことに気づいたので、メールサーバーの設定を変更することにしました。 cPanelのスパムフィルタ 私が使用しているレンタルサーバーでは、「cPanel」の管理メニューから「スパムフィルタ」が設定できました。 このスパムフィルタは、「Apache SpamAssassin」が搭載されていました。 スパム閾値スコアを下げる 関係するの...
とりあえずのメモ

[CSS] 一行目以外にスタイルを設定するには?(否定擬似クラスには擬似要素を入れられない)

:not(::first-line)は無効になる title-listクラスのリスト要素(li)の各一行目を太字にしています。このCSSセレクタは、 .title-list li::first-line 二行目以降にスタイルを設定したいと思いました。 一見、::first-line 擬似要素を :not() 否定擬似クラスに入れれば、リスト項目の最初の行以外を選択するセレクタになりそうです。 .t...
とりあえずのメモ

リスト内の項目の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> 要素のフォントウェイトを no...
とりあえずのメモ

YouTubeチャンネルが登録者を増やす意味

YouTubeアルゴリズムでは、まずは公開した動画が登録者に高く評価され、さらに新規視聴者にも届く、という「二段階」がつながって初めてチャンネルが成長します。 「登録者が動画を見てくれる」と露出が増え、雪だるま式で成長できるのです。 登録者が増えた要因を分析し再現性を高めることが大事。 登録者がつくことの重要性 YouTubeチャンネルで登録者数を増やすのは大変。 実は、100人を超えるYouTu...
とりあえずのメモ

[Cocoon]アイコンリストにステップ箇条書きのカスタムクラスを追加した

これが普通のアイコンリストです。 追加CSSクラスにstep-listを追加する 全体が太字になる2行目はそのまま リストタイトルの文字が大きくなる 項目内の行間と項目間の余白が調整される そこに、追加CSSクラスに「step-list」を入れて、アイコンを変更してみます。 追加CSSクラスにstep-listを追加する 全体が太字になる2行目はそのまま リストタイトルの文字が大きくなる 項目内の...
とりあえずのメモ

Google広告から「Important updates」というメールが届いた

Googleから、2024年にアメリカの複数の州でプライバシー保護が強化されることに伴い、広告ターゲティングの制限に対応するという通知メールが届きました。 ユーザーの同意なしに個人情報を使った広告ターゲティングが制限されるため、個人ごとにパーソナライズする広告は配信が制限されます。 今後は、個人情報を直接使わずに、興味関心が似たユーザーをグループ化し、そのグループに最適化された広告を配信する手法な...
とりあえずのメモ

誤って公開されたGoogle検索の内部文書から見える「知識の倉庫の使い方」(Content Warehouse API)

最近 Googleの検索アルゴリズムに関する内部文書が流出したそうです。 「Content Warehouse(コンテンツ倉庫)」は、Google検索の情報を貯める貯蔵庫です。 その使い方を示す「Google Search's Content Warehouse API」の内部文書が GitHub に誤って公開されていたことで、Google検索の内部構造と従来の説明と食い違う実態が明らかになりまし...
スマホ基礎

[AdSense]自分のサイトに表示された偽装広告に対処した(不適切な広告をブロック)

自分のサイトで、記事の「続きを読む」ボタンに偽装した不適切な広告を発見し「ブロック」しました。 広告の行き先はサポート詐欺の偽サイトで、広告主は同様の広告を長期的に出し続けているようでした。 SNSでも同様の被害が発生しており、インターネット広告業界の自浄作用はなかなか期待できないのかもしれません。 YouTube動画でも話しています。 変な広告ボタンを発見 自分のサイトを見ていたら、「次のページ...
とりあえずのメモ

[AdSense]オファーウォールを勧められたけど止めた(リワード広告)

Google AdSenseから「オファーウォール」の導入を提案するメールが届きました。 オファーウォールは、広告を見ないとサイト閲覧させない、という仕組みです。 一定のページビューに達した訪問者に「リワード広告」を表示して、広告を最後まで見てくれた人に「報酬」としてサイトを閲覧できるようにするのです。 サイト内の情報が「リワード」なんだね。 よっぽどそこにしかない情報じゃないと、ほかに行くかな。...
とりあえずのメモ

[JavaScript]全選択で記事部分だけになるようにした

自分のサイト内の記事全体を選択しやすいように、スクリプトを作りました。 window.getSelection() テーマのjavascript.jsに以下のコードを追加しました。 document.addEventListener('keydown', function(event) { if ((event.ctrlKey || event.metaKey) && event.key === ...
とりあえずのメモ

[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のインデックス済みのページを眺め...
#非営利

Google AdSenseのインテント広告を表示してみたけれど(やっぱりやめた)

自分のサイトに、Googleの新しい「インテント広告」が表示されていたので試してみました。 しかし、関連性や有益性に欠けると感じたため、オフにしました。 一つのキーワード検索なので検索結果が大雑把で、ちゃんとした関連情報になっていないからです。 また、広告を記事中のキーワードに紐付けて表示する手法は、煩わしいだけでなくステルスマーケティングの懸念もあります。 有益な情報がスムーズに知ることができる...
とりあえずのメモ

[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を活用するのが良いと考えまし...
とりあえずのメモ

Electron, npm, nodeを久々に更新した(nvm)

npm、nodeを久々に更新しようとしたところ、ESMモジュールシステムと古いCommonJSモジュールシステムの競合によるエラーが発生しました。 Node.jsとnpmのバージョンに互換性がない可能性があるため、Node.jsのバージョン管理ツールであるnvmをインストールしました。 nvmを使ってNode.jsの最新LTSバージョンをインストールし、npmを10.7.0にアップデートすることで...
プログラミング

[JavaScript]下にスクロールするとヘッダーメニューを半透明にするようにした

Xのタイムラインを見ていたら、画面のメニューバーの透過度が上下のスクロールに応じて変化していることに気づきました。 少し下にスクロールすると半透明になり、少し上にスクロールすると元に戻っています。 自分のサイトのヘッダーメニュー(mobile-header-menu-buttons)でも、このような処理をするように、JavaScriptを作りたいと思います。 画面内の情報の表示範囲が増えるからです...
とりあえずのメモ

サイト移転後の記事インデックスの「重複」をどうする?(正規URL)

サイト移転してから1週間が経ったものの、旧ドメインのページと重複した状態で、新ドメインのページがなかなかインデックスされていません。 301リダイレクトやSearch Consoleでの設定が正しくできていれば、そのうちインデックスは更新されるようです。 さしあたり「サイト移行中」の処理が終わるまでは、様子を見てもよさそうです。 あんまり反映されないようなら、旧ドメインのページにcanonical...
とりあえずのメモ

AdSense レポートの最低基準の引き上げはとりあえず延期になった

GoogleAdSenseから、レポート閾値変更の日程を延期するお知らせメールがありました。 当初、2024年5月15日から一部のレポートを簡略化する予定でしたが、急な変更は見送られることになりました。 ただ、変更の方針はそのままで、十分な準備期間を設けられるように日程を再調整するそうです。 さすがにアナウンスして半月での大幅な仕様変更は、急すぎたのですね。 メールが届いた「Important u...
プログラミング

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

WordPressプラグインに日毎のPVを表示する機能を追加しました。 add_menuを追加 自作のカスタムプラグインを使っています。今回は、そのプラグインに機能を追加します。 ※以前にプラグインを作成したのは、こちら。 まず、新しいサブメニューページを chiilabo_stats_admin_menu関数内のadd_menu_page関数の引数に追加しました。 add_submenu_pag...
トラブルと対処

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

ついに GoogleAPIsのQRコード生成APIが終了していたので、QR code generator(goqr.me)のAPIに変更しました。 変更前: ' . $url 変更後: ' . urlencode($url) 前提: $url = get_the_permalink(); URLをURLエンコードするのがポイントです。 QRコードが表示されていない? このサイトの記事を印刷すると、...
とりあえずのメモ

Google検索でファビコンが表示されなかったのでインデックスのリクエストをした

Google検索でサイトをみると、ファビコン(サイトのアイコン)が表示されていません。 ところが、サイトを表示してChromeのタブなどをみると、ちゃんとファビコンがあります。 そこで、ファビコンのソースからURLを確認して、Google Search Consoleでインデックスのリクエストをしました。 ファビコンは以下のような形式で、ページHTMLに記載されています。 <link rel="i...
とりあえずのメモ

[Cocoon] WordPressのタグ一覧ページをインデックスから除外した(noindex)

自サイトの検索結果をみていたら、タグやカテゴリーのページが表示されるのが気になりました。 検索結果で単なる一覧ページだと表示されても、訪問者はもうひと手間かけないと知りたい情報にたどり着けないからです。 もちろん内容が整理されて充実したカテゴリーページなら、検索結果で上位表示され多くのトラフィックを獲得できる可能性もあります。 新ドメインが検索にインデックスされてきた ドメイン移行から一晩経って、...
ホームページ運用

.co.jpドメインに変更することにした(ムームードメイン)

これまで「chiilabo.com」のドメインを利用してきましたが、「chiilabo.co.jp」に変更することにしました。 ドメインの種類と信頼性 目的は、サイトの信頼性を上げるためです。ざっくり言えば、検索エンジンが法人サイトを評価するように変化してきているからです。せっかくリアルの教室を運営しているので、その分をネット評価にも反映させたいもの。 ただし、反対にドメイン歴がリセットされるリス...
とりあえずのメモ

[Cocoon] Amazonリンクに個別にPR表記をつける[CSS]

ちょっと商品紹介をしたいとき 記事の中にちょっとAmazonの商品紹介を入れたいときがあります。記事全体がPRでもないので、記事先頭にPR表記を入れるのにも抵抗があります。 そういうときのために、Amazonリンクに個別にPR表記をつけるようにCSSを変更しました。 テーマのstyle.cssに以下のコードを追加しました。 /** Amazonリンクに個別にPR表記をつける 2024-05-01*...
とりあえずのメモ

AdSense レポートの最低基準の引き上げ(カスタム チャネルと検索スタイル)

GoogleのAdSenseでは、2024年5月15日からカスタムチャネルと検索スタイルのレポート作成基準が変更になります。 1日あたりのクリック数が100回未満の一部のレポートが作成されなくなります。 この変更は、ユーザーのプライバシー保護とAdSenseネットワークの健全性維持が目的だそうです。 最近は、計算資源の需要が拡大しているし、「選択と集中」が必要になったのかもね。たとえば、音楽配信の...
とりあえずのメモ

[WordPress] モバイル版の記事一覧の間隔を狭くした

モバイル版の記事一覧の間隔が狭くなるように、スタイルを調整しました。 一度に 5記事から 8記事見えるようになりました。 /** 記事一覧の密度を高くする 2024-04-26*/ @media screen and (max-width: 480px) { .list { row-gap: 0; } .list.ecb-entry-border .entry-card-wrap { margin...
トラブルと対処

[WordPress] パターン名を変更したい(旧再利用ブロックの名前)

WordPress 6.5へのアップデートにより、再利用ブロックがパターンに変更され、パターン名を編集する方法がわかりづらくなりました。 パターン編集画面で「コード編集」に切り替えれば、パターン名の編集欄が表示され変更できます。 これにより、スラッシュ挿入での意図しないブロックの優先表示を防ぐことができました。 環境 WordPress 6.5.2、PHP 8.0.30、Cocoon 2.7.3....
とりあえずのメモ

モバイルヘッダーロゴが中央になっていたので左に直した(Cocoon 2.7.3.1)

スマホで自サイトを表示したら、ロゴの左端から中央に変わっていました。 サイトロゴはもともとは中央で、自サイトでは以前にカスタマイズしていたところです。 style.cssのロゴクラス(.mobile-menu-buttons .menu-button.logo-menu-button)に「justify-content: flex-start」を追加して戻しました。 ちょうどCocoonテーマの更...
トラブルと対処

[WordPress] ブロックエディタで下線のショートカットキー(⌘U)が反応しなかった(プラグインの再有効化)

WordPressのブロックエディタで、下線のショートカットキー(⌘U)が反応しない不具合がありました。 いったんWordPressプラグインをすべて無効化して有効化し直すと、⌘Uがちゃんと動作するように戻りました。 WordPressプラグインも、一時的な不調でリセットが有効なことがあるんですね。 下線のショートカットキーが使えない? ブログ記事の装飾の仕方で、「主張を太字し、根拠に下線をつける...
とりあえずのメモ

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

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

個人ブログに残された領域は「同人誌」なのかもしれない

一時は台頭した個人ブログですが、いずれ出版業界での「同人誌」のような位置づけになっていくと思います。 インターネットの歴史を振り返ると、純粋な情報共有の場から始まり、商業化が進むとともに企業ドメインが優勢になってきました。 インターネットは一般の人が使うものへと成熟し、「なんでもあり」の自由な場所から、権威や規制によって「守られるべき情報空間」に変貌してきているのです。 純粋な情報共有の時代 イン...
とりあえずのメモ

[mixhost] メーリングリストに配信停止機能を追加できそうにない(mailman)

レンタルサーバー会社のmixhostから、メーリングリスト機能(mailman)についての大切なお知らせが届きました。 実は Googleのガイドラインが変更されて、mixhostのmailmanではこれからの基準を満たせそうにないとのこと。 もし、メーリングリストを使い続けるなら、ほかのサービスに移行が必要なようです。 今回のGoogleのスパム対策は、けっこう本気というか、影響範囲が多いですね...