ki-hi-ro.com

DAILY JOURNAL

WordPress

36記事の記録。

2026年11月

  1. Codexと進めるWebサイトのデザイン改善｜違和感を一つずつ解消する

    Codexと協業して自分のサイトのデザインを変えている 新しいUIにしてもらうたびに「なんかしっくりとこない」箇所があるので、 この記事に現状をまとめよう 洗濯が終わって、洗濯物を干し終わって、外出を終えたら、Codexのリセットが解除されているので、そこでCodexに修正してもらおう できることは具体的にWeb制作・業務自動化にしたい 上部のプログレスバーは不要 フォームはクリック時に強調されなくていい フッターにページトップを追加したい 水平線は不要（余白感でセクショニングする） このデザインがAIっぽいのでシンプルにしたい（左の強調はなしにする） 検索は上に持ってきたい（このセクションの） ここのスライドはやめて、3記事を見せたい 一つの記事のま…

  2. 【WordPress制作実践④】固定ページ・ヘッダーの作成からCodexによるテーマ開発へ

    前回は環境構築が完了しました https://ki-hi-ro.com/%e3%80%90wordpress%e5%88%b6%e4%bd%9c%e5%ae%9f%e8%b7%b5%e2%91%a2%e3%80%91wordpress%e3%81%ae%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89/ 固定ページを5つ作成 1 トップページ キャッチコピー・事業概要・お知らせ 2 事業・サービス紹介 加工技術・対応業務・設備 3 実績・事例紹介 加工事例3件 4 会社・事業者情報 会社概要・企業理念 5 お問い合わせ デモ用フォーム トップページをサイトのホームページとして設定する 左メニューの 「設定」→「表示設定」 を開く…

    【WordPress制作実践③】WordPressの環境構築

    前回はサイトの情報設計を行いました https://ki-hi-ro.com/%e3%80%90wordpress%e5%88%b6%e4%bd%9c%e5%ae%9f%e8%b7%b5%e2%91%a1%e3%80%91%e5%b0%8f%e8%a6%8f%e6%a8%a1%e4%ba%8b%e6%a5%ad%e8%80%85%e5%90%91%e3%81%91%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8/ 今回は、ローカル環境でWordPressの環境構築をします フォルダ構成 自分のサイトがルートにあるので、aobaを新規作成していきます WordPressの配置 WordPress…

    【WordPress制作実践②】小規模事業者向けホームページのサイト設計｜5ページの構成と掲載内容を決める

    事業者が情報発信できるWebサイトを作ります https://ki-hi-ro.com/wordpress%e4%ba%8b%e6%a5%ad%e3%81%ae%e6%96%b9%e5%90%91%e6%80%a7/ あおば精密工業という架空の会社のWebサイトを作っていきます https://ki-hi-ro.com/%e8%a6%81%e4%bb%b6%e5%ae%9a%e7%be%a9/ トップページの簡易ワイヤーフレーム ヘッダー : ロゴ、メニュー メインビュー : キャッチコピー、事業内容ページへのボタン その下 : 事業紹介の概要、加工実績の概要 お知らせ : 日付とタイトル お問い合わせフォーム 下層ページを含むページそれぞれに掲載する…

    【WordPress制作実践①】小規模事業者向けホームページの要件定義｜5ページ構成のサンプルサイトを作る

    前回、WordPress事業の方向性を決めました https://ki-hi-ro.com/wordpress%e4%ba%8b%e6%a5%ad%e3%81%ae%e6%96%b9%e5%90%91%e6%80%a7/ 早速、要件定義を行います あおば精密工業 小規模な製造業者が、自社の技術・設備・事業内容を発信できるホームページを作成します。 基本構成 トップページ 事業・サービス紹介 実績・事例紹介 会社・事業者情報 お問い合わせ お知らせ投稿・スマホ最適化・SEO設定 制作過程 要件定義 設計 環境構築 制作 動作確認 納品 サービス 目指す成果物 動くサンプルサイト 制作過程を記録した記事 実際に販売できるWordPress制作サービス

    WordPress事業の方向性

    事業者が情報発信できるWebサイトを作ろう 自分のWordPress事業の価値をそこに集中させる 私が考えているWordPress事業 事業者向けにWordPressを導入し、ホームページを制作・提供する事業 単なるブログ運営支援ではなく、以下のようなサービスです。 WordPressの導入：サーバー・ドメイン設定、WordPressの初期構築 ホームページ制作：事業紹介、サービス案内、会社概要、お問い合わせページの作成 情報発信の仕組みづくり：事業者自身が記事やお知らせを更新できる環境の提供 公開後の保守・改善：セキュリティ更新、バックアップ、表示改善など そして、事業の中心となる価値は、 「事業者が自分で情報発信できるホームページを、手頃な費用で構…

2026年9月

  1. MacBookでこのブログの開発環境を整える

    MAMPをダウンロードする MAMPを入れよう https://www.mamp.info/en/mac ダウンロードしたzipを開く インストール完了 2つある MAMP PROを開いてみる 課金が必要みたいだ MAMPを開く スタートした 高速道路を使う macbookに構築したmamp環境でWordPressを起動させたいです 1. MAMPを起動 これはOK 2. WordPressの配置場所を確認 Applications › MAMP › htdocsがドキュメントルート まだ、WordPress自体を配置していなかった 3. MAMPのポートを確認 4. データベースも必要 まだWordPress自体を配置していなかったです 1. Wor…

2026年7月

2026年6月

  1. アコーディオンの開閉をどこで設定しているか？

    現状、全部のアコーディオンが開いている 最新の記事の数に合わせて、全部のアコーディオンを閉じたいと思った 現状アコーディオンの構造 sidebar-not-single.phpの36行目〜50行目に記述している foreach ($archives_by_year as $year => $months) { echo '<li class="archive-year-item">'; echo '<details class="archive-year" open>'; echo '<summary>' . esc_html(sprintf('%d年', $year)) . '</summary>'; echo '<ul…

  2. 【WordPress】ローカル開発環境のMAMPが起動しない問題を解決した ー 原因はDB接続情報が本番環境のものになっていたこと ー

    4:34:06 MAMPのアプリを起動しようとしたら、 MAMPがクラッシュする MAMPの問題レポート ------------------------------------- Translated Report (Full Report Below) ------------------------------------- Process: MAMP [47611] Path: /Applications/MAMP/MAMP.app/Contents/MacOS/MAMP Identifier: de.appsolute.MAMP Version: 6.6 (1211) Code Type: X86-64 (Native) Role:…