Read Article

WordPress記事をnextpageでページ分割し複数にすると重複問題が起きるので対処方法と使い方

WordPress記事nextpageページ分割複数にすると重複問題が起きるので対処方法使い方 WordPress投稿記事が長くなると1記事を複数に分割したくなりますがページ分割方法nextpageタグを使う方法があります。

しかしnextpageでページ分割すると重複問題が起きるので対処方法と使い方をメモしときます。

WordPress記事をnextpageでページ分割

WordPressの記事が長文になると1ページを分割したほうがユーザビリティがあがるのではないかとの考えからページ分割を検討しましたがWordPressで作られたWebサイトではnextpageを使う事で簡単にページ分割ができます。

nextpageとは?

WordPressで使用する事の出来るnextpageページを分割したい箇所に下記のコードを書くだけで1記事を複数ページに分割する事が出来ると言うコードです。

[html]<!--nextpage-->[/html]

nextpage使い方!

当サイトでも使用していますので具体的な使い方としては…

nextpage ページ分割使い方WordPressの投稿画面でテキストエディターにnextpageのコードを書込みます。
青枠内は「QuickAdd」と言うプラグインを入れているのこの記事を見ている方の画面と違うかもしれませんがあまり気にせずにここでは軽くスルーしてください。

ではビジュアルエディターでみると…

nextpage2 ページ分割

実際にWebページをみると…

nextpage 使い方

ページネーションが確認出来ますね(大手のニュースサイト等でもよくかけます。)。
この「Facebookページ作り方最新!個人アカウントは作らない方法」の記事は1記事を3ページに分割しました。続きを見たい場合は「2」「3」とクリックすれば続きを見る事が出来ます。

ページネーションは使用しているテーマなどでもデザインが違いますがCSS等をさわればカスタマイズも可能です。(ここでは割愛)

しかしこのnextpageでのページ分割には問題が…

URL :
TRACKBACK URL :

COMMENTS & TRACKBACKS

  • Comments ( 4 )
  • Trackbacks ( 0 )
  1. 貴重な記事ありがとうございます。参考にさせていただきます。
    この件に関して質問させていただいてもよろしいでしょうか?
    このページもそうでありますが、ソーシャルボタンのカウントが全分割ページで共通の値になっています。
    しかしこちらで試したところ、そのようになるのはFacebookのみで、Twitterやgoogle+などは各分割ページそれぞれの値になってしまうようです。
    これは何か特別な設定などが必要なのでしょうか?ご存知であれば教えてくだされば幸いです。

    • 特に特別な設定は当ブログではしていません。。。
      少し調べてみる必要がありそうです〜
      詳しくご存知の方コメントお待ちしてます!

  2. はじめまして、こんにちは。
    私も「el plano」を使用しているのですが、教えてください。
    挿入するコードはPHPというものでしょうか?
    これをDigiPressメニューの「詳細設定」→「HTMLヘッダー設定」の中の
    ~内のユーザー定義のところへ入れればよいのでしょうか?

  3. DigiPressメニューの「詳細設定」→「HTMLヘッダー設定」の中の~内のユーザー定義のところ大丈夫です。挿入するコードはPHPになります。

LEAVE A REPLY

*
*
* (公開されません)

COMMENT ON FACEBOOK

Return Top