おしブロ from STONEWEB

おしい県でWebに携わって働く人のブログ from ストーンウェブ。IT&Web界隈に関する役に立ちそうなことをまとめていきます。2013年1月運営開始。

移転しました。

約3秒後に自動的にリダイレクトします。

WordPressのオリジナルテーマを作成する際に参考になる4つの記事

f:id:lord_cashew:20140317163333p:plain
最近ワードプレスでいくつかのサイトを制作中なのですが、試しにオリジナルのテーマを制作してみようかなーと思いつつ、以前からお気に入りに登録していた「ワードプレスのオリジナルテーマを制作する際に参考になる記事(4つ)」をまとめてみようと思います。

注意:少々記事が古いものもありますが、基本部分は同じだと思うので参考までに。。。

オリジナルテーマの参考記事

f:id:lord_cashew:20140317163945p:plain
おそらく最もわかりやすいWordPressテーマ制作チュートリアル | Stocker.jp / diary
(目次)
WordPressのインストール
テーマをデザインする
テーマをコーディングする
WordPressテーマの形式に作り変える
ヘッダー(header.php)
フッター(footer.php)
記事一覧(loop.php)
サイドバー(sidebar.php)とテーマのための関数(functions.php)
トップページ等(index.php)
記事ページ(single.php)
スタイルシート(style.css)
ウィジェットの設定
記事の投稿
さらにカスタマイズするには


f:id:lord_cashew:20140317163955p:plain
WordPress オリジナルテーマの作り方 3.0+ | Webクリエイターボックス
(目次)
WordPressのコーディングに入る前に
テーマ用フォルダを作成する
style.css
header.php
sidebar.php
footer.php
index.php
ループを理解する
ループをコピペする
functions.php
テーマを確認してみる
single.php
page.php
HTMLファイルを削除して…完成!


f:id:lord_cashew:20140317164003p:plain
http://webdesignrecipes.com/first-time-wordpress-origin-theme/
(目次)
HTML+CSS でサイトのデザインを作ろう!
HTML+CSS で作ったら、WordPress のテンプレートファイル化する
WordPress に合わせて index.php を分割しよう!
header.php を編集しよう!
メインのテンプレートファイル index.php の編集に挑戦!
サイドバーの部分 sidebar.php を編集しよう!
フッターを表示する footer.php を編集しよう!
個別記事を表示する single.php を作ろう!
コメント部分を表示しよう!
固定ページを表示するメインテンプレートファイル page.php を作ろう!
カスタムメニューを利用できるようにする
最後に Theme Check プラグインでチェック


f:id:lord_cashew:20140317164036p:plain
WordPressのオリジナルテーマ作成フロー・基本マニュアル | かちびと.net
(目次)
はじめに
作成するWebサイトの目的と構造
テーマ作成前に用意するものと環境
テーマの構造を(触り程度だけでも)理解する
HTMLからテーマ(PHP)に変換する手順
基本的なテーマ構成の例
動作テストをしよう
ちょっと気をつける事
もう一歩進んだオリジナルテーマ
これから更にテーマを進化させるために
あとがき

個人的な感想

ここまでの記事を書くのは大変だっただろうなーと思いつつ、ありがたく勉強させて頂く&活用させて頂きます。上の4つのブログに感謝!

© STONEWEB