ドットインストール:WordPress入門 (全23回) #14まで

無事WordPressの管理画面にアクセスできたので、

やっと準備が整ってドットインストールで学習開始

WordPress入門 (全23回) - プログラミングならドットインストール

今日は#14まで学習。(記事の投稿〜固定ページ作成〜テーマの作成の途中)

 

[テーマ作成部分の流れを簡単にまとめ]

1.) index.html/style.css を作成

▼テーマの画像を準備

直下にscreenshot.png(※まだ出来上がりイメージが無いので、適当な写真を保存)

imgフォルダを作成、noimage.png (100×100)を保存

 

▼HTMLに必要なパーツを作成&CSSでデザイン

body{header(グローバルナビリスト), 記事(各記事(タイトル,meta,内容(写真&本文) ), navigator(prev,next)) sidebar(widgetリスト), footer, }

- Reset CSSおすすめ(CSS Reset - YUI Library

 

2.) WPのテーマに変換

wordpressフォルダ内 wp-content>themes>新しいフォルダを作成(dotinstall)

作成したフォルダ内に1)のHTML&CSS&その他を移動

 ⇒index.htmlの拡張子を→ index.php に変更

 ⇒ style.cssに▼ヘッダー情報を入れる(style.css wordpress codexで検索するとサンプルあり)

/*
Theme Name: Dotinstall
Theme URI: http://dotinstall.com/
Author: Dotinstall
Author URI: http://dotinstall.com/
Description: testtest
Version: 1.0
*/

 

 ⇒管理画面からテーマの切り替えが出来るようになっていた! (*´Д`)オオオオ 

f:id:kumajina:20140713181418p:plain

でもテーマを切り替えてサイトを見ても、まだCSSのスタイルが当たっていない・・・

続きは#15以降ですね