WordPressレッスンブック修了

 WordPressのレッスンブック修了。

("STEP7-3複数のサイトを管理する"を除く・・・) 

WordPress レッスンブック 3.x対応

WordPress レッスンブック 3.x対応

 

 記事&画像のレイアウト、メニューやカレンダー、 コメントとトラックバック

固定ページデザインにトップページ作成、

管理画面でヘッダー&背景画像を変更できるように設定

▼こんな感じに!

f:id:kumajina:20140722143510p:plain

でもなぜか背景画像だけが表示されず。

 

ぐぐってみたところ▼的確な回答を発見!

http://www.amazon.co.jp/review/R3ADHZE3MPZ21D/ref=cm_cr_rdp_perm?ie=UTF8&ASIN=4883377245

”※本書に背景画像を管理画面から変更できるようにするカスタマイズがありますが、3.3.1ですと、bodyにcustom-backgroundというclassを付与する必要があります。加えてこのカスタマイズを実行するとページ最上部にスペースが強制挿入される仕様になっています。コレを解決するにはfunctions.phpにadd_filter( 'show_admin_bar', '__return_false' );を追加する必要があります。”

▼筆者のWEBサイト解説も発見

http://ebisu.com/note/custom_background/

bodyにclassを付与する際は"<body <?php body_class(); ?>>"でもいいらしい。 

”<?php body_class(); ?>”は、ページの判別などに利用できるクラス名を自動挿入するテンプレートタグです。”

とのこと。なるほど。

▼おかげ様で完成

f:id:kumajina:20140722143804p:plain

ドットインストールでは、HTML&CSSブログデザインを作ってから WordPressのテーマに変換する方法でしたが、 レッスンブックでは真っ白な状態から作っていくので、 構造がより良く理解できた気がしました。

ただ1回本を見ながら作っただけでは、まだまだ。

ドットインストール:Vagrant入門 (全13回)完了

先日参加したイベントでGitHubのタコのような猫のようなかわいいシールを貰う

(※オクトキャットと言うらしい)

GitHubとは・・・・Gitを使うためのハブだ(?) 

GitHub

→Gitでバージョン管理ができるらしい。なんかかっこいい。使ってみたい。

→ドットインストールにGit入門発見

→ローカル環境が必要らしい

Vagrantという仮想環境を作るものがあるらしい

 

ということで、長い道のりですが

Vagrantを使ってローカル環境にWordPress入れて、Gitでバージョン管理する」を目標に?頑張ってみたいと思います。

(※GitHubはまだ使い道がよく分からないので後々・・・)

 

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

VagrantとVirtual Boxをインストール

Vagrant

Oracle VM VirtualBox

ドットインストールではvagrantbox.esからCentOSの仮想環境を立ち上げ

A list of base boxes for Vagrant - Vagrantbox.es

CentOS 6.4 x86_64 Minimal (VirtualBox Guest Additions 4.3.2, Chef 11.8.0, Puppet 3.3.1)

仮想マシンを初期化、実行!

f:id:kumajina:20140717213810p:plain

Webサーバを立ちあげて、index.htmlをブラウザから確認

f:id:kumajina:20140717213846p:plain

見れた!Hello World! (∩´∀`)∩

 

途中UNIXやviコマンドを忘れていてぐぐりまくりましたが

なんとか無事にクリア出来ました。

 

ただ、#09以降のProvisioning, 自作box, pluginの部分はちょっとよく理解出来てないです。そのうち分かるようになるかな。

WordPressレッスンブック〜p.89まで学習

ドットインストールで学習したあとはテキストで学習! 

WordPress レッスンブック 3.x対応

WordPress レッスンブック 3.x対応

 

ひだまり日記というブログ&オリジナルテーマを作成するらしい。

今日はp89まで修了

f:id:kumajina:20140716171837p:plain

トップページは結構見た目が整ってきています。

ただ、古い記事のページを表示するリンクが・・・

f:id:kumajina:20140716165615p:plain

なんだかださいです。

 

一気にやる気がなくなってきた所、

テキストに「WP-PageNavi」というプラグインの紹介が!

 

勢いでプラグインインストール。

でもよく使い方がわからず、ぐーぐる先生

WP-PageNavi - WordPressプラグイン - ページナビゲーションを作成 - WordPressの使い方と設定 - Webkaru

 プラグインをインストール後に有効化し、タグを設置したい場所に書き込み、後は管理画面からお好みの設定に変えるだけ。

便利。

 

そして、WPプラグイン 「WP PageNavi Style」で

かっこいいデザインに変更できるらしいので、それもインストール

 

・・・・・

 

でも、何かが変。

f:id:kumajina:20140716172748p:plain

スタイルが反映されていない?

 

 めげずに▼ぐーぐる先生

[太]WordPress自作テーマで、プラグインのCSSが適用されない場合の対処法 | Fujitaiju Blog -There is no border in the Internet!-

 <? php wp_head(); ?>

↑これをheadに挿入したら無事反映! 

f:id:kumajina:20140716165616p:plain

やる気が戻ってきました。

続きはまた今度。

ドットインストール:WordPress入門 (全23回)修了

ついに最後までテーマ作成完了!

f:id:kumajina:20140715145833p:plain

・・・・うん、シンプル。。。

なぜかmenuのリスト部分&リンク部分のデザインが適用されていないし。

 

でも構造がひと通り分かったので

今後は既存のテーマを見ながら&ぐぐりながら変更したり出来そう。

 

ドットインストール:Ruby on Rails 4入門 (全28回)#8〜#15

今日はRuby勉強会に参加

もくもくとドットインストール先生に続きを教わる

Ruby on Rails 4入門 (全28回) - プログラミングならドットインストール

(前回から日が経っており、ほとんど忘れていることは内緒)

 

動画の通りに操作するだけで

シンプルなタスク管理ツールのようなものが出来上がってきました。

 

▼一覧&新規作成フォームへのリンク&Homeへのリンク

f:id:kumajina:20140714230552p:plain

▼新規作成フォーム

f:id:kumajina:20140714230556p:plain

▼エラーメッセージも出るように!

f:id:kumajina:20140714230600p:plain

詳細はよく分からないけど、Controllerにメソッド書いて、

View(HTML&CSS)で表示させるって感じ?

とりあえず最後までやってみよう。

 

今日も便利なNitrous.IOを利用しました。

Nitrous.IO