サポート » 使い方全般 » hooter.phpとスタイルシートの関係性

  • 解決済 ajipon

    (@ajipon)


    はじめまして。ワードプレスを導入しはじめて使い出しました。
    バージョンは3.1.2で、サーバーはロリポップのチカッパ、FTPソフトはFilezilla、メインブラウザはIE8です。

    ワードプレスの書籍(スーパーカスタマイズとレッスンブック)を購入してチャレンジしておりPHPの知識もない段階なのですが、「だったら質問するな」と言わずにどうかご返答いただければ幸いです。

    前置きが長くなりましたが、本日、Adventure Journalというテーマを元にテーマの編集をやってみようと思い、「フッターにコピーライトを表示する」という作業をやってみました。

    そこで、footer.phpを管理画面から編集⇒もともとのフッターの文字やリンクみたいなのを削除し、
    <div id=”footer”>
    <adress>Copyright © (書きたい内容), Allrights reserved.</adress></div>
    </body>
    </html>
    という風に記述したところ、フッターに黒い文字でコピーライトが反映されました。
    ついでに
    <font color=”white” size=”3″> </font>
    という記述もここに加えてみると白色で少し大きめの文字になりました。

    ここまではよかったのですが、コピーライトの上にもう少し余白が欲しいと思い、購入した書籍を読んでみると、どうやらコピーライトのデザインはすべてスタイルシートで記述しているようなのでfooter.phpでのフォントに関する記述を削除し、書籍を参考にスタイルシートへ

    div#footer {border-top:solid 3px #FFFFFF;
    padding: 6px 0}

    address {font-size: 1.4em;
    font-color: #FFFFFF;
    margin-top:20px}
    ⇒(コピーライトの上に3ピクセルのラインを引くことと、コピーライトの文字のデザインを指定する内容・・・・であってますよね・・)

    と記述してみましたが、コピーライトは何の変化も起こりません。どうやら書籍ではindex.phpにコピーライトのaddress記述をしているようで、get_footerなどは使っていないようなのですが、このあたりに何か仕組みがあるのでしょうか?

    あと、footer.php内でコピーライトの上に余白を作ってしまう記述はできないのでしょうか?
    お教えいただければ幸いに存じます。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック投稿者 ajipon

    (@ajipon)

    ごめんなさい、質問タイトルhooterになってしまってました・・・。footerの間違いです。失礼しました。
    改めてご回答下さる方をお待ちいたします。

    トピック投稿者 ajipon

    (@ajipon)

    なんだか自己書き込みばかりですみません。
    デフォルトテーマのTwentyTenでも実験をしてみようと思い、スタイルシートのフッターにかかる部分にあるボーダーラインの太さや、その他フッター内に書かれている文字の色やサイズ等の値を書き換えてみて、変更を保存してサイトを表示させてみたのですが、やはりなんの変化もありません。

    ほかのファイルなどはいっさい触っておらず、スタイルシート内の値を変えればサイトに反映されると思っていたのですが、ここが根本的に間違っているということでしょうか?
    どなたかご教授のほど、よろしくお願いいたします。

    とりあえず原文のままだとすると、
    <adress>Copyright © (書きたい内容), Allrights reserved.</adress></div>
    ~ということは…!?

    つまり “<adress>” というHTMLタグは存在しませんので、当然ながらCSS(スタイルシート)の “address {~}” も反応しないです。念のためにご確認下さい。

    トピック投稿者 ajipon

    (@ajipon)

    4017Bさん、ご返答ありがとうございます!
    ご指摘の通り、footer.phpでの記述がadressとなっておりましたので早速addressに修正してみてサイトを表示させるとボーダーラインが現れ、マージントップも反映されておりました。感謝です!こちらのつまらないミスでご指摘のお手間をいただきありがとうございます。

    そこで調子にのってスタイルシート内でフォントサイズも変えてみて、変更を保存しサイト表示するとこれも反映されていました。
    これで一件落着・・・かと思いきや、フォントのカラーが反映されていない。

    font-colorのスペルは間違いなさそうだし・・、と思いカラーコードを変えてみても黒文字のまんまで、そうこうしながら再度フォントサイズやマージンやボーダーの色の値を変更してみたりしたのですが、今度は何をどう変更してもサイトに反映されなくなってしまいました・・・。(さらに考えてみるとボーダーラインに関してはアドレスのスペル間違いと関係なさそうに感じますが、昨日は反映されてませんでした。これもおかしい?)

    これはバグ的なものなのでしょうか?それとも管理画面でファイルをいじって反映させる際に、気を付けなければならないルールか何かあるのでしょうか?
    思い当たることがある方、いらっしゃいましたらご教授いただけるとありがたいです。

    こんにちは。

    CSS のプロパティが間違ってますよ。
    前景色(文字色)を指定するプロパティは color です。
    font-color というプロパティは今のところ存在しません。

    address { color: #ffffff; }
    トピック投稿者 ajipon

    (@ajipon)

    ご指摘ありがとうございます!勉強させていただきました。

    ご教授いただいたようにcolor:でも試していたのですが、このトピックを立てた時にはなぜか反映されなかったのですよ(実はその件について別トピック立てました・・)。

    しかし、その後やはりご指摘いただいた形で記述して、なんやかんやで反映されました。
    ちなみに : の後のスペースって必須だったりするのでしょうか?

    質問ばかりですみません。もちろん自身でも調べてはみますが、なかなか欲しい答えに届かず、時間がなくなってしまったりするもので、ここで勉強させていただけることは非常にありがたいと感じています。

    “color :”の後のスペースは必須じゃないですけど。明示的に入れるのが業界の習わしですかね(笑)?ただ、絶対にスペースを入れないとエラーになるプロパティもあるので、とりあえず入れる様に習慣化して置いた方が、何かの時にミスが少なくてすみます。

    あとCSS(スタイルシート)の質問なら、
    http://www.tagindex.com/stylesheet/index.html
    ~上記サイトの方が資料も充実してます。質問掲示板もあります。安いヤツで良いので、何か1冊参考書的な本とかも買って置くと良いですよ。

    P.S.
    老婆心ながら…何かWordPressがどうのこうの言う以前に、根本的にHTMLとCSS関連の知識がかなり乏しい様に見受けられます。

    そう言う状態で、独自にWordPressをカスタマイズしよう!~と言うのは、ただの無謀な冒険です。さらにPHPファイルを独自に書き換えるのですから、遅かれ早かれ致命的なミスを犯すような気がしてなりません。

    トピック投稿者 ajipon

    (@ajipon)

    ご返答ありがとうございます!参考サイトまでご紹介いただき恐縮です。

    まったくもっておっしゃる通り、知識ゼロから始めて無知な状態で情報のかけらを拾ってなんとかしようとしているため、無理が生じています・・・。

    ワードプレス関連の書籍は2冊も購入したものの、PHPやHTMLについて詳しくは載っていないため、やはりそちらの書籍を読んだほうが良さそうですね。
    その老婆心、素直に受け取らせていただきます(笑)

    ご返答いただいた方々、誠にありがとうございます。また何かの際にはよろしくお願いいたします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「hooter.phpとスタイルシートの関係性」には新たに返信することはできません。