ホームページ運用

[PHP] タグ一覧に件数を追加する（Cocoon） とりあえずのメモ

[PHP] タグ一覧に件数を追加する（Cocoon）

ショートコードで表示している、ブログの記事のタグ一覧に、「件数」を追加しました。「タグリンク」をタップしても表示される記事が少ないと、別のタグを探し直さないといけないからです。前回はこちら。「クリック率向上のために！WordPressで「タグ一覧」に「記事数」を追加する方法」のコードを元に、ショートコード用関数にするために echo の部分を return にして、文字列を返すようにします。// the_tags_with_count() の末尾echo $before . ...
2023.05.21 2024.04.21
とりあえずのメモプログラミングホームページ運用
[Chrome拡張機能]「文章校正と表記ゆれチェックツール」を入れてみた とりあえずのメモ

[Chrome拡張機能]「文章校正と表記ゆれチェックツール」を入れてみた

ブログで文章を書いていると、微妙な「表記ゆれ」で迷うことがあります。例えば、「サーバー」か「サーバ」か、などです。どちらが「正解」とかではないですが、文章名入れではなるべく同じルールで表記できると読みやすいです。「自分のルール」として明確になっていない点もあるので、ツールで確認する方法を検討してみました。表示しているページを校正できるブラウザ拡張機能、WordPressプラグイン、有料の校正サービスなどを見比べてみて、まずは取り入れやすい「文章校正と表記ゆれチェックツール」と...
2023.05.19 2023.05.22
とりあえずのメモホームページ運用作業効率化
[CSS] ブログの文字詰めを微調整した【letter-spacing と font-feature-settings】 とりあえずのメモ

[CSS] ブログの文字詰めを微調整した【letter-spacing と font-feature-settings】

ちいラボでは、なるべく「文字が見やすい大きさ」に設定しています。しかし、自分のスマートフォンで閲覧すると、一行の文字数が少ないために、改行が多すぎる気もしています。そこで、文字の大きさをそのままに、「文字詰め」を狭めてみることにしました。letter-spacing全体的な字間をそのまま減らすには、letter-spacing に負の値を設定します（規定は0）。letter-spacing: -0.05em;font-feature-settings に "palt" を設定...
2023.04.29 2024.08.11
とりあえずのメモプログラミングホームページ運用
[AMP] 投稿タイトルにバックスラッシュが含まれていたら【無効なエスケープシーケンス】 プログラミング

[AMP] 投稿タイトルにバックスラッシュが含まれていたら【無効なエスケープシーケンス】

Google Search Console で「解析不能な構造化データの問題」というエラーが表示されました。これは 記事タイトルの中に、エスケープ文字であるバックスラッシュ（0x5C「\」）が入っていたからです。別の文字コードのバックスラッシュ（U+FE68：﹨）に変更したらエラーは消えました。Google Search Console での２つのエラーGoogle Search Consoleの通知で、エラーが表示されました。「解析不能な構造化データの問題」と「AMPの問題...
2023.04.26 2023.04.27
プログラミングホームページ運用
[CSS] 幅とパディングの関係【box-sizing】 とりあえずのメモ

[CSS] 幅とパディングの関係【box-sizing】

HTML要素の幅を固定して、パディングを内側に取りたいときには、「box-sizing」プロパティでborder-boxに指定します。固定ヘッダーとサイドバーが重なって幅が取れないウェブページに固定ヘッダーを作ろうと思いました。位置を position: fixで固定します。ところが、画面サイズによって幅の変わる左サイドバーがあったので、幅がうまくいきません。サイドバーの幅の分だけ右にずらす（leftやpadding-left）と、ヘッダーバー全体が画面から右にはみ出てしまい...
2023.04.24
とりあえずのメモプログラミングホームページ運用
[Cocoon] ソースコードハイライトが反映されない？【CSSセレクタ】 とりあえずのメモ

[Cocoon] ソースコードハイライトが反映されない？【CSSセレクタ】

なぜか、Cocoonのテーマ設定のソースコードが反映されませんでした。CSSセレクタを設定し直したら、うまく動きました。highlight.jsが動作しないCocoonテーマには、ソースコード ハイライト機能があります。これは、highlight.jsを利用しています。しかし、Cocoon設定では、ちゃんとハイライト表示にチェックがつけたのですが、記事内のソースコードがそのままでした。これまで うまくコードハイライトが表示されない原因は、「スクリプトの遅延処理などのほかのプラ...
2023.04.23
とりあえずのメモニッチな話題プログラミングホームページ運用
[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した とりあえずのメモ

[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した

どんな記事が安定して読まれているのか把握するために、平均PVを調べたいと思いました。前回作った月別ページビュー集計の自作プラグインに追加します。前回はこちら。管理ページにサブメニューを追加する（add_submenu_page）最終的に出来上がったのがこちら。ブログの勢いを将棋の駒でランク付けしています。書いた記事が、駒得で変換されるのでモチベーションが上がります。野球が好きなら、ヒットやホームランでもいいんだろうね。まずは、メニューに項目を追加します。WordPressプラ...
2023.04.23
とりあえずのメモニッチな話題プログラミングホームページ運用
[iPhone]「接続はプライベートではありません」は危険なの？（維持されていないサイトの場合） iPhone

[iPhone]「接続はプライベートではありません」は危険なの？（維持されていないサイトの場合）

ブラウザの警告が表示されてすぐに戻れば、危険はありません。また、この警告は偽サイトだけでなく、「老朽化」したサイトでもしばしば表示されます。
2023.04.19 2023.08.02
iPhoneスマホ基礎セキュリティホームページ運用冊子テキスト
[WordPress] サイトのデータベースが接続できなかったけど修正できた（MySQLデータベースの確認） #PR含む

[WordPress] サイトのデータベースが接続できなかったけど修正できた（MySQLデータベースの確認）

WordPressの記事投稿中にインターネット接続が不安定になったのか、WordPressサイトがエラーになってしまいました。サーバ管理画面で「MySQLデータベース」をチェックしたら、復旧することができました。エラーから原因を考える「Error establishing a database connection」と表示されているので、データベース接続に問題があるようです。Error establishing a database connectionThis either...
2023.04.13 2023.04.15
#PR含むとりあえずのメモホームページ運用
[WordPress] 脚注のプラグインを入れてCSSを変更した【Easy Footnotes】 とりあえずのメモ

[WordPress] 脚注のプラグインを入れてCSSを変更した【Easy Footnotes】

脚注のプラグインを入れました。定番の「Easy Footnotes」です。脚注のメリットは、根拠を添えておけることだよね。Easy Footnotesのショートコード（efn_note）「Easy Footnotes」は、プラグインの追加で検索するとインストールできます。段落ブロック内にショートコードを挿入すると、脚注になります。[efn_note]ここに文章を入れる[/efn_note]マウスポイントでツールチップが表示されるのと、記事末尾に注記が並びます。スマホだと、脚注...
2023.04.08 2024.01.14
とりあえずのメモプログラミングホームページ運用
サイトリニューアルで「リンク切れ」（IPAの事例） とりあえずのメモ

サイトリニューアルで「リンク切れ」（IPAの事例）

HTMLの強力な力の1つに、「リンク（ハイパーリンク）」があります。ほかの情報と結びつけることができることです。便利な反面、困るのが「リンク切れ」。場所ではなくウェブページそのものをID管理するアイデアはいくつかありますが、今のところ普及していません。サイトリニューアルとリンク切れ現在のウェブページでは、他のウェブページへのリンクに、「URL」を使っています。いわば ページの「住所」ですね。しかし、URLの仕組みには「根源的な問題」があります。それが「リンク切れ」。長く続いて...
2023.04.05 2023.04.12
とりあえずのメモインターネット小話ニュースから考えるホームページ運用
[CSS] 印刷用のラベルボックスの枠線の色を渋めにした とりあえずのメモ

[CSS] 印刷用のラベルボックスの枠線の色を渋めにした

ラベルボックスなどは、ディスプレイ上では薄い背景色で表示しています。しかし、そのまま印刷するとインクがにじみやすいので、枠線のみにしています。Cocoonのテーマ色をもとに、グレー、青、緑、黄、赤 に対応する、渋めの色リストを作りました。灰青緑黄赤鮮やか9494952BAAE23DB471FED900E60033薄い色F7F9F9F3FBFFEAF9F4FFF7CBFEF2F2濃い色CCDADAA3C6DAADD8CACDCC9AD8B0AC今までは、彩度の大きめの色だったの...
2023.04.03 2023.07.11
とりあえずのメモニッチな話題ホームページ運用
WordPress 6.2にしたら画像の「キャプション」がなくなった？【キャプションを追加】 とりあえずのメモ

WordPress 6.2にしたら画像の「キャプション」がなくなった？【キャプションを追加】

WordPress 6.2 にしたら、写真の下のキャプションの欄がなくなっているよ💦画像ブロックを選択すると、操作メニューに「キャプションを追加」ボタンがあります。画像の説明文は、必要なときに「追加」するようになりました。キャプションがない？WordPressでは、画像の下に説明文を入力できます。「キャプション」です。ところが、WordPress 6.2に更新したら、見つかりません。「キャプションを追加」ボタン実は、画像ブロックを選択すると画面上に「キャプションを追加」のボタ...
2023.03.31
とりあえずのメモホームページ運用
WordPress 6.2に更新したら「アウトライン」がなくなった？【リスト表示】 とりあえずのメモ

WordPress 6.2に更新したら「アウトライン」がなくなった？【リスト表示】

あれ？WordPress 6.2にアップデートしたら、「見出し一覧」がなくなっているよ。記事の構成を推敲するときに、見出し一覧をみる「アウトライン」が重宝します。WordPress 6.2 では、編集画面の「リスト表示」と一体化したボタンになりました。いったん「リスト表示」にしてから、タブから「アウトライン」に切り替えます。アウトラインを表示したまま編集できるようにもなっています。WordPress 6.1までは、画面左上に「（ i ）（詳細）」のボタンがありました。ほかにも...
2023.03.31
とりあえずのメモホームページ運用
「FTP」から「FTPS」に移行するには？ とりあえずのメモ

「FTP」から「FTPS」に移行するには？

自分のホームページを作っているのですが、最近 プロバイダから「FTP から FTPS に移行するから、設定を変更するように」という通知が届きました。どういう意味なのでしょうか？「FTP」と「FTPS」は、どちらもホームページのデータファイルを転送するときの方式のことです。「FTPS」では、FTPを拡張したもので セキュリティ保護がついています。これまでのFTPの通信では転送中のファイルは暗号化されていなかったのですが、FTPSではSSL/TLSによって暗号化して送るようになり...
2023.03.30
とりあえずのメモセキュリティホームページ運用相談と回答追記予定の話
[WordPress] テーマの更新があったので実行した とりあえずのメモ

[WordPress] テーマの更新があったので実行した

WordPressでは、更新情報が画面上や管理メニューの「更新」から確認できます。WordPress本体だけでなく、プラグインやテーマなども随時更新されているので、毎週のように何かしらの更新があります。更新するものを選択したら、「更新」ボタンを押すだけです。自動的に「メンテナンスモード」に以降し、完了すると戻ります。ちなみに、ごくまれに更新に失敗することがあります。私は一回経験しています。その場合、メンテナンスモードのままなので、サイトにアクセスなくなります。事前にバックアッ...
2023.03.28
とりあえずのメモホームページ運用
JimdoのAIビルダーとクリエイターの違い（オススメはクリエイター） #PR含む

JimdoのAIビルダーとクリエイターの違い（オススメはクリエイター）

Jimdo には、「クリエイター」と「AIビルダー」の2種類のエディタがあります。「クリエイター」の説明文をみると「コーディングができる人」「ホームページの専門家」などと書かれているので、一見 難しいように見えます。しかし、もともとの Jimdo は「クリエイター」エディタだけでした。これでも、ブログのようにじゅうぶん簡単に利用できます。AIビルダーは、勝手にいろいろデザインされるので、かえって細かい変更がわかりにくいです。選んだページは後から変更できないどちらか選んで作った...
2023.03.27
#PR含むアカウントホームページ運用
無料ホームページの2つのやり方【HTMLサーバとCMS】 #PR含む

無料ホームページの2つのやり方【HTMLサーバとCMS】

ホームページを作ってみたいのですが、無料でできますか？無料ホームページ作成には、2つの種類があります。無料のレンタルサーバとCMSです。xfreeとJimdoを例に、それぞれの利点・注意点を確認してみましょう。HTMLサーバとCMSの違いxfreeと Jimdo は、どちらもウェブサイトを作成するための無料サービスです。しかし、ホームページの作り方に大きな違いがあります。▶ xfree は「レンタルサーバ」で、▶ Jimdo は「CMS（コンテンツ管理システム）」だからです。...
2023.03.27
#PR含むホームページ運用相談と回答
アイコンサイトのサブスクリプションに登録した（flaticon.com） とりあえずのメモ

アイコンサイトのサブスクリプションに登録した（flaticon.com）

これまでは白黒のアイコン画像をよく利用していましたが、最近、アイキャッチ用にカラーのアイコンを探すことが増えました。しかし、毎回 フリーライセンスのものを探すのも かなり時間がかかります。そこで、イラストサイトの定額使い放題プラン（約1400円/月）を利用することにしました。flaticon.com「flaticon（フラット アイコン）」は、Freepik（スペイン企業）の運営するウェブサイトです。たくさんのアイコンが登録されています。（サイト）flaticon.com: ...
2023.03.26 2023.03.28
とりあえずのメモアカウントインターネット小話ホームページ運用
[Cocoon] ブログカードをラベルボックスのように表示するCSS プログラミング

[Cocoon] ブログカードをラベルボックスのように表示するCSS

カタカナ用語は、はじめて目にする人には意味がわかりにくいものです。記事の中で共通して使われる用語説明を、挿入しやすいように、「ブログカード」を活用することにしました。ブログカードでは、スニペットという概要を表示できます。用語と説明を小さな記事にしておけば、ブログ内に挿入できます。「word-description」というHTMLクラスへのスタイルシートで「ラベルボックス」のように表示させてみます。こちらがスタイルシートです。不要な項目を非表示（display: none;）に...
2023.03.25 2023.03.26
プログラミングホームページ運用
次のページ