【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
WordPress関連THE THOR

【THE THOR】カテゴリ最新記事の表示位置変更のカスタマイズ

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

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

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

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
MASAa.blog│パズドラ好きのmasaaが情報発信する1st WordPressブログサイト
パズドラ好きのmasaaが情報発信する1st WordPressブログサイト

今回は、WordPressテーマ THE THOR(ザ・トール)での「カテゴリ最新記事の表示位置変更」のカスタマイズ についてまとめてみました。

WordPressテーマ THE THOR(ザ・トール)カテゴリ最新記事

前回のエントリー記事で、「カテゴリ最新記事」のカスタマイズを行いました。

【THE THOR】カテゴリ最新記事のカスタマイズ
WordPressテーマ THE THOR(ザ・トール)での「カテゴリ最新記事」のカスタマイズについてまとめてみました。今回のカスタマイズでは、主タイトルのアイコンを後ろに表示、カテゴリータイトルに「カテゴリー」追記などを行いました。

前回のカスタマイズで、現在の「カテゴリ最新記事」のスタイルは、次の様になっています。

【THE THOR】カテゴリ最新記事のカスタマイズ

この「カテゴリ最新記事」は、フッター上にカラム外のワイド表示の形で表示されます。

しかし、どうせならもっと上に表示させたいところです。

自分的には「カルーセルスライダー」や「ピックアップ3記事」はあまり好きではないので、それらの表示位置に「カテゴリ最新記事」を表示させたいところです。

と言うことで、「カテゴリ最新記事の表示位置変更」のカスタマイズについてまとめてみました。

カテゴリ最新記事の表示位置変更のカスタマイズ

WordPressテーマ THE THOR(ザ・トール)での「カテゴリ最新記事の表示位置変更」のカスタマイズを行います。

今回のカスタマイズを行う前の準備

今回は「スタイルシート(style-user.css)」のカスタマイズは行いません。

今回はPHPファイルの「front-page.php」をカスタマイズしていきます。

「front-page.php」ファイルは、通常親テーマフォルダである「the-thor」内にアップロードされています。

先ずは最初に、親テーマフォルダ「the-thor」内の「front-page.php」ファイルを、FTPソフトを使って自分のパソコンにダウンロードします。

もしも、これまで「front-page.php」をカスタマイズしていたことがあって、子テーマフォルダ「the-thor-child」にアップロードされている場合は、その子テーマフォルダ内の「front-page.php」を編集する必要があります。

その場合は、子テーマフォルダ「the-thor-child」フォルダ内の「front-page.php」ファイルを、FTPソフトを使って自分のパソコンにダウンロードします。

なお、今回のカスタマイズはサイト全体が表示されなくなる可能性があるので、必ずバックアップを取っておく必要があります。

カスタマイズに自信が無い方は、実施しないで下さい。

ダウンロードした「front-page.php」ファイルをエディタソフトを使って編集していきます。

front-page.phpカスタマイズ内容

「front-page.php」内の

の行を見つけ、次にそれ以降の

を見つけ、その行を含むその間の行(全80行分)を切り取ります(※コピーではなく切り取り)。

切り取った全80行分

の下に、行を幾つか空けて貼り付けます。

以上で編集が終わりました。

「front-page.php」ファイルを保存し、子テーマフォルダ「the-thor-child」にFTPソフトを使ってアップロードします。

もし上手く表示されない場合は、バックアップしておいた「front-page.php」に戻して下さい。

カスタマイズ後のカテゴリ最新記事

今回のカスタマイズによって、「カテゴリ最新記事」のスタイルは次の様になりました。

【THE THOR】カテゴリ最新記事の表示位置変更のカスタマイズ

今回のカスタマイズによって、「カテゴリ最新記事」は、ヘッダーの下、またはメインビジュアルの下に表示されるようになりました。

最後に

「カテゴリ最新記事」は、カテゴリーとその最新記事が表示されると言うことで、下に表示されるよりも上に表示させた方が需要があると判断しました。

当面はこの状態で様子を見ていきたいと思います。

なお、今回のカスタマイズの内容が分からない場合には、ご連絡頂ければアドバイスできるかと思います。

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

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

下記バナーからスマホゲームのインストールお願いします!
ザ・グランドマフィア
Tower of Fantasy(幻塔)
イース6 オンライン〜ナピシュテムの匣〜
リネージュ2M
魔剣伝説
ライフアフター
黒い砂漠 MOBILE
グランドサマナーズ
ロードモバイル
ゴールデンホイヤースロット
駅メモ!-ステーションメモリーズ!

オンラインくじ引き
オンラインくじ引き INAKUJI(いなくじ)INABA.TECH
MASAa.net

コメント