ホームページ運用

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

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

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

[Adsense] サブドメインでのブロックがドメイン全体になる?

もし、複数のサブドメインでAdsenseを運営している場合、影響があるかもしれません。サブドメインごとに表示される広告ブロックを細かく管理している場合、設定によってはサブドメインの広告ブロックが、同じドメイン全体に適用されるようになるからです。たとえば、お客様が現在 example.com と subdomain.example.com にブロックのコントロールを設定している場合、両方に対する設定を組み合わせた設定が example.comに適用されるようになります。受信トレ...
[CSS] ブログの記事一覧をInstagramっぽくしたい(いったん断念) とりあえずのメモ

[CSS] ブログの記事一覧をInstagramっぽくしたい(いったん断念)

ひとこと日記のアイキャッチ画像を、Instagramのように大きく表示できるようにしたいと思いました。カスタムHTMLウィジェットでスタイル設定カスタムHTMLのウィジェットで、styleを追加すると、特定のページにスタイルを追加できました。<style>.entry-card-snippet { display: none;}figure.entry-card-thumb { padding-bottom: 0em;} .entry-card-thumb { width: ...
[Cocoon] 表のスタイルで縦線をなしにした【横線のみのtable】 とりあえずのメモ

[Cocoon] 表のスタイルで縦線をなしにした【横線のみのtable】

最近は、表のデザインで、縦の枠線を付けないことが多いようです。Spotifyの「支払いに問題がある」?【クレジットカード情報の更新】より確かに、スッキリした印象になります。ブログ内の表を CSS を変更してみました。「border-width: 2px 0px;」という箇所が肝。横線(border-top, border-bottom)は 2px縦線(border-left, border-right)は 0px に指定されます。/** 表の枠の色(縦線なし) 2023-03...
[Cocoon] 表のデフォルトの枠線が黒になっている(style.min.css) とりあえずのメモ

[Cocoon] 表のデフォルトの枠線が黒になっている(style.min.css)

公開したブログ内の表の枠の色が、なぜか黒に変わっていました。原因は、「style.min.css」。この中に表(table)の枠線の色のスタイルがあるのですが、これが Cocoonのスタイルと競合しているのです。サイトの表の枠の色がおかしい?表の枠の色が、WordPressの編集画面ではオレンジなのに、公開すると黒になっていました。どうも、デフォルトの色に戻ってしまっているようです。Cocoonの表の枠の色Cocoonでは、テーマで選んだ色(サイトキーカラー)がスタイルでまと...
[Cocoon] ラベルボックスの枠の色を修正した(gutenberg.php) とりあえずのメモ

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

Cocoon バージョン: 2.5.7.4 に更新したところ、ラベルボックスの枠の色がおかしくなってしまいました。ラベルボックスの枠を「白」に設定していた箇所が、「黒」に表示されています。追記Cocoon バージョン: 2.5.7.5 で修正されました。(参考)更新後にラベルボックスの枠の色がおかしい? | 不具合報告 | Cocoon フォーラムラベルボックスの枠とクラスを検証Chromeでスタイルを検証すると、「.has-white-border-color」なのに「va...
WordPressサイトはどうやってできているの?【3つのログイン】 わかりやすさ重視

WordPressサイトはどうやってできているの?【3つのログイン】

WordPressに興味があるのですが、どんなものなのですか?なんとなく、エディタでHTMLを作成するのと、ブログサービスに登録することの中間みたいな印象はあるのですが……。3つのログインページWordPressサイトの成り立ちを知るには、WordPressサイトを管理するための3つのログイン画面を知ることが近道です。レンタルサーバー企業の会員ページ借りたサーバーの管理ページWordPressの管理ページレンタルサーバの契約WordPressサイトを作るには、まずはレンタルサ...
「WordPress」とは? インターネット小話

「WordPress」とは?

「WordPress」を使えば 「自分専用」のブログシステムが作れます。レンタルサーバーにインストールして使います。
ウェブサイトの左下に動画広告が出てきたけどクリックして大丈夫?【オーバーレイ広告】 とりあえずのメモ

ウェブサイトの左下に動画広告が出てきたけどクリックして大丈夫?【オーバーレイ広告】

iPhone で情報サイトをみていたら、左下に広告動画(?)が表示されました。動画の停止ボタンをクリックしたのですが、この操作は大丈夫だったでしょうか?クリックしないで広告自体をスルーした方がよかったかと、ちょっと心配になりました。画面上に勝手に広告動画が出てくるので、「サイト乗っ取り」かと心配になりますが、これはただのネット広告。情報サイトと提携しているネット広告代理店による「オーバーレイ広告」が表示されているだけなのです。煩わしい広告ではありますが、通常 クリックしたから...
Googleニュースのパブリッシャーになったけど、ニュースに流れてこない【ニュース提供元のフォロー】 SNS

Googleニュースのパブリッシャーになったけど、ニュースに流れてこない【ニュース提供元のフォロー】

Googleニュースのパブリッシャー登録をしたけれど、記事が表示されません。一応「ニュース提供元」という登録はできているのですが、記事がニュースとしては配信されていないようです。サイトの「信頼性・権威性」を上げていく必要があるのかな。自分でもGoogleニュースに表示されない2ヶ月ほど前に、Googleニュースのパブリッシャー登録をしたのですが、いっこうに Googleニュースの中で記事が出て来ていない気がします。表示される記事は「パーソナライズ」されるので、自分のアカウント...
[Cocoon] 各見出し後に「目次に戻る」リンクを追加した(functions.php) とりあえずのメモ

[Cocoon] 各見出し後に「目次に戻る」リンクを追加した(functions.php)

ブログの中でもっともよくクリックされるのは、「目次」だそうです。各セクションに Cocoonの目次に対応した「戻る」ボタンを設置しました。参考サイトを元に、自分のブログに合うように一部修正しました。確かに、目次からサッと読みたいところを確認できるサイトは、とても便利ですよね。目次に戻るリンクを挿入するコードfunctions.phpに追加します。/** 自動で目次に戻るリンクを挿入 */add_filter('the_content', function($content) ...
ブログをGoogleニュースに登録申請してみた【パブリッシャーセンター】 とりあえずのメモ

ブログをGoogleニュースに登録申請してみた【パブリッシャーセンター】

Googleニュースを見ていると、ブログが表示されることがあります。ちいラボの記事も掲載してもらうことができるのか、申請してみました。「Googleニュース」って登録制だったんだね。Googleの検索エンジンが勝手に探して来ているわけではないのかぁ。登録する前でも、これまでGoogle Discoverに表示されたことはあったんですけどね。パブリッシャーの登録Googleに「ニュースサイト」として認識してもらうためには、「パブリッシャー(公開元)」の登録が必要です。申請窓口は...
[Cocoon] 記事の関連タグをサイドバーに表示した・その2(ショートコードにできた) とりあえずのメモ

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

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

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

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

LINE公式の「紐付け」とは?【LINE Messaging API】

LINE公式では、メッセージのやり取りを自動化することができます。さらに、LINE公式の機能だけでなく、他社サービスのプログラムと接続できるように LINE Messaging API という機能も提供しています。
インターネット小話

LINE公式アカウントでYouTube動画をシェアしたい

公式アカウントの、タイムLINEにYouTube動画をシェア投稿は出来ますか。YouTube動画への「リンク」ならシェアできます。投稿文内に動画のリンクを貼り付けてみてください。動画のリンクは共有からコピーします。ただし、LINEに直接 動画をアップロードするのと違って、動画再生までワンタップが必要になります。メリット:動画がYouTubeに保存される(再生数など)デメリット:LINE VOOMでは直接 動画再生できないちなみにLINEの「タイムライン投稿」は、最近は「VOO...
[WordPress] カテゴリーが更新されない? とりあえずのメモ

[WordPress] カテゴリーが更新されない?

WordPressで記事のカテゴリーを増やしたら、投稿パネルの「カテゴリー」が更新されない、というケースがありました。カテゴリーを増やした別のPCからログインして、記事を編集しようとすると、記事編集画面のカテゴリーが以前のままなのです。カテゴリーの追加が反映されていません。設定から「カテゴリー」を表示すると、正しく表示されるのですが……どうもブラウザ(Chrome)にキャッシュが残っているようです。記事編集画面を更新しても戻りません。そこで、Chromeの設定から「Cooki...
オンライン決済で入金してもらいたい【Squareオンラインチェックアウトとリンク】 #PR含む

オンライン決済で入金してもらいたい【Squareオンラインチェックアウトとリンク】

お店をしているのですが、ホームページで商品申込みフォームを作って、Squareのオンライン決済システムと紐付けしたいと考えています。Squareの手続きは進んでいるのですが、実際にこれを運用するイメージがまだ今一つピンときません。自分のお店で、インターネットを通してお客さんと取り引きするときには、支払いが一番の関門になります。Squareは、このオンライン決済を仲介するサービスの1つです。オンライン決済は「振込」が便利になった仕組みSquareが用意するのは、「会計ページ」と...
[Cocoon]Amazonリンクの表示スタイルを少しスッキリさせた【display:flex】 とりあえずのメモ

[Cocoon]Amazonリンクの表示スタイルを少しスッキリさせた【display:flex】

スマホでブログを表示したときに、Amazonリンクの下にあるショップへのリンクボタンがちょっと大きすぎる気がしました。CSSで少し微調整していきます。リンクボタンを一列にまとめるまずは、縦に並んで画面を占有しているボタンを、一列にまとめます。flex-wrapをnowrapにして、一列にしwidthをautoにして、左揃えにしました。/** amazonリンクのモバイル表示を整理 */@media screen and (max-width: 834px) { .bookli...
[CSS] 記事一覧画面をスッキリさせた とりあえずのメモ

[CSS] 記事一覧画面をスッキリさせた

記事一覧のページで、記事ごとにオレンジ色の枠で囲んであるのが、ちょっとうるさい気がしたので、CSSを修正しました。/** 記事一覧画面をスッキリさせた*/ .list.ecb-entry-border .entry-card-wrap{ border-color: #e9e9e9; border-width: 0px; border-bottom-width: 1px; margin-bottom:20px; }.entry-card-content { padding-bo...