ホームページ運用

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP） とりあえずのメモ

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP）

アイキャッチ画像のファイルサイズを小さくしつつ表示サイズを維持することで、WordPressサイトの表示速度を改善できます。子テーマのfunctions.phpに専用コードを追加すると、LCPの値が16,130ミリ秒から15,380ミリ秒へと少し短縮できました。理想的な表示速度にはまだ達していないため、サーバー応答時間の改善やLazy Load設定の見直しなど追加対策も必要です。 .title { font-size: 24px; font-weight: bold; fil...
2025.03.12 2025.03.13
とりあえずのメモプログラミングホームページ運用
Google reCAPTCHAキー移行とパフォーマンス改善の検討（Contact Form 7, Cloudflare Turnstile） とりあえずのメモ

Google reCAPTCHAキー移行とパフォーマンス改善の検討（Contact Form 7, Cloudflare Turnstile）

Google reCAPTCHAは2025年末までにGoogle Cloud版へ移行が必要で、多くのユーザーに費用増加をもたらします。Contact Form 7はバージョン6.1で対応する予定ですが、無料の代替案としてCloudflare Turnstileも導入される見込みです。この変更はAI技術の進化やサイバー攻撃の増加に対応するため、より効果的なセキュリティ対策の提供を目指すものみたいです。Google reCAPTCHAのパフォーマンス改善久しぶりにPageSpee...
2025.03.12 2025.03.20
とりあえずのメモクラウドセキュリティホームページ運用
[WordPress] ウィジェット構造をMarkdown形式で出力するプラグインを作ってみた とりあえずのメモ

[WordPress] ウィジェット構造をMarkdown形式で出力するプラグインを作ってみた

WordPressのウィジェットは便利ですが、いじっているうちに「前はどうなっていたっけ？」という状況になることがあります。そんな時に役立つ、ウィジェットの構造をわかりやすく記録できるプラグインを作りました。このプラグインを使うと、現在のウィジェット配置とその設定内容をMarkdown形式で出力できます。WordPressのウィジェット構造をメモしたいWordPressでウェブサイトを作っているとき、サイドバーやフッターにあるウィジェットの調整は頻繁に行います。しかし、調整し...
2025.03.12
とりあえずのメモプログラミングホームページ運用
YOORのコミュニケーション機能（ルームと投稿） とりあえずのメモ

YOORのコミュニケーション機能（ルームと投稿）

YOORのコミュニケーション機能は、主にトークルームと投稿機能を中心に構成されています。最大30個のトークルームを作成でき、プランごとに閲覧権限も設定できます。投稿機能では、画像や動画だけでなく、最大3万文字の長文投稿もできます。これにより、詳しい解説や深い考察なども共有できます。オーナーやメンバー間でコメントを通じた交流も可能です。トークルームは最大30個まで作成でき、テーマや内容ごとに分けて運営できます。各トークルームはプランごとに閲覧権限を設定できるのも特徴です。例えば...
2025.03.11
とりあえずのメモホームページ運用
オンラインサロンに必要な機能とサービス構成を考える（プラットフォームと組み合わせ） SNS

オンラインサロンに必要な機能とサービス構成を考える（プラットフォームと組み合わせ）

「オンラインサロン」はファンクラブ型、ノウハウ型、コミュニティ型の3つの価値に分類でき、相重なる部分もあります。簡単にオンラインサロンを開設できる、オールインワン型のプラットフォームでは、コミュニケーション、コンテンツ配信、決済など5つの基本機能を一元管理できるのがメリットです。オンラインサロンの5つの機能オンラインサロンを始めるにあたって、オンラインサロン作成サービス（YOORなど）を使おうかと検討しているところです。そもそも、オンラインサロンに必要な機能は何がありますか？...
2025.03.11
SNSとりあえずのメモアカウントパソコン基礎知識ホームページ運用
[Googleフォーム]「アクセス権が必要です」？（公開と共有の違い） SNS

[Googleフォーム]「アクセス権が必要です」？（公開と共有の違い）

Googleフォームは「公開」設定をオンにしてから「リンク共有」を行う必要があります。「アクセス権が必要です」というメッセージは、フォームが適切に公開されていないことを示しています。フォームを公開すると以前に共有したリンクも有効になるため、SNSで再度共有する必要はありません。Googleフォームが応募者側から見えない？GoogleフォームをSNSで共有したのですが、応募者側から見えないようです。どうすればいいですか？「アクセス権が必要です」というメッセージが表示されています...
2025.03.09
SNSクラウドスマホ基礎トラブルと対処パソコン基礎知識ホームページ運用
【講座】店舗運営者のためのオンライン活用・基礎（全５回） #非営利

【講座】店舗運営者のためのオンライン活用・基礎（全５回）

SNSやオンラインツールの活用に関心はあるものの、技術的な知識不足から十分に活用できていない、という店舗運営者からの相談は多いです。この講座では、小規模事業の運営で、SNSなどのオンラインツールをどう活用していくかについて、基礎知識や全体像を提供します。全5回の講座を通じて、オンライン活用の概論から具体的な実装方法まで、段階的に学ぶことができます。講座の特徴各回では実務における課題や疑問点から始め、その背景にある技術的な仕組みを含めて解説します技術的な知識の提供だけでなく、「...
2025.03.09 2025.03.11
#非営利SNSまとめスマホ基礎ホームページ運用
WordPressの古いリビジョンをまとめるカスタムプラグインを作った とりあえずのメモ

WordPressの古いリビジョンをまとめるカスタムプラグインを作った

WordPressの古いリビジョンを整理するカスタムプラグインを作成しました。このプラグインは一週間以上前のリビジョンから日ごとに最新の一つだけを残し、データベースの肥大化を防ぎます。管理画面からリアルタイムで進行状況を確認でき、毎日自動実行されるため効率的なサイト管理ができます。WordPressの記事保存の処理は、体感ではそこまで速くはなりませんでした。編集履歴を管理するプラグインを作ったWordPressで記事を保存する処理が遅くなってきた気がします。リビジョン（編集履...
2025.03.05 2025.03.06
とりあえずのメモプログラミングホームページ運用作業効率化操作には要注意
Facebookで宣伝すると有料になる？（Facebook広告） SNS

Facebookで宣伝すると有料になる？（Facebook広告）

Facebookでは投稿による無料の宣伝と有料の広告サービスの2種類の宣伝方法があります。投稿での宣伝はフォロワーにのみ届きますが、有料広告は新規顧客層にもリーチでき、対象を細かく設定できます。広告は必ず広告であることを明示し、虚偽や誤解を招く表現、違法な商品の宣伝は禁止されています。Facebookで宣伝するにはお金が必要？Facebookの広告は有料だと聞きました。無料の商品しか広告できないのですか？Facebookでは、有料・無料に関わらず商品やサービスの宣伝を投稿でき...
2025.02.21
SNSスマホ基礎ホームページ運用相談と回答
[WordPress]カスタムプラグインで投稿文字数の自動集計機能を追加した とりあえずのメモ

[WordPress]カスタムプラグインで投稿文字数の自動集計機能を追加した

WordPressの投稿文字数を日々集計し、データベースに保存するプラグインを作成しました。従来は集計画面表示時のみ実行されていた処理を、記事保存時に自動実行するように改善しました。下書き保存時の処理は負荷を考慮して省略し、公開・更新・削除時のみ実行する仕様としました。
2025.02.12
とりあえずのメモプログラミングホームページ運用作業効率化
[WordPress]ウィジェットタイトルを非表示にするCSS とりあえずのメモ

[WordPress]ウィジェットタイトルを非表示にするCSS

WordPressの管理画面で多数のウィジェットを区別しやすくするため、タイトルをつけると便利です。しかし、管理用のタイトルがサイト上で表示されてしまうのは困ります。これは簡単なCSS設定で解決でき、サイト運営の効率が向上しました。ウィジェットタイトルの表示設定についてWordPressサイトでは、多数のウィジェットを配置していると、管理画面での区別が難しくなることがあります。各ウィジェットに管理用のタイトルをつければ楽です。しかし、サイト上でも表示されてしまうため、これまで...
2025.01.16 2025.01.17
とりあえずのメモプログラミングホームページ運用勉強中のメモ
アクセス数を増やすために特典資料をつけてみた（ユーザー行動） とりあえずのメモ

アクセス数を増やすために特典資料をつけてみた（ユーザー行動）

サイト内でのユーザー行動を増やすために、特典資料PDFのダウンロードボタンを設置することにしました。読者に役立つ情報を表形式でまとめた特典資料を作成しました。「ダウンロード」というユーザー行動たまにウェブページを閲覧していると「特典」が付いていることがあります。これは、サイトの検索結果の順位を上げることにも有効なのだそうです。というのも、読者が特典をダウンロードするという行動が、サイトの評価の指標の一つだからです。そこで、読者に役立つ情報をまとめて資料を作ることにしました。特...
2025.01.10 2025.01.14
とりあえずのメモホームページ運用
WordPressの編集画面での差し替えた画像が古い状態で表示される？（画像キャッシュ） とりあえずのメモ

WordPressの編集画面での差し替えた画像が古い状態で表示される？（画像キャッシュ）

WordPressの画像キャッシュ問題により、差し替えた画像が古い状態で表示されることがあります。これは、ブラウザのキャッシュと画像URLの仕様が主な原因でした。キャッシュが読み込まれないように、functions.phpに管理者用に JavaScriptのコードを追加して、動的に画像URLにタイムスタンプを付与するようにしました。WordPressの画像キャッシュ問題WordPressでサイトを運営しているのですが、差し替えた画像ファイルをプラグイン（Media Clean...
2025.01.07
とりあえずのメモプログラミングホームページ運用
「Google プラットフォーム プログラム ポリシーの更新について」のメールが届いた（2024年12月） とりあえずのメモ

「Google プラットフォーム プログラム ポリシーの更新について」のメールが届いた（2024年12月）

Googleは2025年2月16日からパブリッシャー向けポリシーを更新します。新しいポリシーでは、プライバシー技術の進歩への対応と、広告配信プラットフォームの多様化に対する対応が含まれています。データ収集と使用に関する開示義務が強化され、特にCookieやウェブビーコン、位置情報などの取り扱いについて、より詳細な説明と同意取得が必要になります。「Google プラットフォーム プログラム ポリシーの更新について」というメール今日、Google AdSenseから「Google...
2024.12.19
とりあえずのメモインターネット小話プライバシーホームページ運用
AIプログラミングでタイピング練習ゲームを作った AIの話題

AIプログラミングでタイピング練習ゲームを作った

HTMLとCSS、JavaScriptでシンプルなタイピング練習ゲームを作りました。インストール不要でブラウザから動作し、シンプルで読み込みが早いことを目指しました。（公開サイト）AIプログラミングで工夫した点（仕様書とファイル構成）Claude 3.5 Sonnetで作成していったのですが、すぐにチャットの文字数上限になってしまいます。続きをプログラムしようにも、一からやり直しになってしまいます。そこで、チャット上限に近づいたら、「プログラム仕様書とファイル構成」を.md（...
2024.12.17 2025.01.06
AIの話題とりあえずのメモパソコン基礎知識プログラミングホームページ運用追記予定の話
「QRコードは登録商標」という表記は必要？ とりあえずのメモ

「QRコードは登録商標」という表記は必要？

「QRコード」は株式会社デンソーウェーブの登録商標です。登録商標は、製品やサービス名の一部に使うのには許可が必要ですが、非商用の一般的な文章内に使うのは問題ありません。ただし、登録商標は、一般名詞とは違って商標権者への配慮が必要な名前。無用な争いを避けるためにも登録商標表記をすることが推奨されています。デンソーウェーブは、QRコードの仕様を公開してJIS規格化を進め、一般利用できるようにしています。一方、「QRコード」という「ブランド」は企業の権利でもあり、その保護とのバラン...
2024.11.19 2024.11.26
とりあえずのメモわかりやすさ重視インターネット小話パソコン基礎知識ホームページ運用
アカウント登録の練習用ダミーページを作った（PHP） とりあえずのメモ

アカウント登録の練習用ダミーページを作った（PHP）

アカウント登録の練習用ダミーページをPHPで作成しました。このページでは、データを実際に送信せずにローカルで処理し、パスワード入力やフォーム検証の練習ができます。アカウント登録の練習用ダミーページを作ったブラウザで開いてパスワード入力を練習するためのページを作りました。練習用ページでは、実際のデータは送信されず、ローカルで処理されます。データの非保存：フォームのsubmitイベントをJavaScriptで制御し、実際にはデータを送信せず、ローカルで処理しています。フォーム検証...
2024.10.21
とりあえずのメモスマホ基礎セキュリティプログラミングホームページ運用
WordPress創設者とWP Engineの対立（OSSの難しさ） とりあえずのメモ

WordPress創設者とWP Engineの対立（OSSの難しさ）

WordPressの共同創設者マット・マレンウェッグ氏とWP Engineの間で、商標使用と貢献度をめぐる対立が起きています。WordPress.orgはWP Engineからのアクセスを遮断しました。オープンソースと商業利用のバランス、コミュニティへの影響など、多くの課題を提起しています。「OSSで大きな利益を出したなら還元しろ」ってことなのかな。OSSはコミュニティで運営しているから個人開発より盤石だと思っていたけど、リーダーの一存であっという間に変質してしまうんだね。O...
2024.10.17
とりあえずのメモニュースから考えるホームページ運用
やっとLinkedInで「会社ページ」を作れた SNS

やっとLinkedInで「会社ページ」を作れた

LinkedInで5か月前に「会社ページ」の作成に失敗しましたが、今回再挑戦して成功しました。会社ページは個人アカウントに紐づいて管理されます。アカウントの切り替えはプロフィールアイコンのメニューから行うことができます。ちなみに「会社ページ」という和訳ですが、必ずしも「法人」である必要はありません。個人事業の選択肢もあり、取得可能になっています。会社ページを再度作ってみた以前（5か月ほど前）、LinkedInのアカウントを作成し、「会社ページ」を作成しようとしたところ、エラー...
2024.09.23 2024.09.24
SNSとりあえずのメモアカウントホームページ運用
ブロックエディタを狭い画面で表示するときの文字サイズを小さくした とりあえずのメモ

ブロックエディタを狭い画面で表示するときの文字サイズを小さくした

ブロックエディタを狭い画面で表示する際の文字サイズを小さくしました。画面幅1080px以下の時に、文字や余白を調整するカスタムCSSを追加しました。これにより、AI画面を表示させた狭い画面でも、文章の全体像が見やすくなりました。ブラウザにサイドバーを表示すると「狭い」ブラウザのサイドバーにAI画面などを表示させると作業がスムーズになるものの、表示画面は狭くなります。特に、WordPressのブロックエディタを使っているときに、文章の全体像が見えにくく感じます。一時的にサイドバ...
2024.09.22
とりあえずのメモプログラミングホームページ運用作業効率化
WordPressにSVG画像をアップロードできるようにした（functions.php） とりあえずのメモ

WordPressにSVG画像をアップロードできるようにした（functions.php）

WordPressではセキュリティ上の理由からSVGファイルのアップロードが制限されています。functions.phpにカスタム関数を追加すれば、ブログエディタでのSVGアップロードを許可できます。ただし、アップロードを許可する場合、リスクも認識しておくことが大事です。「このファイルタイプ（SVG）をアップロードする権限がありません」WordPressにSVGファイルをアップロードしようとしたらエラーになりました。このファイルタイプをアップロードする権限がありません。fun...
2024.09.20
とりあえずのメモセキュリティプログラミングホームページ運用
CSVをShift-JISにするためのオンラインツールを作った（sjis-csv） とりあえずのメモ

CSVをShift-JISにするためのオンラインツールを作った（sjis-csv）

生成AIで作成したCSVファイルをExcel（オンライン版）で開いたら、文字化けしてしまいました。そこで、文字列をShift-JISにエンコードして sjis.csvとしてダウンロードし直すためだけのオンラインツールを作りました。ExcelはCSVの文字コードをShift-JISと過程する生成AI（Claude）が出力した csvファイルをそのまま オンライン版のExcelで開いたら、文字化けしてしまいました。これは、UTF-8のテキストファイルをShift-JISとして開い...
2024.09.18 2025.01.21
とりあえずのメモホームページ運用
[Cocoon] ブログカードのHTML構造でCSSを整理した（style.css） とりあえずのメモ

[Cocoon] ブログカードのHTML構造でCSSを整理した（style.css）

Cocoonテーマのブログカードの追加CSSを整理しました。ブログカードのHTML階層構造とメディアクエリで順序立ててまとめました。スタイルを追加するときは、はじめから構造を意識しておけばよかったね。style.cssに追加コードを整理したいstyle.cssに追加コードが増えて来たので、整理したいと思います。ただし、優先順位の問題があるので、並び順やCSSクラスの重ねた修飾の仕方も重要です。ブログカードの階層構造Cocoonテーマのブログカードは、HTMLの階層構造になって...
2024.09.18
とりあえずのメモプログラミングホームページ運用
Google Workspaceで独自ドメインのメールを作るには？（DNS） とりあえずのメモ

Google Workspaceで独自ドメインのメールを作るには？（DNS）

Google Workspaceは、Googleのビジネス向けサービスです。このサービスを利用すると、独自ドメインのメールアドレスでもGmailの便利な機能が使えます。ただし、ドメインのDNSレコードの設定、ユーザーアカウントの作成などの手順が必要です。Google Workspaceの管理者になって、Google Workspaceアカウントを作成する、とも言えます。独自ドメインでGmailを使う「独自ドメイン（カスタムドメイン）」とは、独自のウェブサイトのアドレスのことで...
2024.09.13 2024.09.15
とりあえずのメモアカウントクラウドホームページ運用
[WordPress]ランダムな記事へのボタンを追加した（functions.php） とりあえずのメモ

[WordPress]ランダムな記事へのボタンを追加した（functions.php）

過去の記事を「掘り起こして」読んでもらう仕掛けとして「ランダムな記事へのボタン」を追加しました。WordPressブログにランダムな記事へのボタンを追加するカスタムウィジェットを作成しました。きっかけは、ブログの「アーカイブ」としての機能を強化したいと思ったからです。カスタムウィジェットを作成するPHPコード前の記事、ランダムな記事、次の記事へのリンクを表示するカスタムウィジェットを作りました。WordPressテーマのfunctions.phpファイルの末尾に追加したら、ウ...
2024.09.05
とりあえずのメモプログラミングホームページ運用
LINEビジネスIDが自動的に2段階認証に切り替わる（LINE公式アカウント） とりあえずのメモ

LINEビジネスIDが自動的に2段階認証に切り替わる（LINE公式アカウント）

「もうすぐ LINE ビジネスIDが2段階認証でないとログインできなくなる」という通知が表示されました。2024年9月3日に、メールアドレスを登録しているすべてのLINEビジネスIDで2段階認証が有効に切り替わります。あらかじめ2段階認証に変更しておくと、ログインコードが届くか確認できます。今日が 8月31日だから4日後。かなり急なお知らせだね。「LINEビジネスIDの2段階認証の有効化」LINE公式アプリを開いたら、「LINE ビジネスIDが2段階認証でないとログインできな...
2024.08.31 2024.09.05
とりあえずのメモアカウントセキュリティホームページ運用
[CSS]Amazonリンクをnote風に画像を大きくした とりあえずのメモ

[CSS]Amazonリンクをnote風に画像を大きくした

Amazonリンクをnoteのデザインを参考に、画像を大きくして説明文を省略しました。CSSを更新して、デスクトップとモバイル両方での表示を変更し、商品名、画像、ボタンのレイアウトを調整しました。Amazonリンクのスタイルを変更Amazonリンクのスタイルを変更しました。今回は noteを参考にして、画像を大きくし、説明文を省略するようにしました。Amazonリンクの例↓更新後のCSS/** amazon リンク * ブログカードに寄せた * * 2024-08-31 no...
2024.08.31
とりあえずのメモプログラミングホームページ運用
[JavaScript]目次の開閉状態をCookieで記憶させた とりあえずのメモ

[JavaScript]目次の開閉状態をCookieで記憶させた

JavaScriptを使用して目次のチェックボックス状態をCookieに保存するようにしてみました。ページ再読み込み後も状態を維持するためにイベントリスナーで設定しています。ちらつき防止のためのCSSも設定しました。JavaScriptコード前回は、サイドバーに目次を追加しました。チェックボックスの状態をJavaScriptを使ってCookieに保存し、ページを再読み込みした後もその状態を維持するようにしてみました。/** 2024-08-30 チェックボックスの状態を保存す...
2024.08.30 2024.08.31
とりあえずのメモプログラミングホームページ運用
[CSS]モバイル版の記事一覧ページを見やすくした（style.css） とりあえずのメモ

[CSS]モバイル版の記事一覧ページを見やすくした（style.css）

記事一覧ページのモバイル表示を改善するためにCSSを調整しました。サムネイル画像を左側に配置し、正方形にすることで視認性を向上させました。記事間の余白を増やし、背景色を変更することで各記事の区切りを明確にしました。記事一覧ページのサムネイルを大きくした記事一覧ページを見やすくしたいと思いました。そこで、サムネイル画像を左にして正方形にしました。記事一つ一つのかたまりを意識できるように余白も増やしました。記事一覧ページのHTMLタグの構造記事一覧ページのHTMLタグの構造は、#...
2024.08.30
とりあえずのメモプログラミングホームページ運用
[WordPress] H2タグの文字の前に番号を追加するカスタムスクリプト（functions.php） とりあえずのメモ

[WordPress] H2タグの文字の前に番号を追加するカスタムスクリプト（functions.php）

H2タグの前に番号を付けるために、WordPressの functions.php にカスタムスクリプトを追加しました。H2タグを検出し文字列を置き換える処理を、フィルターとして 'the_content'に追加します。H3タグでも同様に階層的な番号付けができます。
2024.08.30
とりあえずのメモプログラミングホームページ運用
[WordPress] ウィジェットエリアを転用して左サイドバーにした（CSS） とりあえずのメモ

[WordPress] ウィジェットエリアを転用して左サイドバーにした（CSS）

WordPressサイトで、ワイド画面の左側の空きスペースを活用し、目次を左サイドバーとして表示するカスタマイズを行いました。このカスタマイズは、使っていないウィジェットエリアを、CSSで転用して実現しています。画面幅に応じて表示を切り替える仕組みも導入し、小さな画面では従来の記事内目次を表示するようにしました。すぐに見出しに飛びたいパソコンで記事を読んでいるときに、スムーズに見出しに移動できるように、左サイドに目次を追加しました。従来の目次は、導入文の後（１つ目の見出しの前...
2024.08.29 2024.08.30
とりあえずのメモプログラミングホームページ運用
「広告インテント チップ」とは？（Google AdSense） とりあえずのメモ

「広告インテント チップ」とは？（Google AdSense）

ニュース記事やブログなどを読んでいて、段落末尾に小さな検索リンクボタンが表示されていたら、それは「広告インテントチップ」かもしれません。Google AdSenseのこの機能は、記事を読んでユーザーが気になった商品にすぐにたどり着けるようにするための広告機能です。Googleは、ユーザー行動ではなくページ内容から効果的な広告が表示できないか模索してしているみたいです。「広告インテント チップ」とはGoogle AdSenseから、まもなく「広告インテント チップ（ad int...
2024.08.27
とりあえずのメモスマホ基礎プライバシーホームページ運用
[Cocoon] アイコンリストで二項対立のスライドを作るCSS とりあえずのメモ

[Cocoon] アイコンリストで二項対立のスライドを作るCSS

2つの事柄を対比して説明することが多いです。毎回、Keynoteで図解を作るのは大変。テキスト入力だけでかんたんに作成できると便利です。そこで、Cocoonテーマのアイコンリストを二項対立のスライドにするCSSを作りました。追加CSSクラスにslide dichotomyを入れるアイコンリストの追加 CSS クラスに「slide dichotomy」を入力すると、二項対立（dichotomy）のスライドになります。追加されたCSSポイントは、 display: flex; j...
2024.08.18 2024.08.19
とりあえずのメモプログラミングホームページ運用
[WordPress]画像キャプションをalt属性を自動設定するカスタムスクリプト（functions.php） とりあえずのメモ

[WordPress]画像キャプションをalt属性を自動設定するカスタムスクリプト（functions.php）

WordPressの画像ブロックにおいて、キャプションをalt属性に自動設定するカスタムスクリプトを作成しました。このスクリプトは、figcaptionタグ内のテキストを優先的にalt属性に設定します。functions.phpに追加することで、画像のアクセシビリティを向上させることができます。画像のキャプションをalt文字列に活用したいWordPressの画像ブロックには、キャプションを付けることができます。画像にAlt文字列が設定されていないときに、もしキャプションがあれ...
2024.08.11
とりあえずのメモプログラミングホームページ運用
ブログカード抜粋の先頭に「関連」を付けた プログラミング

ブログカード抜粋の先頭に「関連」を付けた

Cocoonテーマの「ブログカード」のカスタムCSSクラス「simple」の先頭に「【関連】」という文字を自動的に追加するようにしました。コードを整理して、よりスッキリとしたデザインに改善しました。「関連」という文字を先頭に追加したCocoonテーマのブログカードにCSSクラス「simple」を追加すると、文字リンクにするようにしています。このまえに「【関連】」という文字を自動的に追加するようにしました。.wp-block-cocoon-blocks-blogcard.sim...
2024.08.08
プログラミングホームページ運用
[WordPress]ブロックエディタに「書式のクリア」のショートカットキーを追加した（functions.php） とりあえずのメモ

[WordPress]ブロックエディタに「書式のクリア」のショートカットキーを追加した（functions.php）

WordPressのブロックエディタに「書式のクリア」のショートカットキーを追加しました。functions.phpとcustom-editor.jsを使用して、Command+Jで「書式のクリア」をできるようにしました。「書式のクリア」のショートカットキーを追加したいWordPressのブロックエディターにControl+Spaceでテキストの書式をクリアするショートカットキーとして「Command+J」を追加しようと思います。ブロックエディタの「書式のクリア」は、そのほか...
2024.08.04
とりあえずのメモプログラミングホームページ運用作業効率化
[WordPress] メディアライブラリの「添付」されたり、されなかったり？ ホームページ運用

[WordPress] メディアライブラリの「添付」されたり、されなかったり？

WordPressのメディアライブラリには「添付」という概念があり、画像と投稿・固定ページの関連付けを管理します。画像の挿入や削除により添付状態が変化しますが、URLリンクでの指定は技術的に「添付」にはなりません。メディアライブラリから画像を選択することで、管理の効率化やSEO対策、セキュリティ向上などの利点があります。WordPressのメディアライブラリにおける「添付」の意味WordPressのメディアライブラリには「添付」という概念があります。メディアライブラリでは、各...
2024.08.03
ホームページ運用
「プロブロガー」という現象とプラットフォーム とりあえずのメモ

「プロブロガー」という現象とプラットフォーム

「プロブロガー」は2010年代初頭に流行しましたが、固定ファンの獲得や収益の安定化が難しい問題がありました。2010年代後半には、プラットフォームによる収益化が整備され、クリエイターは個性を活かしつつ収益を上げやすくなりました。しかし、プラットフォーム依存にはアルゴリズム変更による露出減少などのリスクもあります。ゆるコンピュータ科学ラジオさんの「プロブロガーって何だったの？いま何してるの？」というYouTube動画が面白かったので、個人的にまとめておきます。個人だと「収益化」...
2024.07.31 2024.08.01
とりあえずのメモインターネット小話ホームページ運用
[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php） とりあえずのメモ

[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）

WordPressのアイキャッチ画像にalt属性を自動設定する方法を紹介します。functions.phpにカスタム関数を追加することで、空のalt属性に記事タイトルを設定します。この機能により、SEOとアクセシビリティの向上が期待できます。
2024.07.28 2024.08.11
とりあえずのメモプログラミングホームページ運用
WordPressサイトに二要素認証を追加した（Two-FactorプラグインとGoogle Authenticator） とりあえずのメモ

WordPressサイトに二要素認証を追加した（Two-FactorプラグインとGoogle Authenticator）

WordPressの安全性を高めるために、二要素認証を導入しました。Two-Factorプラグインを使用し、Google Authenticatorアプリと連携させて設定しました。ログイン時には、IDとパスワードの入力後に、アプリで生成されたコードも入力する必要があります。（参考）Two-Factor – WordPress プラグイン | WordPress.org 日本語WordPressに二要素認証を導入する最近、WordPressプラグインの改ざん被害に間一髪で逃れま...
2024.07.26
とりあえずのメモアカウントセキュリティホームページ運用
次のページ