WordPressのオリジナルテーマを作る過程を以下にまとめてみました。改めてまとめてみると結構なボリュームになりました。リンクが張ってある部分はその工程の詳細について書いているので興味のある方はご覧ください。
1日目
2日目
- 考えたデザインのHTML化開始
3日目
- トップページのHTML化は概ね終了
4日目
5日目
- ちゃんとHTML化していなかったパンくずリストのHTML化完了
6日目
- HTMLのWordPressテーマ化開始。トップページはほぼ完成
7日目
- 記事コンテンツ本文部分のHTMLも概ねWordPress化終了(single.phpの作成)
- ナビゲーション(前の記事、次の記事)の実装
- 記事下にAd/トラックバックスペース確保・CSS調整
- Social Bookmarking Plugin Lightプラグインの表示位置調整
- Category/TagのCSS調整
- パンくずリストのWordPress化(不具合があったため10日目に修正)
8日目
- トップページ各記事のSNSカウント数の表示部分を実装。Facebookのいいね!のカウント数が取得できずにずっとはまっていた
9日目
10日目
- サイドバーのカテゴリー部レイアウト調整(カテゴリ操作にかなり苦戦)
- サイドバーのApp部作成
- WordPress Popular Postsプラグイン(人気記事表示)導入
- 記事・コメント投稿後画面が真っ白になる不具合解消(php.ini修正)
- コメント投稿後の画面遷移不具合解消(overfloaw:hidden削除)
- トップページ右上にソーシャルボタン配置(以前まとめた記事1、記事2)
- 関連記事を表示してくれるYARPPプラグイン導入
- サイドバーにランダム記事表示(プラグイン未使用)
- パンくずリストのWordPress化・不具合修正(親子関係の並び順の適正化と複数カテゴリに登録されている記事の対応)
11日目
- 本番環境のWordPressのデータバックアップ
- 本番環境にWordPressの自動バックアッププラグインを導入
- サイドバーにAmazonのウィジェット表示
- ブログ用Adを新規作成し表示
- Googleの検索ボックスウィジェット作成
- Google Analysticsのコード挿入
12日目
13日目
14日目
- MarsEditをいろいろとカスタマイズ。本記事をMarsEditから投稿!
こんな感じで作業を進めていました。結構大変な作業ですがいろいろとノウハウが身に付いたと思います。
xx日目
- 謎のバナーを作るw