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

駆け出し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の吹き出しキャラをスクロール連動でウィンクさせる方法

多くのテーマについているアイコンのついた吹き出し機能 このアイコンの表情がアニメみたいに動いたらすごいのになあ……なんて思ったことありませんか? 私は思いました。 そこで、 実際に動かしてみました 吹き出しアイコンが1回 … 記事を読む

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

Cocoonでフキダシが表示されなくなりました。 具体的には、 Cocoonの吹き出し機能を使うとHTMLがエスケープされ、コードが崩れる クラシックエディタのビジュアルエディタでのみ発生。 コードエディタに直接コードを … 記事を読む

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

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

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

10月7日、KUSANAGIのアップデートが来ました。 いつも通りコマンドを打ち込みます。 # dnf upgrade しかしエラーが出てアップデートできない。 競合するパッケージを置き換えるには、コマンドラインに &# … 記事を読む

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

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

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

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

kusanagi migrateしようとWEXALを削除したらNginxすら立ち上がらなくなって地獄を見た

KUSANAGI8から9への移行がようやく終わりました。 地獄を見ました。 KUSANAGIでサイトを作って以来の地獄を見ました。 以下、その顛末を記します。 最初に記しておきます。 理由は人災の複合なので、そのまま他の … 記事を読む

WEXAL環境でアクセス解析のPVが不自然に増えるときの対処法 Jetpack統計情報・Slimstat Analyticsの設定例

WEXAL環境で運用していると、アクセス解析のPVが急に増えることがあります。 やったあ! と素直に喜べる状況ならいいんですけど、実際の流入にしてはどうにも数値の伸び方が不自然。 何が起こってるの? 原因を探し始めた方も … 記事を読む

公式のkusanagi migrate手順を読んでもインポートできない。原因はカレントディレクトリでした

KUSANAGI8から9へ移行する際、kusanagi migrate –import がうまく動かず、少しハマりました。 原因は大きな設定ミスではなく、コマンド実行時のカレントディレクトリです。 同じところ … 記事を読む

「No Image」のせいでUI統一感が崩れるのが嫌だった ~Cocoonナビカードの外部リンクを調整する

Cocoonのナビカードは推したいリンクをカード化して見栄え良く表示してくれる便利な機能です。 当サイトでもサイドバーに使っています。 こんな感じで。 [navi_list name=”このはモード&#822 … 記事を読む

超初心者向けKUSANAGI導入マニュアル(2) セキュリティを設定する【KUSANAGI9対応】

本稿ではKUSANAGI導入時におけるセキュリティ設定を超初心者向けに解説します。 具体的には、BASIC認証、作業用ユーザー作成、rootログイン禁止、SSHポート変更、WinSCP設定まで順番にまとめました。 こちら … 記事を読む
× 閉じる