WordPress

[WordPress] カテゴリーが更新されない？ とりあえずのメモ

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

WordPressで記事のカテゴリーを増やしたら、投稿パネルの「カテゴリー」が更新されない、というケースがありました。カテゴリーを増やした別のPCからログインして、記事を編集しようとすると、記事編集画面のカテゴリーが以前のままなのです。カテゴリーの追加が反映されていません。設定から「カテゴリー」を表示すると、正しく表示されるのですが……どうもブラウザ（Chrome）にキャッシュが残っているようです。記事編集画面を更新しても戻りません。そこで、Chromeの設定から「Cooki...
2022.09.21
とりあえずのメモホームページ運用
[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...
2022.05.18 2024.08.30
とりあえずのメモプログラミングホームページ運用
[Cocoon]モバイルサイトフォントを17pxに変更した とりあえずのメモ

[Cocoon]モバイルサイトフォントを17pxに変更した

これまで、少し文字は大きめにしていましたが、スマホから見た時に、文章の行数が多くなっている気がしました。そこで、「モバイルサイトフォント」のサイズを「18px」から「17px」に変更してみました。１行あたりの文字数は、表示するスマホによって異なりますが、自分のスマホ（Pixel 5：1080x2340）で確認すると、18文字になりました。このフォントサイズを選んだのは、「note 」や「ほぼ日刊イトイ新聞」などの読みものメインのサイトを参考にしました。以前に、糸井重里さんが、...
2022.05.18
とりあえずのメモホームページ運用
[CSS] Cocoonで印刷時のアイコンリスト・ラベルボックスに枠をつけた プログラミング

[CSS] Cocoonで印刷時のアイコンリスト・ラベルボックスに枠をつけた

ウェブページを印刷する時に、通常は「背景画像を表示しない」になっていて、画面で表示されている背景画像や背景色が印刷されません。これには、インクの使い過ぎを防ぐ効果がありますが、画面表示と見た目が変わってしまいます。特に、このホームページでは、多くのアイコンリスト、ラベルボックスを「枠なし」「薄い背景色」で設定しています。印刷時に、背景色がなくなってしまうと、構造がわかりにくくなってしまうのです。そこで、設定した背景色をもとに、枠（濃いめ）をつけるようにしました。WordPre...
2022.03.27
プログラミングホームページ運用
[CSS] ブログの印刷時のフォントをUDフォントにした プログラミング

[CSS] ブログの印刷時のフォントをUDフォントにした

パソコンでの文書作成用に「BIZ UDフォント」をパソコンに入れたのですが、ブログの印刷時のフォントでも活用したいと思います。ただし、印刷時だけで、通常のパソコンやスマホの画面で表示するときには、デフォルトのフォントのままにします。ウェブフォントを利用すると、表示に時間がかかってしまうからです。利用可能なフォントファイルを用意するまず、フォントファイルをPCに用意します。利用したフォントは、「SIL Open Font License (OFL)」というライセンスで、CSSに...
2022.03.27
プログラミングホームページ運用
[mac] WebP画像をPNGに変換したい【Big Surと変換アプリ】 インターネット小話

[mac] WebP画像をPNGに変換したい【Big Surと変換アプリ】

macでWebP画像をPNG形式に変換するには、App Storeにある「WebP Converter」がオススメです。ドラッグ&ドロップで変換できるので、スムーズです。WebPは比較的 新しい画像フォーマットですが、mac OS Big Surからは標準でサポートされています。「プレビュー」アプリでも、変換して書き出すことができるようになっています。WebPは軽量画像フォーマットインターネットから画像をダウンロードすると、たまにWebPというファイル形式の場合があります。「...
2022.03.27 2022.03.30
インターネット小話パソコン基礎知識
画像ごとの個別ページは画像SEOに有効な場合もある【検索とページ構造】 ニッチな話題

画像ごとの個別ページは画像SEOに有効な場合もある【検索とページ構造】

「検索エンジンに評価される工夫」のことを「SEO：検索エンジン最適化」といいます。現在はキーワード検索だけではなく、地図で表示されるための「MEO（地図エンジン最適化）」など、ひろがっています。今回は、Googleの「画像検索でのSEO」についての話が興味深かったので、メモしておきます。へ〜、「画像SEO」という考え方もあるんだね。画像検索と個別ページ「Google SEO オフィスアワー（2021-11-05）」の25:07ごろからの話題で、画像SEOについての話がありまし...
2021.12.01 2021.12.02
ニッチな話題ホームページ運用
店舗のブログをどう作る？【ブログサービスとHP作成サービス】 インターネット小話

店舗のブログをどう作る？【ブログサービスとHP作成サービス】

仕事で、ホームページの他に、「ブログで発信していく」ように言われました。まだ、曖昧な段階なのですが、そもそもブログって どんな風に作っていったら良いのですか？店舗などの集客ツールとして「ブログ」に着目するケースは多いと思います。個人の日記ブログと店舗のブログの違いについて、見てみましょう。ポイント一言で「ブログ」といっても、運用の仕方はさまざまある。時代とともに、ブログサービス、WordPress、HP作成サービスと、選択肢が広がってきた。ブログサービス内の日記スペースとして...
2021.11.30 2024.04.15
インターネット小話パソコン基礎知識ホームページ運用相談と回答
パーマリンク設定を変更してアクセスURLが切り替わるのにかかった期間【AMPキャッシュ】 インターネット小話

パーマリンク設定を変更してアクセスURLが切り替わるのにかかった期間【AMPキャッシュ】

先日（2021年11月2日）、サイトのパーマリンク設定を変更して、URLアドレスを変更しました。ページ全体のパーマリンクを変更して、検索順位に悪影響があるか心配だったのですが、今のところ無事に移行できています。今回は、パーマリンクを変更してから、Analyticsで集計されるURLアドレスがどのように変化するか調べてみました。切り替わる期間前回は、WordPressのパーマリンク設定を変更して、「」「」のような形式に変更しました。これは、「月ごとの記事のアクセス数」を集計する...
2021.11.16
インターネット小話ニッチな話題ホームページ運用
[WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」 ニッチな話題

[WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」

WordPressのエディタ画面に画像をアップロードすると、たまにうまく表示されないことがあります。ところが、「メディアの選択」で確認すると、画像が表示されます。アップロードはできているようです。ところがこの画像を挿入しても、同じくエディターに表示されません。ブラウザによって表示されたり、しなかったりブラウザからブログエディタでエラーになっているアドレス（）に、アクセスしてみます。すると、ChromeとSafariで挙動が異なりました。そこで、アップロードした画像のURLにア...
2021.11.07 2024.04.15
ニッチな話題ホームページ運用
[WordPress]「Briefly unavailable for scheduled maintenance」【自動更新タイミング】 インターネット小話

[WordPress]「Briefly unavailable for scheduled maintenance」【自動更新タイミング】

先日、自分のブログを確認していたら、突然 グレーの画面で何も表示されなくなりました（2021-11-02 23.34.33）。Briefly unavailable for scheduled maintenance. Check back in a minute.（定期メンテナンスのために一時的に利用できません。 しばらくしてからもう一度確認してください。）これは、WordPressのメンテナンス中の表示です。私は、プラグインやテーマの自動更新を有効にしているので、たまたま...
2021.11.07
インターネット小話ホームページ運用
[CSS]ブログカードの画像のアスペクト比を変更した[object-fit, aspect-ratio] ニッチな話題

[CSS]ブログカードの画像のアスペクト比を変更した[object-fit, aspect-ratio]

これまで一行で表示できるタイトル文字数が少なくて、タイトルが長くなると読みにくいことが気になっていました。ブログカードのデザインを少し変更しました。そこで、まず画像のアスペクト比を変更したり、文字のサイズを少し小さくして、タイトルを長めに取れるようにしました。CSSで自動的に画像のアスペクト比を変えて、トリミングすることができました。img{ object-fit:cover; aspect-ratio: 100/100;}また、ドメイン名の色を変更することで、タイトルと区別...
2021.11.05 2021.11.06
ニッチな話題ホームページ運用
[AMPエラー] タグ「amp-img」の属性「src」のURLプロトコル「blob」が無効です。【blobプロトコル】 インターネット小話

[AMPエラー] タグ「amp-img」の属性「src」のURLプロトコル「blob」が無効です。【blobプロトコル】

Googleサーチコンソールを見ていたら、エラーの通知がありました。どうも、画像のアップロードに失敗したまま、記事を公開してしまっていたようです。ポイント「blob:〜」で始まるURLアドレスのデータは、ブラウザ内に保持されている。画像アップロード中にタイムアウトすると、リンクアドレスとして残ってしまうことがある。画像をアップロードし直すと修正できた。タグ「amp-img」の属性「src」のURL プロトコル「blob」が無効ですサイト〜で「AMP」の問題が新たに 検出されま...
2021.11.04
インターネット小話ホームページ運用
[WordPress] 「月の投稿ごとの集計」をするためにブログのパーマリンクを変更した【Search Regexプラグイン】 インターネット小話

[WordPress] 「月の投稿ごとの集計」をするためにブログのパーマリンクを変更した【Search Regexプラグイン】

「Google アナリティクス」でアクセス数を見ているのですが、「投稿した月ごとの集計」を知りたいと思いました。そのために、サイトのパーマリンクを変更しました。手作業で内部リンクを修正するのはしんどそうだったのですが、プラグインのおかげで一気にできました。ポイントGoogleアナリティクスでは、「ディメンション」ごとにアクセス数を集計できる。WordPressのパーマリンクは、「設定」から変更できる。投稿内のURLを一括置換するのに、「Search Regexプラグイン」をイ...
2021.11.03 2024.04.15
インターネット小話ホームページ運用
WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】 プログラミング

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

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

[WordPress] ブログ記事に印刷用のQRコードを追加する【Google APIs】

ポイントQRコードはGoogle APIsで自動生成できる。WordPressの記事URLは、<?php the_permalink(); ?>で出力できる。functions.phpでは「get_the_permalink()」で文字列を取得できる。ウィジェットは印刷されないので、関数で本文末尾に追加する。【追記：2024-05-09】Google APIsのQRコード生成は終了したので、代替サービスを利用します。Google APIsでQRコードを生成するウェブページには...
2021.10.23 2024.05.09
プログラミングホームページ運用
「複数のフォームコントロールが単一のlabel要素内に置かれています」[Contact Form 7の設定エラー] ホームページ運用

「複数のフォームコントロールが単一のlabel要素内に置かれています」[Contact Form 7の設定エラー]

Contact Form 7の設定エラーが消えないなぁ……複数のフォームコントロールが単一の label 要素内に置かれています。問合せフォームを「Contact Form 7」というWordPressプラグインで作っているのですが、設定エラーが検出されます。エラー：複数のフォームコントロールが単一の label 要素内に置かれています。label要素ごとに削除して確認してみると、<label>要素にフォームを入れ子にしている部分がエラーになっているようです。<label> ...
2021.10.14 2021.10.15
ホームページ運用
[WordPress] 好きな画像でブログを共有したい【Share This Imageプラグイン】 インターネット小話

[WordPress] 好きな画像でブログを共有したい【Share This Imageプラグイン】

書いたブログをTwitterにシェアする時に、アイキャッチ画像とは別の画像を選びたいな。説明の図解を共有できたら、便利なはず。今回は、TwitterやFacebookに投稿するときに、Pinterestのように画像（主に図解）を選んで、共有したいと思って、WordPressプラグインを導入することにしました。ブログと画像のSNS共有ブログをSNSに共有するときに好きな画像を表示するには、大きく２つの方法があります。好きな画像でブログを共有するmetaタグでSNSアイキャッチを...
2021.10.09 2021.10.22
インターネット小話ニッチな話題ホームページ運用
アンカー広告が印刷に表示される [Google Adsense, Cocoon] ホームページ運用

アンカー広告が印刷に表示される [Google Adsense, Cocoon]

自分のブログを印刷していたら、アンカー広告が印刷されてしまうことに気づきました。ページごとに下部に広告が表示されてしまっています。◆追記（2022年4月3日）Cocoon 2.4.2の更新で直ったかもしれません。これまでは、本文内のAdsense広告は、印刷されないように設定されていました。印刷時のスタイルを、@media print で指定することができるからです（WordPressのCocoonテーマを利用しています）。しかし、最近（2021年7月19日から）表示されるよ...
2021.08.11 2022.04.03
ホームページ運用
試しに記事下にLINE登録ボタンをつけてみた ちいラボエッセイ

試しに記事下にLINE登録ボタンをつけてみた

Youtubeの「チャンネル登録お願いします」を参考に、ブログの記事下に「LINE登録」ボタンを追加してみました。ついでに、LINE公式のあいさつメッセージにも、タイムラインの見方を画像で説明するようにしました。LINEのあいさつメッセージには、画像を追加することができます。少しでもリピートにつながれば嬉しいです。こちらもどうぞ。
2021.06.28 2021.06.29
ちいラボエッセイホームページ運用教室からのお知らせ
次のページ