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

PR 2017/1/4

このトピックには2件の返信、1人の参加者があり、最後にこまったさんにより9年、 8ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2017年1月4日 12:13 PM #49199
  
  こまったさん
  ゲスト
  
  トップページの記事一覧の下の方に表示されている、<< < 1 2 3 4 5 > >>というボタンの位置を移動させたいです。
  
  ウィジェットのインデックスリストボトムに文章を入れると、このボタンがその文章の下に来てしまい、毎回たくさんスクロールしないとページが移動できなくて、不便になってしまいました。
  
  CSSのlist.phpの下部にその文章を入れると、ボタンの下に来るようになったのですが、カテゴリーページなどにも同じ文章が表示されてしまうので、SEO上できませんでした。
  
  ボタンの位置をインデックスリストボトムの文章の上に持ってくる方法、もしくはトップページの記事一覧の下のみに文章を表示させる方法があれば教えてください。
- 2017年1月4日 1:24 PM #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入れてアップロードとか面倒くさいので、どこかに入れたウィジェットを移動させるほうが手っ取り早いです。
  ウィジェット自体を移動させるわけではなく、その中身を移動させるため例えば何かしらのタイトル(見出し)が入るようなウィジェットの場合、その外枠やら見出しが残る可能性がありますが、その場合はウィジェットごと移動させることも可能です。
- 2017年1月6日 6:50 PM #49280
  
  こまったさん
  ゲスト
  
  ご丁寧にありがとうございました。
投稿者

投稿