pagenaviの検索結果1 - 2 件 / 2件

• あとで読む

  「Wp-Pagenavi」をいい感じにデザインしたコピペ用CSS | ZIGZOW（ジグゾウ）

  • 3 users
  • zigzow.com
  • テクノロジー
  • 2021/07/26

  ページ送り（ページャー）が表示できる便利なプラグイン「Wp-Pagenavi」。 もともとのスタイルはいまいちなので、ちょっといい感じにしてみました。 下記が参考画像です。 変更後画像 1. まずは設定で微調整 ダッシュボードの「設定」＞「PageNavi」から下記の画像のように少し設定を変えます。 またスタイルの適用はなしにしておいてください。 2. style.cssにコピペ 後は、以下のコードをstyle.cssにコピペしてください。 お好みでカスタムしてくださいね。 style.css .wp-pagenavi {/* 全体 */ margin: 20px 0; font-size: 12px; } .wp-pagenavi a {/* フォント色 */ color: #4a4a4a; } .pages {/* 左の表記 */ margin-right: 20px; } .wp-p

  
• あとで読む

  「WP-PageNavi」を使ったページネーション実装方法

  • 3 users
  • senoweb.jp
  • テクノロジー
  • 2020/08/17

  「固定ページ(page.php)編」と「 アーカイブ(archive.php)編 &」、「投稿テンプレート(single.php)編」に分けて、それぞれの実装までの流れを解説していきたいと思います。 管理画面からプラグイン「WP-PageNavi」をインストール まずは共通事項であるプラグインのインストールから説明していきます。 WordPress管理画面パネル内「プラグイン」から「WP-PageNavi」をインストール&有効化しましょう。 有効化するとパネルメニューの「設定」の中に「PageNavi」が出現。 設定画面では１ページあたりに表示させる記事数や、「前のページ用テキスト」「次のページ用テキスト」などの表記を編集することができます。 PageNaviの基本的な使い方 ページネーションを表示させたい場所に を、記述。 これが基本の使い方ですが、このままですとPageNaviを使用す

  • WordPress