WordPress豆知識:nextpage ←これ知ってるかい?

WordPressの投稿ページや固定ページで記事を書くときに、ページを区切りたい時に使います。

例えばこんな感じです。
スナップショット 12:11:11 15:01

※アーカイブページのページングとは違いますよ。single.php,page.phpでページングすることができます。

Allaboutさんのようなサイトとかによくありますよね。こんな感じで。

スナップショット 12:11:11 15:06-2

これがWordPressでもできちゃいます。

やり方は簡単です。
新規投稿画面のHTMLエディターの方で<!–nextpage–>と入れるだけです。
※ビュアルエディターではないので、気をつけて。

スナップショット 12:11:11 15:10

そうすると<!–nextpage–>のタグを入れた後は、2ページ目に表示されることになります。

1ページ目がこれで

スナップショット 12:11:11 15:13

2ページ目がこんな感じスナップショット 12:11:11 15:14

分割されたページへのリンク付き数字を出力するには下のコードをテンプレートファイルに書けばOKです!

ここのことね。

スナップショット 12:11:11 15:01

コードはこれです。

[php] <?php wp_link_pages(); ?>
[/php]
よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

「エンジニアのためのWordPress開発入門」を執筆しました!

WordPressを使った開発案件は依然多く、それに携わるWebエンジニアも多数存在します。ただし、モダンな開発手法に慣れたWebエンジニアがWordPressに初めて触れたとき、その独特のアーキテクチャやシステムの構成に戸惑いを感じることがあるかもしれません。だが、WordPressは、それらを補ったうえにさらに強力なメリットを持ち合わせています。本書は、PHPプログラマがWordPressで開発する際に必要な基礎知識から、現場で役立つ具体的なカスタマイズ手法や開発のポイントについて詳しく解説しています。

この記事を書いた人

NPO法人のHP制作(WordPress)やkintoneを使った業務システムの構築をしています。サイボウズ株式会社公認kintoneエバンジェリスト/CoderDojo西宮と梅田のチャンピオン/認定NPO法人宝塚NPOセンター理事/NPO法人SEIN理事/

コメント

コメント一覧 (2件)

  • これって何でビュアルエディターにボタンがないんでしょうね。
    More タグ挿入ボタンはあるのに…
    TinyMCE Advanced などで拡張すればボタンは追加できるけど、デフォルトで改ページ挿入ボタンがないのを不思議に思ってました 🙂

    • そうなんですよね〜!僕もビジュアルエディターのボタンを必死に探したんですが・・・
      ここはHTMLエディター使えって・・・汗
      忘れ去られてるのかも〜〜w

コメントする

目次
閉じる