WORK
読み物サイトのWordPressテーマ改修
読み物サイトのWordPressテーマを一式改修しました。記事一覧・本文・ヘッダー・フッターの見出しや余白を揃え、記事を足しても同じ読みやすいレイアウトで表示されます。
概要
読み物サイトの WordPress テーマ一式を改修したものです。記事の一覧、一記事の本文、ヘッダーとフッターの見た目を、読み物向けのルールで揃えています。既存のテーマを土台に、並びと余白と見出しがページごとに違わないように直しています。読む人は一覧から本文へ進み、共通部分はどのページでも同じ位置に出ます。
読み物サイトの一覧、記事の本文、ヘッダーとフッターを、同じテーマのルールで出します。記事を追加しても、余白と見出しの大きさがページごとに変わらないようにしています。既存のテーマを土台に、読み物として上から下へ読める並びへ直しています。記事の一覧、本文、共通部分の見た目を、テーマのルールで揃えています。
課題
既存のテーマのままでは、読み物の並びと見た目を揃えにくい状態でした。一覧と記事で見出しの大きさや余白のルールが違い、ヘッダーとフッターもページによって位置がずれていました。記事を追加するたびに、前後のページと見比べてスタイルを合わせていました。テーマの初期状態のまま記事を載せると、読み物としての行間や幅が本文に合っていませんでした。
一覧と記事で見出しの大きさが違い、フッターの位置もページによってずれていました。記事を一本追加するたびに、前後のページと余白を見比べてスタイルを合わせていました。テーマの初期状態の行間のまま長い文章を載せると、本文の幅が読み物に合っていませんでした。共通部分と記事部分を別々に直していました。
対応
記事の一覧、一記事の本文、ヘッダーとフッターを、読み物向けのテーマとして直しています。一覧では記事の並びを揃え、本文では見出しと段落の幅を揃えます。ヘッダーとフッターは共通のテンプレートにし、記事を追加しても同じ枠の中に載るようにしています。スタイルとテンプレートを同じテーマの中で直し、ページごとに別の見た目を足さないようにしています。
一覧では記事のタイトルと並びを揃え、本文では見出しと段落の幅を揃えます。ヘッダーとフッターは共通テンプレートにし、記事を追加しても同じ枠に載ります。スタイルの変更はテーマの CSS とテンプレートにまとめ、記事ごとの個別スタイルを増やさないようにしています。読む人は一覧から本文へ進み、共通部分は同じ位置に出ます。
構成
テーマは WordPress と PHP です。一覧、個別記事、共通のヘッダーとフッターは PHP のテンプレートが出し、見た目は CSS で揃えます。記事の本文は WordPress の投稿として入り、テーマがその投稿を読み物のレイアウトで表示します。画面用の別フレームワークや、記事生成用の API は、このテーマ改修の構成には含めていません。
WordPress の投稿が記事の本文を持ち、PHP のテンプレートが一覧、個別記事、ヘッダー、フッターを出します。見た目の幅、余白、見出しは CSS で揃えます。記事生成の API や、別の画面フレームワークは使っていません。テーマが投稿を読み物のレイアウトで表示するところまでが、この改修の構成です。