サポート » 使い方全般 » the_titleのスタイルが適用されない

  • 解決済 n_generation

    (@n_generation)


    初めて投稿させていただきます。

    index.phpで下記の通りに記載されていて、the_titleの部分のCSSが反映されないのですが、どなたか解決できる方いらっしゃいますか?
    CSSの記述はindex.phpの下に記述しました。

    <?php get_header(); ?>

    <div id=”content”>

    <?php include(TEMPLATEPATH.”/l_sidebar.php”);?>

    <div id=”contentleft”>

    <?php include(TEMPLATEPATH.”/page-message.php”);?>
    <div class=”cont”>

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
    <h1><?php the_title(); ?></h1>
    <div class=”postmeta”>
    <p><b><?php the_time(‘l’); ?></b> <?php the_time(‘Y年n月d日’); ?> <?php edit_post_link(‘(編集)’, ”, ”); ?></p>
    </div>
    <div class=”entry-content”><?php the_content(__(‘続きを読む’));?></div>
    <div style=”clear:both;”></div><small>カテゴリー <?php the_category(‘, ‘) ?></small>
    <!–
    <?php trackback_rdf(); ?>
    –>
    </div>

    <?php endwhile; else: ?>

    <p><?php _e(‘お探しのページは見つかりませんでした。’); ?></p><?php endif; ?>
    <p><?php posts_nav_link(‘ — ‘, __(‘« 前のページ’), __(‘次のページ »’)); ?></p>

    <h4>コメント</h4>
    <?php comments_template(”, true); // コメントテンプレートを挿入 ?>

    </div></div>

    <?php include(TEMPLATEPATH.”/r_sidebar.php”);?>

    </div>

    <!– メインカラム 終了 –>

    <?php get_footer(); ?>

    ■style
    #content {
    width: 980px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    line-height: 18px;
    }

    #content p {
    padding: 0px 0px 15px 0px;
    margin: 0px;
    }

    #content h1 {
    color: #000;
    width:580px;
    height:50px;
    font-size: 17px;
    font-family: Georgia, Helvetica, Sans-Serif;
    font-weight: bold;
    margin: 0px 10px 10px 0px;
    padding: 18px 0px 10px 50px;
    background:url(images/h1_bg.png) no-repeat;
    }

    #content h1 a, #content h1 a:visited {
    color: #000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    }

    #content h1 a:hover {
    color: #000;
    text-decoration: none;
    }

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • http://www.buildinsider.net/web/chromedevtools/01

    各ブラウザの開発者ツールにて確認してみてください。
    該当の見出し部分を検証してみると解決方法がわかるかと思います。

    トピック投稿者 n_generation

    (@n_generation)

    有難うございます。検証してみます。

    こんにちは

    CSSの記述はindex.phpの下に記述しました。

    基本的な間違いです

    提示されたコードのまま書いてあるとすると、動作しません。

    CSSは、style.cssに記述してください。

    index.phpに記述する必要がある場合は、CSSのルールを

    <style type="text/css">
    この中にCSSを記述してください
    
    </style>

    以下のPHPのinclude関数の利用も推奨されないです。

    <?php include(TEMPLATEPATH."/l_sidebar.php");?>

    一般的には、以下のように記述します

    <?php get_template_part( 'l_sidebar' );?>

    http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_template_part

    日本語環境で使うだけなら、ローカライズ関数を使う必要はありません
    使う場合は、第二引数に textdomain を指定した方がいいです

    __('« 前のページ')

    トピック投稿者 n_generation

    (@n_generation)

    すいません、質問の書き方が悪かったです。

    ■style以降はstyle.cssに記述してあります。

    わかりずらくてすいません。

    <h1><?php the_title(); ?></h1>

    index.phpの↑の部分をh1ではなく、個別に設定したら、適応されました。

    ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「the_titleのスタイルが適用されない」には新たに返信することはできません。