WordPress練習帳:オリジナルテーマの自作

LINEで送る
[`evernote` not found]
このエントリーをはてなブックマークに追加

この記事に入る前に、もういつくかのプラグインを入れてみたり消してみたりして、だいたいの構造はわかった。

パーマリンクも、id=4みたいな味気ないものから、日付+タイトルのようなものにしてみた。

 

で、自作のテーマである。

seesaaでもアメブロでも結局はここが面倒くさくて、付け足し付け足ししながら、だましだましつくっていて、結局ダサいブログになってしまったのであるが、つまりはStyleSheetの知識が私にないわけだ。

で、いま使ってる教科書では、いまでもデフォルトで充分カッコイイこのテーマを「捨てて」、一から自作するみたいだ。。

 

/*

Theme Name: Sample Theme

Theme URI: http://tiurf.com/testblog/

Description: This is my sample theme

*/

 

あー、もうなんかいきなりですか。はい。とりあえずやってみよう。

 

ここまで書いてcssをアップすると、ブログ全部が真っ白になった。

でもこれで良いのだと教科書にある。

そのまま続ける。

 

<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head>
</head>

<body>
</body>

</html>

と書いて、アップ。

 

まだ画面真っ白。

 

<title><?php bloginfo(‘name’); ?></title>

の一文を加えて、

 

<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head>

<title><?php bloginfo(‘name’); ?></title>

</head><body>
</body></html>

とすると、トップページのタイトルが指定された。

 

なんか、こうやって1文1文、コードを書き足しながら進めていくと、どの分がどのパーツかがわかって、けっこういいかも。

 

ソースを見ると、

<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN” “http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>番頭日記前夜</title>
</head>
<body>
</body>
</html>

 

となっていた。まずは一歩前進。

 

次に、文字化けをさせないために、次の一文を加える。

<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>;charset=”<?php bloginfo(‘charset’); ?>” />

<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>;charset=”<?php bloginfo(‘charset’); ?>” />

<title><?php bloginfo(‘name’); ?></title></head>

<body>
</body></html>

 

ここまで書いても、まだHPは真っ白のまま。。。

 

LINEで送る
[`evernote` not found]
このエントリーをはてなブックマークに追加

モンハン。

LINEで送る
[`evernote` not found]
このエントリーをはてなブックマークに追加

高崎市の計画停電で真っ暗+バッテリー終了のため、一時中断して、真っ暗の中で夕ごはんを食べながらモンハンやった。HR2で、ウラガンキンとの戦いの最中に、電気復活。

明るくなったし、ご飯食べたし、ちょうどウラガンキンも苦労の末に買ったので、ブログの勉強の続きをする。

んで、順番がまるで逆だが、日本の携帯にこのサイトをうまく表示できるの?って思って探したら、あっさりAPPを発見。

とりあえずインストール。

インストールしたのは、百式さんと同じやつで、Ktai-styleというもの。

なんか、全部があっさり過ぎて、涙が出るぜ。

 

LINEで送る
[`evernote` not found]
このエントリーをはてなブックマークに追加