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
ちいラボエッセイホームページ運用教室からのお知らせ
Cocoonで注目記事ランキングのショートコードを作成した【SQLって何？からのデータベース操作】 ニッチな話題

Cocoonで注目記事ランキングのショートコードを作成した【SQLって何？からのデータベース操作】

記事のアクセスランキング（人気記事）は、なかなか上位の記事が変わらない傾向があります。そこで、WordPressの記事のアクセス数の前週比のランキング（急上昇の記事）を作りたいと思いました。Cocoonのコードを読んでみるとアクセスランキングは、SQLクエリで生成されていました。完成したものCocoonのget_access_ranking_recordsのSQLクエリCocoonのアクセスランキングは、「lib/page-access/access-func.php」の「f...
2021.04.11 2024.07.20
ニッチな話題プログラミングホームページ運用
[Cocoon] 記事のタグをサイドバーに表示した（タグクラウドではない） インターネット小話

[Cocoon] 記事のタグをサイドバーに表示した（タグクラウドではない）

ブログのサイドバーの項目を見直してみました。WordPressのサイドバーに記事のタグを追加したカスタム検索とナビゲーションメニューの間に、・リンク・目次・タグ・関連記事を追加しました。とくに、記事のタグを追加するのが、大変だったのでメモします。「タグ」を表示する今回、サイドバーにタグを設置しようと思ったのは、検索が面倒な人に関連記事を探しやすくしたいからです。Cocoonテーマでは、記事のタイトル上下や本文下には、「タグ」を表示することができます。Cocoonの投稿にタグを...
2021.04.04 2024.04.21
インターネット小話ニッチな話題ホームページ運用
AMP用ページを見やすくしたりメニューをつけたり（note風スタイル第7弾） ニッチな話題

AMP用ページを見やすくしたりメニューをつけたり（note風スタイル第7弾）

cocoonのAMP機能で生成しているCocoonテーマのAMP設定でAMPページを生成しています。通常ページとAMPページの差デフォルトスタイルだと、AMPページのスタイルは通常ページとだいぶ差があります。ヘッダーロゴが大きい。画面を圧迫しているモバイルメニューがない。検索からの流入が他のページに移動しにくい。そこで、メニューを追加したいと思います。ウィジェットにナビゲーションメニューを追加まずは、ウィジェットでナビゲーションメニューを追加します。ただ、このままだとメニュー...
2021.03.27
ニッチな話題ホームページ運用
Goolgle XML Sitemapsプラグインが検索で見つからない（改名していた） ニッチな話題

Goolgle XML Sitemapsプラグインが検索で見つからない（改名していた）

以前に紹介したGoolgle XML Sitemapsプラグインを、別サイトで利用しようとしたら、検索で見つかりませんでした。ポイント「Google XML Sitemaps」から「XML Sitemaps」に名前が変わっていました。プラグイン検索で見つからないプラグインで「Google XML sitemaps」で検索（2021年3月）3ヶ月前は確かにあったんです。プラグインで「Google XML sitemaps」で検索（2020年12月）プラグイン詳細で確認するすでに...
2021.03.26 2021.04.12
ニッチな話題ホームページ運用
LiteSpeed Cacheプラグインをオン・オフで比較してみた ニッチな話題

LiteSpeed Cacheプラグインをオン・オフで比較してみた

LiteSpeed Cache（v3.6.4）プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました（2021年3月23日現在）。もしかして、誤差の範囲……？もう少し詳しく比較してみましょう。比較無効のときプラグインが無効のときも比べてみます。オフのときオンにした直後オンにして再分析比較結果 モバイルのラボデータ無効オフオン（直後）オン（2回目）First Contentful Paint（秒）2.32.12.12.1Speed Index（秒）5....
2021.03.23 2023.07.16
ニッチな話題ホームページ運用
Cocoonで記事一覧の画像と文字の位置を逆にした（note風スタイル第６弾？） インターネット小話

Cocoonで記事一覧の画像と文字の位置を逆にした（note風スタイル第６弾？）

久々にホームページのCSSをいじりました。今回は、記事一覧の画像と文字の配置です。これも、note風スタイルの一環ですね。大きな字で見やすいタイトルと正方形のアイキャッチアイキャッチ画像より、タイトル文に目がいくようにする意図で、変更しました。常に左から読んで行けるほうが、目にラクな気がします。といって、そこまでブログ一覧はアクセスがないんですが……笑CSSCSSはこんな感じです。display: flexで下位の要素の順番（order）を変更できるようにしています。/** ...
2021.03.22 2024.08.30
インターネット小話ニッチな話題ホームページ運用
WordPress 5.7にアップデートした 【インサータからドラッグ】 インターネット小話

WordPress 5.7にアップデートした 【インサータからドラッグ】

ダッシュボードにWordPress 5.7の通知が来ていました。そろそろ更新してみるわたしはプラグインの対応を確認してから更新したいので、WordPress本体は自動更新にはしていません。しばらく放置していましたが、バックアップのタイミングで更新することにしました。失敗したら戻せばよいし。データをダウンロード中…2分ほどで更新できました。WordPressのアイキャッチは、毎回 美しいですよね。メジャーアップデートで機能が増えたWordPress 5.6.2から 5.7 にな...
2021.03.14 2024.07.17
インターネット小話ニッチな話題ホームページ運用
WordPressのエディタが異常に遅い？ 【バージョン更新の意味】 ニッチな話題

WordPressのエディタが異常に遅い？ 【バージョン更新の意味】

WordPressで「エディタ画面が異常に遅い」という相談を受けました。これは、WordPressとテーマのバージョン相性が原因でした。結論エディタの反応が異常に遅かったが、WordPressとテーマを最新版に更新すると直った。入力可能になるまでちょっとタイムラグエディタ画面で操作すると、マウスでクリックしてから、入力可能になるまで、ちょっとタイムラグがあります。エディタ画面の不具合は遅いだけでなく、文字色も反映されなかったり、CSSがうまく動作していないようでした。バージョ...
2021.01.09
ニッチな話題ホームページ運用
「index.php?xml_sitemap=params=」XMLサイトマップのURLがおかしい？ 【WordPressのパーマリンク】 ニッチな話題

「index.php?xml_sitemap=params=」XMLサイトマップのURLがおかしい？ 【WordPressのパーマリンク】

XML Sitemapsプラグインで、XMLサイトマップを作ったけれど、なんかアドレスがおかしい。結論WordPressのXMLサイトマップのURLが「index.php?xml_sitemap=params=」なのは、パーマリンク設定が「基本」だから。それ以外の設定に変更すると、「sitemap.xml」にできる。XML Sitemap Generatorプラグインを確認するXML Sitemapのプラグインには、サイトマップのインデックスファイルのURLが表示されています...
2021.01.09 2021.10.06
ニッチな話題ホームページ運用
[Cocoon] カルーセルの「CLSに関する問題」を改善したいけれど難しそう ニッチな話題

[Cocoon] カルーセルの「CLSに関する問題」を改善したいけれど難しそう

読んでいる文章をずらされると腹が立つだろう。だから、そういうページは直した方がよい。さて、どうやって？　という話。CLS（累積レイアウト変更）とはウェブページはあとから画像が表示されると、下にある文章がずれます。これを「累積レイアウト変更（CLS：Cumulative Layout Shift）」といいます。広告が多いページだと気になるのよねーユーザーの利便性が大事Googleサーチコンソールでは、このようなレイアウトのずれを指摘してくれます。CLSに関する問題：0.25超（...
2021.01.04 2023.07.03
ニッチな話題ホームページ運用
Googleアドセンスのアンカー広告を下に固定する[Cocoon] ニッチな話題

Googleアドセンスのアンカー広告を下に固定する[Cocoon]

スマートフォンのユーザーの画面上下にずっと表示する広告を、アンカー広告（あるいはオーバーレイ広告）といいます。アンカー広告がメニューバーと重なると不便なので、今回はGoogle広告のアンカー広告の位置を変更しようと思います。ウェブサイト運営者向けの話ですポイントスクリプトで上部アンカー広告を抑制できる。上下にメニューがあると、アンカー広告の配置に影響がある。【追記】パソコン画面にも表示されるようになります。（2021年7月9日）追記（2023-07-17）アンカー広告の位置指...
2020.12.22 2023.07.17
ニッチな話題ホームページ運用
note風スタイル第5弾！引用とコード ニッチな話題

note風スタイル第5弾！引用とコード

note風デザインもそろそろ簡単な微調整です。今回は引用文（blockquote）とコード（pre）のデザイン。ビフォア・アフター元のデザインに比べて、小さくグレー基調にしました。以前は引用部分が長いと「うるさい」印象があったので、全体が見通せるようになりました。ただ、文字は少し小さいかもしれません。こんな感じの引用。こんな引用元code is here { something.}引用ブロック引用ブロックは、かなりスッキリしました。.entry-content blockqu...
2020.12.21
ニッチな話題ホームページ運用
note風スタイル第４弾！目次のデザイン ニッチな話題

note風スタイル第４弾！目次のデザイン

「note風スタイル」ということで、ブログのスタイルシートを編集しています。今回は、目次について。主な変更点は……文字を細く・小さく・薄く背景色をグレーに項目の間に線を追加noteの目次の特徴は、「控えめ」なこと。記事によっては目次を付けていないものも多いです。目次（table of contents）のHTML構造.toc.toc-title.toc-contentol.toc-listliaリスト構造（ol, li）とアンカーリンク（a）の関係で、かなり複雑な入れ子になっ...
2020.12.21
ニッチな話題ホームページ運用
[Cocoon] ブログ記事の作成日時・更新日時を２段にする 【white-space pre】 ニッチな話題

[Cocoon] ブログ記事の作成日時・更新日時を２段にする 【white-space pre】

ブログ記事のタイトル部分のスタイルを少しいじりました。作成日時と更新日時を２段になるようにしました。こちらがCSSです。.entry-header .date-tags { order: 3; color: #a8abb1; font-size: 16px;}.entry-header .date-tags .post-update:after { content: "\A" ; white-space: pre ;}少し、文字の色や大きさも変更していますが、メインになるのは...
2020.12.21 2021.03.22
ニッチな話題ホームページ運用
WordPressのバックアップ復元がずっと終わらない…… 【Softaculous】 ニッチな話題

WordPressのバックアップ復元がずっと終わらない…… 【Softaculous】

ヒヤリとした話です💦WordPress 5.6のアップデートが思うようにいかず、いったんバックアップから5.5に復元することにしました。そのときに、バックアップ作業がずっと進まない状況になったので、レポートします。注意バックアップに失敗するとデータを失う場合があります。十分に注意した上で、自己責任で操作して下さい。WordPress 5.5に戻したいWordPress 5.6にアップデートしたところ、よく使っているプラグイン（Change Block Keywords）が対応...
2020.12.21 2020.12.25
ニッチな話題ホームページ運用
note風スタイル第３弾！ Cocoonのアイキャッチをタイトルの上に変更した 【display-flex】 ニッチな話題

note風スタイル第３弾！ Cocoonのアイキャッチをタイトルの上に変更した 【display-flex】

Cocoonのアイキャッチ画像は、既定ではタイトルの下に表示されます。今回はアイキャッチ画像をタイトルの上に表示されるように、スタイルシートを編集しました。これもnoteのデザインを参考にしています。タイトルと本文の位置が近くなるので、読みやすいですよね。Cocoon設定やPHP編集もいいけれど……アイキャッチ位置を変更する方法をざっと調べると…Cocoonの設定でアイキャッチを非表示にして本文中に画像挿入する方法content.phpを書き換えて表示位置を変更する方法が紹介...
2020.12.20 2020.12.21
ニッチな話題ホームページ運用
note風スタイル第２弾！モバイルメニューを編集 ニッチな話題

note風スタイル第２弾！モバイルメニューを編集

こんにちは。以前、noteのような読みやすいブログを目指して、スタイルシート（CSS）を変更しました。前回は、パソコンでもシングルカラムの方が読みやすいのではないか、というテーマでした。今回のメインは モバイルメニューです。どうすれば、スマホユーザーにとって集中して読みやすいか、というテーマでnoteのUIを参考に、ブログのスタイルをいろいろ試してみましたので、レポートします。モバイルメニューボタンをいろいろ変更した上部バーはすっきりさせました。下部バーはLINE登録、ツイッ...
2020.12.19 2023.07.13
ニッチな話題ホームページ運用
LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】 ニッチな話題

LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】

ほとんどタイトルが全てなんですが、LiteSpeed Cacheプラグインのアップデートについてメモしておきます。プラグインのアップデート一つでこんなに変わるんですね。LiteSpeed Cacheのバージョンが3.5.0.1にアップグレードされたLiteSpeed CacheはWordPressのプラグインで、mixhostサーバーではサイトスピード向上のために利用することができます。最近（2020年9月29日）バージョンが3.4.2→から3.5にアップデートされました。そ...
2020.09.30 2023.07.07
ニッチな話題ホームページ運用
[mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】 #PR含む

[mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】

ブログの編集をしていたら、いきなりアクセスできなくなりました。どうもレンタルサーバの一時的なエラーで、1時間ほど待つと無事に復旧されました。はじめてのことでびっくりしましたので、その顛末を記録しておきます。Error establishing a database connectionとは？自分のサイトにアクセスしたら、こんなメッセージが表示されました（2020-09-26 17:33）。Error establishing a database connectionThis...
2020.09.26 2023.03.28
#PR含むニッチな話題ホームページ運用
[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた ニッチな話題

[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた

Cocoonのアイコンリストのデザインが、ラベルボックスに比べて余白が多すぎる感じがしたので、修正しました。ビフォー・アフターを比べる元のデザインがこれでちょっとラベルボックスに比べると間延びしている気がします。こんなふうにしました。ほんとはさらにリストタイトルをラベルのようにしたかったんですが、ボーダーをつけるdiv要素を変えるのは大変だったので、やめました。Cocoonのラベルボックスのいいところ記事の中のポイントが目立って、読みやすいことです。Cocoonのアイコンリス...
2020.09.26
ニッチな話題ホームページ運用
次のページ