pagebar 設定 『WordPress』


前回は「pagebarプラグインのインストール」をしました。
今回は、pagebarの設定とテンプレートへの組み込みをやっていきます。

【管理者ページ】

「プラグイン」をクリックして、プラグイン管理画面を表示します。
停止中のプラグイン一覧に「pagebar2」が追加されています。
「使用する」をクリックして、プラグインを有効にします。

 

「設定」に「Pagebar」が追加されています。クリックすると「Pagebar」の詳細設定を行うことができます。
「前へボタン」や「次へボタン」の表示文字やページ番号をいくつ表示するのか、さらにブログ投稿時に自動挿入設定もできるようです。

また、「デザイン」⇒「テーマエディタ」に pagebar.cssが追加されています。
スタイルシートを利用したデザインの変更はこちらでおこないます。

テンプレートには次のコードを埋め込みます。ページバーを表示したい箇所に記入します。

      <?php
       if (function_exists('wp_pagebar'))
          wp_pagebar();
      ?>

さて、テンプレートを保存してユーザページをみてみます。

きちんと表示されましたが、どうやら「pagebar.css」が効いてないようです。
ソースをみてみると「pagebar.css」が読まれていません。

今回はテンプレートのヘッダー「header.php」に
<link rel="stylesheet" href="http://●●●/wp-content/themes/default/pagebar.css" type="text/css" media="screen" />
と記入して強制的にCSSを読ませました。また、正規の外部CSSの読ませ方は調べてみたいと思います。

CSSもきちんと反映されました。
以上で導入完了です。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です