WordPressテーマ開発で使い回せるAIプロンプト集【コピペOK・24パターン】
uni-logのWordPressテーマ開発で実際に使ったAIプロンプトを24パターン紹介。テーマ初期設定・ハンバーガー…
アーカイブ: 投稿
記事の一覧です。
GA4解析レポートを自分で作る方法｜毎月の定点観測から改善提案まで
GA4解析レポートの作り方を解説。チェックすべき5つの基本指標・レポートの構成テンプレート・数値から改善アクションを導く…
サーバーの選び方｜目的・規模・将来性で最適なサーバーを選ぼう
Webサイト公開に必要なサーバーの選び方を解説。共有サーバー・VPS・クラウドサーバーの違いと比較表、個人情報を扱うサイ…
Googleアナリティクスで何がわかるのか？実例レポートをもとに改善提案の方法を解説
Googleアナリティクス（GA4）を導入しているけれど、どこを見ればいいかわからない方へ。観光・小売系・BtoB製造業…
AIでスクロール読了率を表示するプログレスバーを作る【CSS＋JS生成】
AIでスクロール読了率プログレスバーを生成する方法。scrollYとscrollHeightを使ってwidthを動的に変…
AIで星評価（レーティング）UIを作る【CSS＋JS生成】
AIで星評価UIを生成する方法。ホバーで点灯・クリックで確定するインタラクションをCSS+JSで実装。プロンプト例・コー…
AIでローディングスピナーをデザインする【CSS生成】
AIでローディングスピナーのCSSアニメーションを生成する方法。@keyframesとborderを使ったスピナーをプロ…
AIで画像クリックで拡大表示するライトボックスを作る【CSS＋JS生成】
AIで画像クリック拡大ライトボックスを生成する方法。フェードアニメーション・ESCで閉じる・背景クリック対応のCSS+J…
AIで入力フォームのバリデーションUIを作る【CSS＋JS生成】
AIでフォームバリデーションUIを生成する方法。必須チェック・メール形式チェック・エラー表示のCSS+JSをプロンプト例…
AIでテキストが1文字ずつ打ち込まれるタイピングアニメーションを作る【CSS＋JS生成】
AIでタイピングアニメーションを生成する方法。1文字ずつ表示するJS・カーソル点滅CSS・複数フレーズのループまでプロン…
AIでボタンのホバーエフェクトを作る【CSS生成・5パターン】
AIでボタンのホバーエフェクトを5パターン生成する方法。スライド・アウトライン・矢印・リップル・フロートの各CSSをプロ…
WordPress保守って何？メンテナンスが重要な理由と、セキュリティ対策の基本
WordPressを作ったら終わり、と思っていませんか？実は定期的な保守・メンテナンスが必要です。放置するリスク、一般的…
AIでh1タイトルをグラデーションにする方法【CSS自動生成】
AIを使ってh1タイトルをグラデーション文字にするCSSを自動生成する方法を紹介。既存HTMLへの追加と、HTMLごと生…
AIでスライドショーのボタン・インジケータをデザインする【CSS＋JS生成】
AIでスライドショーの左右ボタン・ドットインジケータをデザインする方法。既存HTMLへのCSS+JS追加と、HTMLごと…
AIでスクロール固定エリア内に展開するコンテンツを作る【CSS＋JS生成】
AIでスクロール固定サイドバー内のアコーディオンUIを生成する方法。position:stickyと開閉アニメーションの…