原因は View > Indetation > Indent Using Speaces にチェックが入っていたからでした。
これで解決。

＜参考にさせて頂いた記事＞
「Sublime Text3」でスペースになっているインデントをタブに一括変換する方法

下記のように .container に max-widthを指定してやればモバイルなどの場合は bootstrap本体のcssがいきてうまくいきますね。分かれば簡単でしたが探索に時間がかかりました。。

@media (min-width: 768px)
.container {
	max-width: 730px;
}

＜参考＞
Narrow Jumbotron Template for Bootstrap

bootstrapの場合は迷ったら Example を見るのもいいかもしれませんね。
Bootstrap#examples

Railsも使い方分からないので下記を参考に「非Rails環境でbootstrap-sassをインストールする場合」でインストールしました。
＜参考＞
Bootstrap 3 Sassの使い方

gem install bootstrap-sass　でエラーが出ましたが下記で対処できました。
＜参考＞
ERROR: Could not find a valid gem ‘gem名’ (>= 0), here is why: Unable to download data from https://rubygems.org/ と出た場合の対処法

中のscssがstyle.scss　という名前だったので bootstrap.scss にしたいと思いリネームしたら　「自らを読み込んでる」みたいなエラーが出たので style.scss に戻したらエラーはでなくなりました。 compass 内部で bootstrap.scssをなんだかんだしてるんでしょうか。結局 bootstrap-sass.scssにしました。

bootstrap のTipsなどは今後また追加していければ。。

bitbucket で共有リポジトリも利用できることを確認。

ただ、なんだかうまくコミットできてないファイルがある。。と思ったら日本語ファイル名が混じってたことが原因でした。

日本語ファイルも扱えるようにするのに下記を参照して解決。

・SourceTreeで日本語ファイル名を正しく扱う方法
http://btmn.jp/2012/08/23/sourcetree/

なんとか環境はできたのであとは使いながら習得できれば。。

データをアップロード後、エラーが出ましたが、ファイルのアップが不完全だっただけの模様。 再度データを全アップロードで問題なく解決できました。
3.9ではファイルアップロード回りが改良されている？のでしょうか。。
ブログもちゃんとした記事を書くとなると時間がかかって仕方がないので、今後はtwitterでつぶやくように気軽にブログを書いていこうと思います。

例えば下記のような場合、HTMLタグ側のみでの表現ならDWでパッと作業できるのでそうしています。

が。。
W3C的にはどうなんでしょう。CSSでの装飾が推奨なんでしょうか。
気になって調べてみたら大体、皆さんCSSで装飾されていることが多いようですね。

このあたりも我流に陥ってしまうとなかなか気付かないものです。
やはり装飾はCSSという基本に返って改めてみようかな、と思った今日この頃です。

調べたところ日本語環境でもWordpressの様々な機能を正常に動作させるためには、この「WP Multibyte Patch」は有効にする必要があるようです。機能一例として、サイト内検索などで日本語をうまく処理できるように修正してくれます。

他にも「WP Multibyte Patch」を有効にしないと正常に動作しない場合がいくつかあるようですので、Wordpressをインストールしたらこのプラグインは先に有効設定しておこうと思います。

よく使うコードなどをクリップNOTEに保存しておき、Shiftキー連打で起動、保存してある内容をクリックで文書にペーストとする、といった形で活用します。

ソフト名： クリップNOTE
動作OS： Vista,XP,WinMe,Win2000,Win98
機種： 汎用　
種類： フリーソフト
作者： ost-net.com

http://www.vector.co.jp/soft/win95/util/se156044.html

下記の画像のように利用します。コーディングやメール文書作成などでも結構使います。


クリップNOTEは書籍「XHTML&CSS超高速コーディング術」を見て知りました。

header.phpの　</head>　の前に

<?php wp_head(); ?>

footer.phpの　</body>　の前に

<?php wp_footer(); ?>

がないと動作しない、というところでハマりました。上記コードを書くと正常動作しました。

プラグインによっては有効に設定すると、　<?php wp_head(); ?>　または　<?php wp_footer(); ?>　部分に jsやCSSなどのコードを生成するようで、その記述が無いと正常に動作しない場合があるようです。

基本的に　<?php wp_head(); ?>　と <?php wp_footer(); ?>　は上記のように記述しておこうと思います。

多くのユーザーに利用されていそうなので設定してみました。

設定にはAPIキーの取得が必要です。下記の流れで行いました。

1. プラグイン＞Akismet

2. Akismetのサイト-1

3. Akismetのサイト-2

4. Akismetのサイト-3

5. Akismetからのメール確認とアカウントへのログイン

6. API Keyの確認

7. API Keyの設定

設定は以上になります。コメントスパムも防げるのでAkismetは今後も設定しておこうと思いました。