torinos 〔トリノス〕

雑談したり、手芸したり、ジャニーズ愛でたり。

超初心者のはてなブログカスタマイズ ~そもそもちゃんとヘルプ読んでから始めましょうね、の巻~

私は説明書が苦手なんです。

ブルーレイレコーダーを買った時も勘で繋いでなんとかなりました。色とか、形とかそういう見た感じでコードを繋いでなんとかなりました。なんとかなるんです。

ただ、今回は説明書読まないとなんとかならなかったという話。

 

1位だからという理由で長いものに巻かれた私は、わけのわからん文字の羅列に愕然としました。

やはり初心者には無謀だったのか…


 はてブロヘルプさんを読みながら、

f:id:to_torinos:20150302124005j:plain

うん…知識はまったくないよ…ごめんよ…と膝を抱えます。

 

しょんぼりスクロールしていくと「テーマを作成する準備」の文字。

作成するわけじゃなくて直して使いたいだけなんだけどな…って、こ!これは!!

f:id:to_torinos:20150302124703j:plain

私もやったよ、これ!やって失敗して今に至るけど!

 

f:id:to_torinos:20150302125217j:plain

え!そうなの?!別アカウント作らなくてもよかったの?!

あ、でも公開範囲は「自分のみ」にした!

 

f:id:to_torinos:20150302125956j:plain

あっ…レイアウト確認用の記事も用意してくれてるのか…至れり尽くせり…

 

f:id:to_torinos:20150302130156j:plain

このテーマをベースにすると「ゼロからテーマを作るのが難しいという方でも」!?

え!ほんと!?ハイ、ハーイ!!それ私!!

 

俄然やる気を取り戻したので、はてブロヘルプさんに従って作業開始!

よくわかってないけど「ソースコードを見る」をクリックしてみました。

f:id:to_torinos:20150302130709j:plain

すると、こんな画面に。

f:id:to_torinos:20150302131121j:plain

常によくわかってないけど欲しいのはCSSなので、たぶんこれだろうってことで上から3つめの「boilerplate.css」というのをクリックしてみました。 

f:id:to_torinos:20150302132349j:plain

お!っぽいのキタ!改行もちゃんとされててこれなら…!

しかし、いざコピーしようとすると…

f:id:to_torinos:20150302132519j:plain

うーん…左側の行番号まで選択されちゃうな…どーしたらいいんだ…

(むちゃくちゃページ重いし、周りにある何かのボタンを押すとかで解決できるのかもしれないけど英語でわかんなくてこわいから触らないことにした)

 

調べました。ありました。こちら。

こちらが目指すサンプルテーマ「Boilerplate」とのこと。

f:id:to_torinos:20150302135540j:plain


肝心のCSSコードはページの真ん中あたりに発見。

f:id:to_torinos:20150302133103j:plain

開いてみました。

f:id:to_torinos:20150302133359j:plain

お!今度こそキタコレ!ページも重たくない!

f:id:to_torinos:20150302133500j:plain

選択もCtrl+A(全選択)でイケた!よし、Ctrl+C(コピー)!

お試し用ブログの「デザイン」→「カスタマイズ」→「デザインCSS」のテキストボックスに Ctrl+V(貼り付け)! 

f:id:to_torinos:20150302134725j:plain

わーーーーい!!できたーーー!!!

 

やっと…やっとここまでこれた…長かった…思いのほか長かった…

長かったと言えば最近の記事のタイトル長すぎですよね…言いたいこと詰め込んだら長くなっちゃったんです…

 

いやー!最初からはてブロヘルプさんをちゃんと読んでいれば、ムダに別アカウント作らなくてもよかったし、長いものに巻かれて撃沈することもなかったし、なによりここまでたどり着くのにこんなに時間はかからなかったのにね!?!

と、いうことでせっかく用意してくれてるんだから関連するヘルプはちゃんと読んでから始めましょうね、という自分への戒めになった話でした。

 

まだ何ひとつカスタマイズできていないわけですが!

気を取り直して!記事やサイドバーの幅調整をしていこうと思います!

 

続く!(※不定期更新)