WordPress構築GW4日間チャレンジ

今年、2024年のGWは悲しくも4日間。

何をしようかと考えて、そうだブログを作ろうと閃きました。なぐログです。

その過程と内容についてメモしていきます。

構築前の準備：サイトマップから機能検討まで

GW前からちょこちょこサイトマップ、デザインを作成していました。

大まかに内容が決まったら、スプレットシートに思いつく記事のリスト作成とカテゴリ分け、タグの選定を行いました。

サイトマップは下記で考えていました。

• トップページ
• カテゴリー記事一覧
• タグ記事一覧
• 記事詳細ページ

また、必要な機能の書き出しをスプレットシートに行なっていきました。

GW1日目：ミニマムテーマ作りとプラグインの設定

テーマ作成

今回は、ブログサイトを目指したので、初心に帰ってテンプレートをできるだけコンパクトにしようと決めていました。よく使っているスターターテーマの「Underscores」から、不要なページを削除していきます。

残ったメインページは、以下です。

• index.php：404用
• home.php：トップページ
• archive.php：カテゴリー記事一覧、タグ記事一覧
• singular.php：投稿、固定ページ
• search.php：検索結果ページ

主なinclude用ページは以下です。

• サイドバー
• ヘッダー
• フッター

あとはパーツで分けました。

プラグイン

定番のプラグイン、ブログならではの以下を入れました。

▪️AddToAny Share Buttons ：シェアボタン

▪️Table of Contents Plus：自動的に目次を生成
これはSimpleTOCとどちらにしようか迷いましたが、自動で入るTable of Contents Plusに決定。

▪️WordPress Popular Posts：人気投稿ウィジェット（役に立つかなぁ？）

▪️Custom Card Link：外部サイトにも対応のリンクカードブロック
上記は内部リンクの画像がでない為、カスタムブロックで作り直しました。多分、アイキャッチを設定しない仕様にしている為取得できなかったのかと思います。

GW2日目：テーマテンプレート作成

HTML構築の前に、テーマをまずいじって、ダミー記事を登録し出力内容を整えました。今回はSEOに拘りつつも、めんどくさくないようにしたかったのでその辺りの自動化も導入しました。

カテゴリーにカスタムフィールドを追加して、アイキャッチは本文から出力、本文に画像がなければカテゴリーに登録した画像を出力（これに時間を取られました）。

GW3日目：デザイン反映

いよいよ、HTMLとCSSでデザインを整えていきました。トップページと各記事一覧、検索結果は同じデザインなので、早かったです。

GW4日目：チューニング

最後に、前準備で作っていたスプレッドシートに残りタスクがないかの確認→対応→確認を行いました。

また、後になっていたfaviconやOGP設定などの確認と画像作成を行ないました。

GWが終わって完成！

ひとまず4日間で公開できる状態まで持っていけました。

チャレンジ成功！とは言わず、記事を投稿していくと、気になる部分がでてきたりするので今後もチューニングは必要そうです。でも、GWを満喫できました。

1日の作業時間は4〜8時間でした。