WordPressTHE THOR

【THE THOR】ページネーション(ページ送り)追加のカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約4分で読めます。
スポンサーリンク

WordPressテーマ THE THOR(ザ・トール)

別ブログサイトのZMASAa.blogとMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

ZMASAa.blog│PC・ガジェット好きmasaaのWordPressブログサイト
このZMASAa.blogは、ガジェット好きmasaaのWordPressブログサイトです。masaaが手に入れたガジェットについてや愛車トヨタノアに関すること等を掲載していきます。
MASAa.blog│パズドラ日記と製品レビューの記事を掲載するmasaaの元祖WordPressブログサイト
このMASAa.blogは、パズドラ好きmasaaのWordPressブログサイトです。パズル&ドラゴンズ(パズドラ)を始めスマホアプリについてやレビュー記事等を掲載していきます。

今回は、WordPressテーマ THE THOR(ザ・トール)での「ページネーション(ページ送り)追加」のカスタマイズについてまとめてみました。

ページネーション(ページ送り)

現在、「ページネーション(ページ送り)」は、一番下エントリー記事カードの下側に表示されています。

【THE THOR】ページネーション(ページ送り)追加のカスタマイズ

なお、「ページネーション(ページ送り)」とは、複数のページが存在する場合にページ番号を並べたものです。

WordPressテーマ THE THOR(ザ・トール)の「ページネーション(ページ送り)」のスタイルは兎も角として、上側にも「ページネーション(ページ送り)」が有ったら良いなと思っていました。

そこで、この「ページネーション(ページ送り)」を、一番上のエントリー記事カードの上側にも追加させたいと思います。

ページネーション(ページ送り)追加のカスタマイズ

WordPressテーマ THE THOR(ザ・トール)での「ページネーション(ページ送り)追加」のカスタマイズを行います。

カスタマイズ内容

「ページネーション(ページ送り)追加」のカスタマイズ内容は、下記の通りです。

今回のカスタマイズでは「スタイルシート(style-user.css)」を使用しません。

基本的に現在表示されているコンテンツに対してカスタマイズを行う場合には「スタイルシート(style-user.css)」を触るのですが、新たに表示を追加する場合は直接PHPファイルを触る必要があります。

PHPファイルを触るとサイトが表示されなくなる可能性があるので注意が必要です。

親テーマフォルダ「the-thor」内にあるファイル「front-page.php」を、FTPソフトを使って一旦自分のパソコン内に保存します。

次にパソコン内に保存したファイル「front-page.php」をエディタソフトで開き、

<!--controller-->
<?php fit_archive_controller() ?>
<!--/controller-->

の部分を探します。

その部分の下に

<!--pager-->
<?php if ( function_exists( 'fit_pagination' ) ) {fit_pagination( $wp_query->max_num_pages );} ?>
<!--/pager-->

を追加しファイル「front-page.php」を保存します。

次に、先ほどパソコン内に保存したファイル「front-page.php」を、サーバーに保存している子テーマフォルダ「the-thor-child」内にFTPソフトを使ってアップロードします。

カスタマイズ後のページネーション(ページ送り)

今回のカスタマイズによって、「ページネーション(ページ送り)」が次の様に追加されました。

【THE THOR】ページネーション(ページ送り)追加のカスタマイズ

今回のカスタマイズでは、トップページの一番上のエントリー記事カード上に「ページネーション(ページ送り)」を追加表示しました。

なお、カテゴリー一覧ページに「ページネーション(ページ送り)」を追加する場合は「category.php」を、アーカイブ一覧ページに「ページネーション(ページ送り)」を追加する場合は「archive.php」のファイルをそれぞれ同様にカスタマイズすることで「ページネーション(ページ送り)」を上側に表示することが可能です。

最後に

以前から「ページネーション(ページ送り)」が上側にも有れば便利だと思っていたのですが、PHPファイルを触る必要があるため躊躇していました。

PHPファイルを触ったことで、今後WordPressテーマ THE THOR(ザ・トール)のバージョンアップの際に管理が面倒になりますが、サイトを見る側としては便利になったと思います。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

……… THE THOR(ザ・トール)購入について ………
下記バナーからTHE THOR(ザ・トール)をご購入の方には、
当掲載のカスタマイズについて優先的にサポートさせて頂きます。

下記バナー経由でTHE THOR(ザ・トール)を購入した日付と時刻
を合わせてお問い合わせフォームからご連絡下さい。



気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
空島クロニクル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
ARKA-蒼穹の門
三国志外伝:戦姫覚醒
Cave Shooter
ナナリズムダッシュ
イース6オンライン
ザ・アンツ
クッキーランキングダム
リネージュ2M
ドラゴンとガールズ交響曲
魔剣伝説
パズにゃん
龍が如くONLINE
戦国布武
我が天下

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

MASAa.net

コメント