サポート » テーマ » widgetで表示されるコメント一覧を2段にしたい

widgetで表示されるコメント一覧を2段にしたい

  • 解決済 BB7

    (@bb7)


    13年、 7ヶ月前

    widgetで表示されるコメント一覧を2段にしたい

    いつも世話になります。

    現在widgetを使用してサイドバーに「最近のコメント」を一覧表示しています。
    しかしこの機能を利用すると

    [投稿記事タイトル] に [投稿者名] より

    と一列で表示されてしまいます。
    これを

    [投稿記事タイトル] に
    　[投稿者名] より
    　
    のように2段で表記したいのですが、[投稿者]に「リンクあり」の場合と「なし」の場合があり思うようにいきません。

    <li id="recent-comments" class="widget_recent_comments">
   <h3>最近のコメント</h3>
      <ul id="recentcomments">
         <li class="recentcomments">
            <a href="http://・・・#comment-1">投稿記事タイトル</a>
             に
            <a href="http://example.com" rel="external nofollow" class="url">投稿者名</a>
             より
         </li>
      </ul>
または
      <ul id="recentcomments">
         <li class="recentcomments">
            <a href="http://・・・#comment-1">投稿記事タイトル</a>
             に
            投稿者名
             より
         </li>
      </ul>

    recentcomments や url のクラスを使えば上手くいきそうなんですが・・・・

    よろしければお知恵をお貸し下さい。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Fumito MIZUNO

    (@php-web)

    13年、 7ヶ月前

    functions.php に下記のように書けば、コメント投稿者に<span class=”comment_author”>が追加できます。

    function add_span_comment_author($return) {
  $return = '<span class="comment_author">' . $return . '</span>';
  return $return;
}
add_filter('get_comment_author_link', 'add_span_comment_author');

    こうすると、
    <span class="comment_author">投稿者名</span>
    または
    <span class="comment_author"><a href=...>投稿者名</a></span>
    と表示されます。
    後はCSSでレイアウトしてください。

    トピック投稿者 BB7

    (@bb7)

    13年、 7ヶ月前

    php-web さん　どうもありがとうございます。

    どういう仕組みかはまだ理解できていませんが、
    上手く<span>がつくようになりました。

    恥ずかしながらCSSの理解不足で [display:block;] としてみても後ろの「より」が落ちてしまい
    —–
    [投稿記事タイトル] に
    [投稿者名]
    より
    —–
    と三段になってしまいます。

    結局
    $return = '<span class="comment_author">'
    ここのところを強制的に
    $return = '<br /><span class="comment_author">'
    として改行しました。
    スマートではないのですが見た目はちゃんと二段になったのでとりあえずこれで行きます。

    PHPも php-web さんのサイトで勉強させていただきます。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「widgetで表示されるコメント一覧を2段にしたい」には新たに返信することはできません。

トピックタグ

表示