ページを移動するボタンを任意の位置に表示したい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など ページを移動するボタンを任意の位置に表示したい

このトピックには2件の返信が含まれ、1人の参加者がいます。7 ヶ月、 2 週間前 こまったさん さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #49199 返信

    こまったさん

    トップページの記事一覧の下の方に表示されている、<< < 1 2 3 4 5 > >>というボタンの位置を移動させたいです。

    ウィジェットのインデックスリストボトムに文章を入れると、このボタンがその文章の下に来てしまい、毎回たくさんスクロールしないとページが移動できなくて、不便になってしまいました。

    CSSのlist.phpの下部にその文章を入れると、ボタンの下に来るようになったのですが、カテゴリーページなどにも同じ文章が表示されてしまうので、SEO上できませんでした。

    ボタンの位置をインデックスリストボトムの文章の上に持ってくる方法、もしくはトップページの記事一覧の下のみに文章を表示させる方法があれば教えてください。

  • #49200 返信

    Hidekichi

    その文章を何かしらのclassなりで囲んでおきます。

    <div class="test">
      <p>何かしらの文章</p>
    </div>

    各ページへのリンクは.paginationというクラスなので、.test.paginationにjQueryで移動します。ページネーション部分はスクロールしないと見えない箇所なので、jQueryでまんま移動するだけでokです。

    サンプル: jQueryで要素を何かしらのようその後に移動 | jsFiddle

    サンプルではインデックスリストボトムに入ったウィジェット内に.testと言うクラスで囲んだ文章があると仮定したものを.paginationの後に移動させています。インデックスリストボトムは本来ページネーションの手前(上)にあるので、サンプルより高速に移動します。

    サンプルは.testにしましたが、ここを任意のクラスにして、サンプルのjs欄の
    $(".pagenation").after($(".test"));
    にある.testを書き換えたものを、他のfunction部も含め全部丸ごと、子テーマjavascript.jsに追記します。

    phpでももちろん入れることはできますが、メンテナンス性が低くなるだろうと…と言うかいちいち該当ファイルを開いてhtml入れてアップロードとか面倒くさいので、どこかに入れたウィジェットを移動させるほうが手っ取り早いです。
    ウィジェット自体を移動させるわけではなく、その中身を移動させるため例えば何かしらのタイトル(見出し)が入るようなウィジェットの場合、その外枠やら見出しが残る可能性がありますが、その場合はウィジェットごと移動させることも可能です。

  • #49280 返信

    こまったさん

    ご丁寧にありがとうございました。

返信先: ページを移動するボタンを任意の位置に表示したい
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)