Ermitejo - エスペラント語日本語翻訳

#HEJMO

WordPressプラグイン: "Pager for Split Entries"

Esperanto (eo) / Kromprogramo por blogprogramo WordPress: "Pagxilo por Dividajxoj"

English (en) / Plugin for WordPress: "Pager for Split Entries"

はじめに …… 概要と特徴 [ 目次へ ]

WordPressプラグイン"Pager for Split Entries"は<--nextpage-->タグによって分割された投稿やページのためのページャです。

使用法 [ 目次へ ]

WordPressプラグイン"Pager for Split Entries"をインストールするには: [ 目次へ ]

  1. プラグインのパッケージ(ZIPファイル)をダウンロードしてください。このファイルのサイズは3.3キロバイト(3,404バイト)です。現在のバージョンは1.0.1 (#10)です。
  2. ZIPファイルを展開(解凍)して、pager-for-split-entries.phpファイルをwp_contents/pluginsディレクトリにアップロードしてください。

プラグインを有効化し、ナビゲーションバーを表示するには: [ 目次へ ]

  1. WordPressの管理画面にログインしてください。
  2. 管理画面上部の[プラグイン]タブをクリックし、"Pager for Split Entries"プラグイン名の右にある[使用する]リンクをクリックして有効化してください。
  3. お使いのテーマファイル(single.php, index.php等)に<?php pager_for_split_entries(); ?>を記述してください。これで完了です!

最も基本的な記述例 [ 目次へ ]

3ページに分割された投稿で、1ページ目を表示した場合の例です。以降の例でも共通です。

pager_for_split_entries();

上記のように単純に記述すると、(X)HTMLコードは以下のようになります。

    <ul style="~">
        <li style="~">(Fiest)</li>
        <li style="~">#1</li>
        <li style="~"><a href="~/2">#2</a></li>
        <li style="~"><a href="~/3">#3</a></li>
        <li style="~"><a href="~/2">Next &gt;</a></li>
    </ul>

表示結果は、概ね以下の通りです。

カスタマイズ方法 [ 目次へ ]

このプラグインは引数によって表示内容を自由にカスタマイズ出来ます。

引数の詳細 [ 目次へ ]

pager_for_split_entries()関数へ指定可能な引数は以下の通りです。

順番名称概要暗黙値(デフォルト)
null(省略)の時''(空文字)の時
0first前のページが無い場合(自身が先頭ページの場合)の「前へ」の代替文字列。'(First)'li要素自体が描画されません
1previous前のページへのリンク文字列。'< Prev'
2prefixページ番号の接頭辞。'#'''(空文字)
3suffixページ番号の接尾辞。''(空文字)
4next次のページへのリンク文字列。'Next >'
5last次のページが無い場合(自身が最終ページの場合)の「次へ」の代替文字列。'(Last)'li要素自体が描画されません
6split_pagesナビゲーションバーであるul要素のclass属性値。スタイルを指定するために使います。class属性値ではなくstyle属性が記述されます
7active_pageナビゲーションバー内の現在ページ番号であるli要素のclass属性値。スタイルを指定するために使います。class属性値ではなくstyle属性が記述されます

引数の指定方法 [ 目次へ ]

pager_for_split_entries()関数への引数の指定方法は、以下の通りです。

字面を変えたい#1 …… 日本人なら日本語だ [ 目次へ ]

文字を変えることが出来ます。

pager_for_split_entries('[先頭]', '&laquo; 前へ', '第', '頁', '次へ &raquo;', '[末尾]');

上記のように記述すると、(X)HTMLコードは以下のようになります。

    <ul style="~">
        <li style="~">[先頭]</li>
        <li style="~">第1頁</li>
        <li style="~"><a href="~/2">第2頁</a></li>
        <li style="~"><a href="~/3">第3頁</a></li>
        <li style="~"><a href="~/2">次へ &raquo;</a></li>
    </ul>

表示結果は、概ね以下の通りです。

字面を変えたい#2 …… First, Lastは要らない [ 目次へ ]

先頭や末尾は自明であるとして文字を取り除くことも出来ます。

pager_for_split_entries('', '&laquo;', '', '', '&raquo;', '');

上記のように記述すると、(X)HTMLコードは以下のようになります。

    <ul style="~">
        <li style="~">1</li>
        <li style="~"><a href="~/2">2</a></li>
        <li style="~"><a href="~/3">3</a></li>
        <li style="~"><a href="~/2">&raquo;</a></li>
    </ul>

表示結果は、概ね以下の通りです。

字面を変えたい#3 …… 前後リンクを不活性っぽく [ 目次へ ]

先頭・末尾の文字を消すのではなく、前後の頁へのリンク文字列と一緒にすると、前後のナビゲーションを不活性化したような効果を得られます。

pager_for_split_entries('&laquo; 前へ', '&laquo; 前へ', 'p.', '', '次へ &raquo;', '次へ &raquo;');

上記のように記述すると、(X)HTMLコードは以下のようになります。

    <ul style="~">
        <li style="~">&laquo;前へ</li>
        <li style="~">p.1</li>
        <li style="~"><a href="~/2">p.2</a></li>
        <li style="~"><a href="~/3">p.3</a></li>
        <li style="~"><a href="~/2">次へ &raquo;</a></li>
    </ul>

表示結果は、概ね以下の通りです。

色や線の太さや文字の大きさ等を変えたい [ 目次へ ]

第6,7引数にクラスを指定すると、

pager_for_split_entries(null, null, null, null, null, null, 'split_pages', 'active_page');

ul要素やli要素にclass属性を与えられます。

    <ul class="split_pages">
        <li>(First)</li>
        <li class="active_page">#1</li>
        <li><a href="~/2">#2</a></li>
        <li><a href="~/3">#3</a></li>
        <li><a href="~/2">Next &gt;</a></li>
    </ul>

ここで、普段お使いのCSS(スタイルシート)にスタイルを記述してください(CSSの知識が必要です)。

    ul.split_pages
    {
        margin              : 1em 0;
        padding             : 0.2em;
        border              : 1px solid #336;
        background          : #eef;
        color               : #000;
        font-style          : italic;
        font-weight         : bold;
        font-size           : 90%;
        text-align          : center;
    }
        ul.split_pages li
        {
            display             : inline;
            padding             : 0 0.4em;
            letter-spacing      : 0.3em;
        }
        ul.split_pages li.active_page
        {
            font-size           : 120%;
            font-weight         : bold;
        }

例はちょっと弾け過ぎましたか……。

ご意見・ご質問・バグの指摘等 [ 目次へ ]

改版履歴 [ 目次へ ]

versio 1

versio 1.0.1 (10-a eldono), 2008/02/03
versio 1.0.0 (9-a eldono)

その他・備考 [ 目次へ ]

目次

Aŭtorrajto: © Organizo por Zona Servo per Sinkrona Solvo. Ĉiuj rajtoj estas rezervitaj.
Copyright: © Organization for Zonal Service with Synchronous Solution. All rights reserved.