ドットインストール: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
*/
⇒管理画面からテーマの切り替えが出来るようになっていた! (*´Д`)オオオオ
でもテーマを切り替えてサイトを見ても、まだCSSのスタイルが当たっていない・・・
続きは#15以降ですね