サポート » 使い方全般 » 「アーカイブ」または「カテゴリー」の記事で行間が詰まってしまう

  • ackii

    (@ackii)


     wordpress2.5 を使ってサイトを運営しています。

    http://www.ackii-info.com/keen-entrepreneur/

     記事を投稿する際には、適宜行間を空けて、記事が読みやすくなるようにしています。

     ブログのトップページを表示させる時には、行間が空いた状態で記事が表示されて、読みやすいのですが、右のサイドバーにある、「アーカイブ」または「カテゴリー」にある項目をクリックして記事を表示させると、行間が詰まってしまいます。

     投稿時の記事に行間を空けたとおりに、「アーカイブ」または「カテゴリー」にある項目をクリックした時の記事表示にも、行間が表示されるようにしたいと思います。

     そのためには、どうすればよろしいでしょうか?

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • KKT

    (@kvex)

    情報が足りません。

    その状況から言いますと、たんにテーマの問題だと思いますが、どのテーマをお使いなのかわからないので回り道になってしまいます。
    まずは、テーマをお知らせ下さい。

    モデレーター IKEDA Yuriko

    (@lilyfan)

    ブログのトップページを表示させる時には、行間が空いた状態で記事が表示されて、読みやすいのですが、右のサイドバーにある、「アーカイブ」または「カテゴリー」にある項目をクリックして記事を表示させると、行間が詰まってしまいます。

    kvex さんのおっしゃる通り、テーマの問題なのですが、具体的に言うと、line-height の指定が違うということです。

    トップページの表示のときに本文を囲んでいる div 要素の class 名と、アーカイブ/カテゴリー表示のときの div 要素の class 名に違いがあって、それぞれの class に対する line-height の値を確認してみてください。

    トピック投稿者 ackii

    (@ackii)

    kvexさん、lilyfanさん、アドバイスありがとうございました。

    まず、テーマファイル名は、Blue paradise 1.0 : (Ricardo De Sousa 作) といいます。

    製作者のホームページ;
    http://www.ricdes.com/

    さて、lilyfanさんのアドバイスを拝見し、次のことをチェックしてみました。

    ☆メインインデックス(index.php)の内容をチェック

    次の記述が6行目にあることを確認。

    <div class=”posts”>

    ☆アーカイブ (archive.php) の内容をチェック

    次の記述が3行目にあることを確認。

    <div class=”posts”>

     単に、以上の事だけ見ていると、メインインデックス(index.php)でもアーカイブ (archive.php)でも、div 要素の class 名は同じに見えます。

     おそらく私がチェックしているところが間違っているのだろう、とは思います。
     チェックすべきところに関して、ヒントなどいただけますと幸いです。

    grooth

    (@grooth)

    Ackiiさん、はじめまして。
    Ackiiさんが仰っているのはシングルページではなく、「~月の記事一覧」といったページのことでしょうか?archive.php のどこかに <?php the_excerpt() ?> というコードがありませんか?もしあれば、その部分を <?php the_content(__(‘Read the rest of this entry »’)); ?> と書き換えてみてください。どうなるしょうか?

    odyssey

    (@odyssey)

    >Ackiiさん

    style.cssの前半に

    body {
    	background-color: #d3ecff;
    	color: #000000;
    	font: 12px Arial, Helvetica, sans-serif;
    	line-height:1.6;
    	margin-bottom: 0;
    	margin: 0;
    	padding: 0;
    }

    という指定がありますので、

    line-height: 2;

    のように変更してみてください。
    僕の環境では上記のようにしたところ、トップとアーカイブページとシングルページ、いずれでもおなじように行間が確保されています。

    トピック投稿者 ackii

    (@ackii)

    >Groothさん、

    はじめまして。Ackiiです。
    私が想定していたのは、「アーカイブ」および「カテゴリ」にある項目をクリックして表示される記事のことです。

    http://www.ackii-info.com/keen-entrepreneur/

    (すみません、シングルページって、なんのことだかわかりません。)

    さて、Groothさんがおっしゃるとおり修正をしましたところ、見事!思い通りに記事に行間が空いて表示されました。

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

    >odysseyさん、

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

     おっしゃるとおりの変更をしてみたところ、私の環境では変化が認められませんでした。
     なぜ、変化がでなかったのはかは分かってません。私の勉強不足で恐縮です。

    でも!その後、Groothさんのアドバイスに従ったらうまくいったので、とりあえず結果オーライです。

    今後とも、よろしくお願いします。

    モデレーター IKEDA Yuriko

    (@lilyfan)

    おっしゃるとおりの変更をしてみたところ、私の環境では変化が認められませんでした。
     なぜ、変化がでなかったのはかは分かってません。私の勉強不足で恐縮です。

    実は CSS の書き方が間違っているからです。(←ウソ。line-height は数値なし指定もOKでした。以下訂正します)
    line-height:2
    というのは単位が抜けています。ウェブブラウザーによっては、数値なし指定を解釈できなくて、表示がヘンになるのかもしれません。
    まあ、body に line-height を指定するのは凶悪なデザインで、いまいちと思います;-)

    あと、CSS は階層構造をしているので、class=”posts” の外側や内側にある class 名も効いてきます。the_content と the_excerpt で出力される XHTML は違いますので、その違いもあります (前者は p 要素で囲まれますが、後者はテキストしか出さない)。つまり、p 要素に line-height が設定されていたのかもしれません。

    トピック投稿者 ackii

    (@ackii)

    lilyfan さん、
    ありがとうございます。
    勉強させてください。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「「アーカイブ」または「カテゴリー」の記事で行間が詰まってしまう」には新たに返信することはできません。