きもおた・わーどぷれす。

駆け出しWEBディレクターが公私ともどもAI執事を使いたおして、
サイトを作ったり壊したり直したりする記録

A rookie web director using AI to build, break, fix, and experiment across real projects.

From creative workflows to troubleshooting and hands-on web development.

A practical field log of building and learning with AI.

WordPressの日付表示を変えたらSlimStat Analyticsまで巻き込まれた話【時刻だけ消したい】

WordPressの日時表示から時刻を消したらslimstatの時刻まで消えて戸惑う技術者
サイト記事の投稿日時と更新日時をすっきりさせたくて、時刻を消してみました。 WordPressの投稿日時と更新日時から時刻を消したい場合は、管理画面「設定」→一般→時刻形式を空白にすると消えます。 うん、すっきり♪ 気分 … 続きを読む:WordPressの日付表示を変えたらSlimStat Analyticsまで巻き込まれた話【時刻だけ消したい】

WordPressの抜粋処理を軽量化する|the_excerpt()とget_the_excerpt()の処理差

WordPressの抜粋処理を比較した図解アイキャッチ。左側では the_excerpt() が filter・wpautop・shortcode・format など複数の処理を通る「重い処理」として表示され、右側では get_the_excerpt() が最小限の処理だけで軽量に動作する様子を対比。中央には「不要な処理を削減!」の矢印。右下には小型ホログラム風のチビキャラ少女が補助ガイドとして表示されている。
WordPressの抜粋処理でよく使われるのはthe_excerpt()。 <?php the_excerpt(); ?> これをget_the_excerpt()に変更すると処理が軽くなります。 <? … 続きを読む:WordPressの抜粋処理を軽量化する|the_excerpt()とget_the_excerpt()の処理差

サイトリニューアル作業に伴う過去記事の表示不具合について

おしらせをするサイト運営者
現在、当サイト「きもおた・わーどぷれす。」のリニューアル作業を行っています。KUSANAGI~WordPress周りの作業は一通り完了しました。 ただし、個別記事については現在も調整中です。 アイキャッチ画像や吹き出しア … 続きを読む:サイトリニューアル作業に伴う過去記事の表示不具合について

軽量な読了プログレスバー(どこまで読んだ?)をWordPressに設置してUX改善してみる

深夜の暗い作業部屋で、読了プログレスバーが表示されたモニターを静かに見つめる少女のイラスト。上部には細いサーモンピンク色の進捗バーが光り、WordPressサイトのUX改善を表現している。
最近、テック系のサイトを中心にあちこちで見かけるのが読了プログレスバー。 特にダークテーマですと、一筋の光が闇を貫くようで格好いい。 なんて厨二心をくすぐるの…… というわけで、自称中学二年生の私は本サイトに実装してみま … 続きを読む:軽量な読了プログレスバー(どこまで読んだ?)をWordPressに設置してUX改善してみる

GeneratePress × KUSANAGIで、AIこき使って「全部燃やした。」 ~PSIオール100までの道程

いらないコードやCSSを燃やしてPSIオール100を叩き出してドヤる少女の画像
本サイト「きもおた・わーどぷれす。」のリニューアルをしました。 GeneratePressとKUSANAGIでサイト構築して、PageSpeed Insights(PSI)オール100を獲りました。 リニューアルにおいて … 続きを読む:GeneratePress × KUSANAGIで、AIこき使って「全部燃やした。」 ~PSIオール100までの道程

WordPressの吹き出しキャラをスクロール連動でウィンクさせる方法

CSSスプライトでウィンクのアニメーションを作るイメージ画像
多くのテーマについているアイコンのついた吹き出し機能 このアイコンの表情がアニメみたいに動いたらすごいのになあ……なんて思ったことありませんか? 私は思いました。 そこで、 実際に動かしてみました 吹き出しアイコンが1回 … 続きを読む:WordPressの吹き出しキャラをスクロール連動でウィンクさせる方法

Cocoonでフキダシが表示されない不具合→原因はバージョン問題だった【クラシックエディタ限定】

Cocoonでフキダシが表示されなくなりました。 具体的には、 Cocoonの吹き出し機能を使うとHTMLがエスケープされ、コードが崩れる クラシックエディタのビジュアルエディタでのみ発生。 コードエディタに直接コードを … 続きを読む:Cocoonでフキダシが表示されない不具合→原因はバージョン問題だった【クラシックエディタ限定】

ConoHa VPSの「まとめトク」は本当にお得?メリット・デメリットと契約前の注意点

ConoHa VPSの長期割引「まとめトク」で悩む少女のイメージ
ConoHa VPSの「まとめトク」は、長期契約で料金を大きく抑えられる割引サービスです。 キャンペーンの対象になることも多く、価格だけ見ればかなり魅力があります。 ただし、 安いからといって最初から長期契約を選べばいい … 続きを読む:ConoHa VPSの「まとめトク」は本当にお得?メリット・デメリットと契約前の注意点

「kusanagiコマンドが見つかりません」から始まる悪夢 ~KUSANAGI9アップデート事故

KUSANAGIアップデートに失敗してバグの嵐に巻き込まれてパニックする少女
10月7日、KUSANAGIのアップデートが来ました。 いつも通りコマンドを打ち込みます。 # dnf upgrade しかしエラーが出てアップデートできない。 競合するパッケージを置き換えるには、コマンドラインに &# … 続きを読む:「kusanagiコマンドが見つかりません」から始まる悪夢 ~KUSANAGI9アップデート事故

Cocoonで「タップターゲットのサイズが適切ではない」を修正する方法

Cocoonの検索ウィジェットで「タップターゲットのサイズが適切ではない」とPageSpeed Insightsに警告されたため、CSSで検索フォームと虫眼鏡アイコンを調整している様子。小さすぎる検索ボタンのBefore / After比較を、デフォルメキャラクターと一緒に表現したアイキャッチ画像。
Cocoon×スキン「モノクロ」の組合せでPageSpeed Insightsをしてみたところ「タップターゲットのサイズが適切ではない」と怒られました。 検索窓が細すぎて、虫眼鏡アイコンが小さすぎるというものです。 SE … 続きを読む:Cocoonで「タップターゲットのサイズが適切ではない」を修正する方法

ConoHa VPSでKUSANAGIを使うなら何GB?|個人サイト運用での使用感まとめ

ConoHa VPSを検討している方の中には、KUSANAGI環境を使いたい方も多いと思います。 では個人サイト数個の場合、実際にメモリ何GBのプランを選べばいいのでしょうか? 私の使用感に基づいて記してみます。 まず、 … 続きを読む:ConoHa VPSでKUSANAGIを使うなら何GB?|個人サイト運用での使用感まとめ

Cocoonの1カラムでPageSpeed Insightsから「見出し要素は降順になっていません」と警告された時の対処法

Cocoonの1カラム環境で、PageSpeed Insightsから「見出し要素は降順になっていません」と警告された状況を、デフォルメキャラクターと見出し構造のBefore / After比較で表現したアイキャッチ画像。フッターウィジェットのH3タグ問題を、CSSやカスタムHTMLで調整して改善している様子を描写。
サイトを1カラムにしてPageSpeed Insightsをやってみたところ、次の指摘が出るようになりました。 見出し要素は降順になっていません 具体的に指摘されたのはフッター部ウィジェットの見出し。 Cocoonはウィ … 続きを読む:Cocoonの1カラムでPageSpeed Insightsから「見出し要素は降順になっていません」と警告された時の対処法
× 閉じる