人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

wordpress3.5に関しての質問です。
プラグイン「Primary Strategy Page Navi」をインストールしました。

if (function_exists('page_navi')) :
page_navi('elm_class=page-nav&edge_type=span');
endif;

トップページ、カテゴリーページ、アーカイブページに上記スクリプトを加えたいのですが
テンプレートのどこに挿入したら良いのでしょうか。

●質問者: mkusume
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
●120ポイント ベストアンサー

ループの処理で投稿を表示していますから、ループの開始直前またはループの処理終了後の箇所に記述するといいです。

・トップページ「index.php」

<?php if ( have_posts() ) : ?><!-- 投稿の有無を判定 -->

<?php if (function_exists('page_navi')) :
page_navi('elm_class=page-nav&edge_type=span');
endif; ?>
<?php /* 以前の質問で削除済み? */ /* twentyeleven_content_nav( 'nav-above' ); */ ?>

<?php /* Start the Loop */ ?><!-- 投稿表示のループ開始 -->
<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

<?php endwhile; ?><!-- 投稿表示のループ終了 -->

<?php if (function_exists('page_navi')) :
page_navi('elm_class=page-nav&edge_type=span');
endif; ?>
<?php /* 以前の質問で削除済み? */ /* twentyeleven_content_nav( 'nav-below' ); */ ?>

<?php else : ?><!-- 投稿が無い場合の処理 -->


※カテゴリーページおよびアーカイブページにも同様のループ処理があるはずですので、上に表示する場合は「if ( have_posts() ) :」から「while ( have_posts() ) : the_post();」の間に、下に表示する場合は「while ( have_posts() ) : the_post();」に対する「endwhile;」の後に記述します。

【※コード修正済み※】(PHPの開始タグ・終了タグ忘れ)


mkusumeさんのコメント
ご丁寧な回答ありがとうございます。 確認してみます。

mkusumeさんのコメント
「endwhile;」の後に記述したのですがうまく表示できません。スクリプトがそのまま表示されます。http://dca-labo.info/demo8 index.phpにスクリプトを挿入するとこんな感じになってしまいます。

rouge_2008さんのコメント
すみません。スクリプトを「&lt;?php」と「?&gt;」で囲むのを忘れていますね・・・ 追加するコードを次のように変更してみてください。 >|| <?php if (function_exists('page_navi')) : page_navi('elm_class=page-nav&edge_type=span'); endif; ?> ||< ※phpのコードは「&lt;?php」と「?&gt;」で囲む必要があります。

mkusumeさんのコメント
ありがとうございます。 確認してみます。

mkusumeさんのコメント
再度試しました。今度は下記のように出力されます。 http://dca-labo.info/demo8/ ? < 1 2 3 > ?

rouge_2008さんのコメント
出力されたコードは問題ないようです。 CSSの追加をしていないのではないでしょうか?(※使用手順としては記載されていませんが、どうやら自分で追加する必要があるようです。) ・「readme-ja.txt」より抜粋 >> **CSS Sample** .page_navi { text-align: center; } .page_navi li { display: inline; list-style: none; } .page_navi li.current span { color: #000; font-weight: bold; display: inline-block; padding: 3px 7px; background: #fee; border: solid 1px #fcc; } .page_navi li a { color: #333; padding: 3px 7px; background: #eee; display: inline-block; border: solid 1px #999; text-decoration: none; } .page_navi li a:hover { color: #f00; } .page_navi li.page_nums span { color: #fff; padding: 3px 7px; background: #666; display: inline-block; border: solid 1px #333; } << ※プラグイン化する前の説明ページにも記載されています。 http://www.warna.info/archives/723/

mkusumeさんのコメント
ありがとうございます。上記確認します。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ