ゆるくはじめるWordPress.

WordPressのテーマの作り方まとめ

オリジナルの自作テーマを作った際に学んだ事をこのページにまとめました。
通して読めば簡単なテーマが完成するようになっています。

サイトのデザイン部分には少しHTMLとCSSの知識が必要ですが、WordPressについては全くの初心者の方でもわかりやすように!を目指して作りました。
オリジナルデザインのWordPressテーマを作ってみたい!という方の参考になればと思います。


はじめてのテーマ作り

  1. テーマをレスポンシブにするためのHTML5の書き方
  2. テーマをレスポンシブにするためのCSSの書き方
  3. 必要な要素だけでミニマルなブログをデザインする
  4. 初心者でも簡単!テーマフォルダの作り方
  5. テンプレートファイル作り&インクルードタグの使い方
  6. 最初に覚えておきたいテンプレートタグ
  7. テーマにカスタムメニューを追加する
  8. ループを使って投稿を表示させる
  9. 条件分岐を使ってページごとに表示を変える
  10. ページ移動するためのページャーを設置する

関連

WordPressのテーマ作りに使ったフリーソフト6つ
まず練習用に、自分用に。と思って作ったので…というか単純に費用も抑えたかったので最初からWordPressのテーマは全部フリーソフトで作りました。 有名なHTML、CSSエディタ
WordPressのテーマ作りで役立ったWebツール7つ
テーマ作り、と言ってもそんな大した技術も使わず自分用の簡単なものを作っただけではあるのですが、そんな私が最初のテーマ作りで使って便利だったなぁと思ったWebツールをメモしておきたい

さらに機能を追加+カスタマイズ


テーマが完成したら