Water and Earth

WordPressでphpやらcssのコーディング 練習に使ってるブログ

「雑記」に関する記事

しばらく見た目がおかしくなります

どのタグがどこまでの範囲になるのか背景色つけて確認しようと思うので、しばらくは見た目がダサくなります。

 

container 入れる場所、間違えてたヨ!

Chapter 2-6 にトップページを作成するってのがあるんですよ。

で、Chapter2-8 にヘッダーとフッターを表示ってステップになるんよ。

 

chapter 2-6 で index.php に

<div class=”container”>

(個別記事の場合の出力指定)

(ページのナビ)

</div><!–container–>

って感じで、「container 」って名前の分類を作るんよ。

 

style.css でこのcontainer のスタイルを指定しとくんよ。

本文の横幅はいくつでっせーとかね。

 

で、このcontainer さん。ほかの部分でも利用するんよ。

ヘッダーとフッターにもこのcontainer さんのスタイルを利用してるので、本文と同じ横幅でテキストが収まるようになるんよ。

ただ、ヘッダーとフッターの背景色は index.php で container さんの外側に書いてあるんよ。

 

 

この「最初にcontainer を指定するタグ」と「container を利用するタグ」があるんだけど、書き方はほぼ一緒っていうなんとも紛らわしいものなんです。

いや、最初に「container を指定するタグ」の一番最後に</div><!–container–> って表記するんで、「container さんはここで終わりやでー!」って分かるはずなんだけど、紛らわしいんよ。

で、本の各章内のステップで、そのステップで表記するテンプレートってのが載ってるんだけど、全体が長いから途中で「…略…」とか書いてあるんよ。

 

そんなこんながありまして、一番最初に<div class=”container”> を入れる場所、間違えてたヨ!

どーりでヘッダーの表示が本と異なってたワケだヨ!

『あれ? なんかおかしいなー?』と、ここ数日思ってたけど、こんなミスだったとは…。

 

 

あと、投稿日とカテゴリーの表示の下にタイトルが入ってしまってたんよ。

これも『なんでこんなところにタイトルが…?』と思ってたんだけど、

index.php で、

タイトルのタグ

投稿日タグ カテゴリーのタグ

<?php the_title(); ?>

って入ってたヨ! そりゃー、指示通りにタイトル表示させるワケだよ(タイトル、投稿日、カテゴリーのタグの表記は数行になるので、ざっくり日本語で書いてます)。

これも、本にはタイトルを表示させる<?php the_title(); ?>を書かせてから、

そのタグを使って<h1><?php the_title(); ?></h1> へと書き換えるというか<h1></h1>を前後に追加させるものだったんだけど、別の行にまるまる追加してたよ