• 解決済 cjhxn045

    (@cjhxn045)


    初歩的な質問かもしれませんが、試行錯誤の末どうにも修正できませんので、
    投稿いたします。
    どなたかお助けいただけますようよろしくお願いします。

    ■問題点
    現在Modernpaperというテーマを使っておりますが、
    カテゴリーとアーカイプの投稿数を表示するようにしたところ、

    「カテゴリー1(10)」のような表示になって欲しいところが、

    「カテゴリー1
    (10)」
    のように投稿数が改行されてしまいます。

    解決方法を探る中で、「display: block;」の部分が原因だということが分かり削除したのですが、
    次は、スタイルが崩れてカテゴリー1と投稿数と、その下段のカテゴリー2がくっついてしまいました。

    スタイルが崩れないように、「カテゴリー1(10)」の状態にするには、
    どうすればよいのでしょうか。

    教えていただければ幸いです。
    どうぞよろしくお願いします。

    /************************************************
    * Left Sidebar *
    ************************************************/

    #l_sidebar {
    float: left;
    width: 200px;
    margin: 25px 0px 0px 20px;
    padding: 0px 0px 20px 0px;
    border-top: 2px solid #ff1493;
    }

    #l_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #l_sidebar ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    #l_sidebar ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #C0C0C0;
    }

    #l_sidebar ul li a:hover {
    background: #EFEFEF;
    color: #0066CC;
    }

    #l_sidebar p{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

    #l_sidebar {
    background-color: #f5f5f5;
    }

    /************************************************
    * Right Sidebar *
    ************************************************/

    #r_sidebar {
    float: right;
    width: 250px;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    border-top: 2px solid #ff1493;
    }

    #r_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #r_sidebar ul li {
    display: ;
    padding: 0px;
    margin: 0px;
    }

    #r_sidebar ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #C0C0C0;
    }

    #r_sidebar ul li a:hover {
    background: #EFEFEF;
    color: #0066CC;
    }

    #r_sidebar p{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    http://wpthemejp.com/modernpaper

    #l_sidebar ul li a のdisplay:blockを display:inline-blockに変更して

    border-bottom を削除

    更に、

    以下のスタイルを追加すると

    #l_sidebar ul li {
    display: block;
    border-bottom: 1px dotted #ccc;
    }

    実現できるのではないかと思います。

    (古いブラウザだと、inline-blockを解釈できないものもあるかもしれないですが、、)

    補足:
    このテーマは、かなり古いもののようで、他にも、表示に影響しそうな問題がありそうです。

    例えば、投稿のコンテンツ幅よりも、大きな画像を貼り付けると、サイドバーにはみだしてしまうとか、

    .sticky,.bypostauthor 等の必ずあるべき、CSSクラスがないとか、

    get_archivesとか、link_pages等の、かなり古い非推奨関数が使われていたり、

    <?php _e('お探しのページは見つかりませんでした。'); ?>

    等のように、翻訳関数の使用方法が変だったり

    テーマにケチを付けるつもりではないのですが、利用する人は、思わぬカスタマイズを強いられる可能性がありますので、その点留意しておいたほうがいいと思い、書き添えます

    トピック投稿者 cjhxn045

    (@cjhxn045)

    nobita 様

    返信遅くなり申し訳ありません。
    無事解決できました!
    本当にありがとうございました。

    またいろいろ教えてくださりありがとうございます。
    このテーマは古いものなんですね。
    シンプルで良いのですけどね。
    別のテーマも見てみます。

    今回は本当にありがとうございました!!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「カテゴリーとアーカイプの投稿数が改行されます。」には新たに返信することはできません。