サポート » 使い方全般 » ページネーションのタグを非表示にしたい

  • wordpressにてテーマを使用しHPを作成しています。
    カスタム投稿を作成し、一覧ページ(archive-○○.php)でメンバーページを4列4行をcssで表示しています。

    タイトル部分は、肩書きと名前になる為、<br>を入れて2行にしています。投稿ページ(singleー○○.php)を見ると、「前へ・次へ」の部分に<br>タグが表示されてしまいます。

    <br>タグを非表示にしたく、その方法があれば教えていただきたいです。

    • このトピックはdesign234が2年、 5ヶ月前に変更しました。
12件の返信を表示中 - 1 - 12件目 (全12件中)
  • こんにちは

    スタイルシート(CSS)で、br タグを非表示(display: none)にするのはいかかでしょうか?

    ご使用のテーマやページネーションを出力しているコード(プラグイン?)などを提示されるともう少し具体的な回答がつくかもしれません。

    トピック投稿者 design234

    (@design234)

    ご丁寧にありがとうございます。
    テーマは、TCDのorionになります。
    スタイルシートとphpの提示で大丈夫でしょうか?
    初心者なものですみません。

    スタイルシート

    /* 次の記事、前の記事 */
    #previous_next_post { margin:0 0 50px 0; }
    #previous_next_post .prev_post, #previous_next_post .next_post { float:left; width:410px; }
    #previous_next_post .next_post { float:right; }
    #previous_next_post a {
      display:block; border:1px solid #ddd; padding:20px; 
      line-height:130%; height:150px; color:#333; text-decoration:none; position:relative;
      -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
      -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
    }
    #previous_next_post img { width:110px; height:110px; float:left; margin:0 20px 0 0; }
    #previous_next_post .title { display:block; font-size:14px; line-height:180%; max-height:100px; overflow:hidden; padding:5px 0 0 0; }
    #previous_next_post a:hover { background-color:#f5f6f6; border:1px solid #f5f6f6; }
    #previous_next_post .label { display:inline-block; background:#222; color:#fff; padding:10px 0; font-size:12px; position:relative; margin:0 0 0 20px; width:110px; text-align:center; }
    #previous_next_post .label:before {
      font-family:'design_plus'; color:#fff; font-size:12px; display:block; position:absolute;
      -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    }
    #previous_next_post .prev_post .label:before { content:'\e90f'; top:11px; left:10px; }
    #previous_next_post .next_post .label:before { content:'\e910'; top:11px; right:10px; }

    php

    <?php
      $args = array (
          'prev_text'          => 'NEXT>',
          'next_text'          => '<PREV',
          'show_all'           => true,
      );
    ?>
    <div class="pagination">
      <?php the_posts_pagination( $args ); ?>
    </div>

    こんな感じでしょうか。

    カスタマイズの [追加 CSS] などに、
    #previous_next_post .title br { display: none; }

    トピック投稿者 design234

    (@design234)

    ありがとうございます!!
    こちらで試してみます。

    あと、こちらに書いて申し訳ありませんが、
    カスタム投稿の一覧ページの編集で、管理画面の固定ページからだと
    タイトル下等にテキストブロック等を入れることができないのですが(phpだとできる)
    こちらも何か方法はありますでしょうか?

    関係ない質問で申し訳ありません…。

    本題と外れる追加の質問は、回答がつきにくいと思います。新たなトピックを立てるのが(他の人の目にもとまるので)よいと思います。

    トピック投稿者 design234

    (@design234)

    失礼致しました。
    新しくトピックを立てて質問させていただきます。

    トピック投稿者 design234

    (@design234)

    一覧ページや投稿ページの
    [追加 CSS] に入れてみましたが、できませんでした…

    問題のページまたは動作を確認できるページの URL を教えてもらえませんか?

    トピック投稿者 design234

    (@design234)

    お手数をお掛けします。

    テストページですが、こちらのページの下の「前へ」は肩書きと名前の間にスペースを入れています。
    「次へ」は<br>を入れているのですが、こちらの<br>を非表示にしたいです。

    https://woman-dl.com/test0702/%e6%96%99%e7%90%86%e5%ae%b6%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e3%80%80%e5%ae%89%e8%97%a4%e5%8d%83%e8%8b%b1/

    <div class="pagination">
      <?php the_posts_pagination( $args ); ?>
    </div>

    対象のページネーションを表示しているコードは、このコードではありません。
    下記のようなコードで前・次ページのタイトルを表示していると思われます。

    esc_html( get_the_title( 前後のID ) )

    この esc_html を strip_tags などに変更するとできると思います。

    トピック投稿者 design234

    (@design234)

    そうなのですね…。
    初心者には難しいですね。

    archive-○○.phpやsingle-○○.phpには似たようなコードが見つからず…
    また別のファイルにあるのでしょうか

    何度もすみません。

    有償テーマで、こちらでコードを見ることが出来ないため分かりません。また、このフォーラムは有償テーマについてはサポートすることができません。
    申し訳ありませんが、ご自身で調べらるか、他で質問されるか、テーマに依存しないところまで調べられて質問されると良いかと思います。

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • トピック「ページネーションのタグを非表示にしたい」には新たに返信することはできません。