サポート » 使い方全般 » ページ送りの表示の仕方

  • 初心者です。どうかお知恵をお貸しください。
    ページ分割を下記のようにしました(ググって探し当てたコードです)。

    ページ分割でページのリンクを□(border)でくくりたい。
    前、次などの補足は三角の矢印画像で表示したい。
    この画像の□(border)をはずしたいのですが、どうすればよいでしょうか?

    <div class=”pagination”>
    <?php global $wp_rewrite;
    $paginate_base = get_pagenum_link(1);
    if(strpos($paginate_base, ‘?’) || ! $wp_rewrite->using_permalinks()){
    $paginate_format = ”;
    $paginate_base = add_query_arg(‘paged’,’%#%’);
    }
    else{
    $paginate_format = (substr($paginate_base,-1,1) == ‘/’ ? ” : ‘/’) .
    user_trailingslashit(‘page/%#%/’,’paged’);;
    $paginate_base .= ‘%_%’;
    }
    echo paginate_links(array(
    ‘base’ => $paginate_base,
    ‘format’ => $paginate_format,
    ‘total’ => $wp_query->max_num_pages,
    ‘mid_size’ => 4,
    ‘current’ => ($paged ? $paged : 1),
    ‘prev_text’ => ‘<img src=”‘.get_template_directory_uri(). ‘/img/arrow_left.png”>’,
    ‘next_text’ => ‘<img src=”‘.get_template_directory_uri(). ‘/img/arrow_right.png”>’,
    )); ?>
    </div>

    【CSS】
    a.page-numbers,
    .pagination .current{
    border: solid 1px #B20000;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
    }
    .pagination .current{
    border: solid 1px #B20000;
    color: #B20000;
    }

    他によい方法があれば教えてください。
    よろしくお願いいたします<m(__)m>

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック投稿者 YOUKO0205

    (@youko0205)

    http://aka.gmobb.jp/lovesosweet/images/page.png
    今現在、このようになっています。

    下記コードで「前のページ」「次のページ」が出力できます。

    矢印の画像については、CSSでbackgroundで表示すれば良いかと思います!!

    <div class="post-navi">
    <span id="prev"><?php previous_post_link('%link','%title'); /* 前の記事へ */ ?></span>
    <span id="next"><?php next_post_link('%link','%title'); /* 次の記事へ */ ?></span>
    </div>
    トピック投稿者 YOUKO0205

    (@youko0205)

    mitsuoさん、ありがとうございます!

    前述のURLのように
    1 2 3
    とページがあるようだったら数字を表記したいのです(>_<)

    単純に枠を消したいだけなら、cssの
    border: solid 1px #B20000;
    を 消す(またはコメントアウト)でいいのではないでしょうか。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ページ送りの表示の仕方」には新たに返信することはできません。