【お知らせ】このMASAa.netではWordPressテーマ Cocoonを採用しています。ここをクリックするとTHE THOR採用のZMASAa.blogを開きます。
WordPressTHE THOR

【THE THOR】メインビジュアルのオプションパラメーター設定

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

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

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

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

今回は、WordPressテーマ THE THOR(ザ・トール)での「メインビジュアルのオプションパラメーター」設定についてまとめてみました。

WordPressテーマ THE THOR(ザ・トール)メインビジュアル

以前「メインビジュアル」についてのカスタマイズを行いました。

【THE THOR】メインビジュアル カルーセルスライダー対応版
WordPressテーマ THE THOR(ザ・トール)で以前行った「メインビジュアル」カスタマイズがカルーセルスライダーに対応していませんでした。今回カルーセルスライダーに対応した「メインビジュアル」カスタマイズについてまとめてみました。
【THE THOR】メインビジュアルのカスタマイズ
WordPressテーマ THE THOR(ザ・トール)での「メインビジュアル」のカスタマイズについてまとめてみました。今回はメインビジュアル上の【タイトル】【サブタイトル】に対してエフェクト化(アニメーション)を取り入れてみました。

現在の「メインビジュアル」のスタイルは、次の様になっています。

今回は、WordPressテーマ THE THOR(ザ・トール)での「メインビジュアルのオプションパラメーター」設定についてまとめてみました。

WordPressテーマ THE THOR(ザ・トール)メインビジュアル設定箇所
【TOPページ設定[THE]】-【メインビジュアル設定】

メインビジュアルのオプションパラメーター設定

WordPressテーマ THE THOR(ザ・トール)での「メインビジュアルのオプションパラメーター」設定を行います。

「カルーセルスライダーのメインビジュアル」設定は、PHPファイルを触る必要があります。

PHPファイルを触るとサイトが表示されなくなる可能性があるので注意が必要です。必ずカスタマイズするファイのバックアップを取ってカスタマイズを行ってください。

footer.php ダウンロード

子テーマフォルダ「the-thor-child」内に「footer.php」が無い場合には、親テーマフォルダ「the-thor」」内にあるファイル「footer.php」を、FTPソフトを使って一旦自分のパソコン内に保存します。

footer.phpの編集

子テーマフォルダ「the-thor-child」内、または、先ほどパソコン内に保存したファイル「footer.php」を編集します。

今回設定した箇所は、計2箇所です。

メインビジュアルのスライドが切り替わるトランジション時間

1箇所目はファイル「footer.php」の296行目辺りにある以下の行です。

デフォルトは【600】となっており、この数値を大きくするほどスライドの切り替わるトランジション時間が長く滑らかな動作になります。

メインビジュアルのスライドが切り替わるまでの表示時間

2箇所目はファイル「footer.php」の310行目辺りにある以下の行です。

【<?php echo $delay ?>】の部分に設定したい時間を設定します(入力例:20秒 = 20000)。

10秒までは、WordPressテーマ THE THOR(ザ・トール)側のカスタマイズで設定することができます。

10秒以下であればWordPressテーマ THE THOR(ザ・トール)側のカスタマイズで設定し、それ以上大きい時間を設定したい場合に「footer.php」で設定します。

footer.php アップロード

最後に、編集し終わったファイル「footer.php」を、サーバーに保存している子テーマフォルダ「the-thor-child」内にFTPソフトを使ってアップロードします。

設定後のメインビジュアルのオプションパラメーター

今回メインビジュアルのスライドが切り替わるトランジション時間は、【1000】に設定しました。

今回メインビジュアルのスライドが切り替わるまでの表示時間は、【12000(12秒)】に設定しました。

最後に

これでWordPressテーマ THE THOR(ザ・トール)の「メインビジュアル」のスライドが切り替わるトランジション時間を設定したこでスライド動作が滑らかになり、スライドが切り替わるまでの表示時間を長くすることができました。

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

気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
天下大豪商
アーテリーギア-機動戦姫-
ナナリズムダッシュ
イース6オンライン
ザ・アンツ
魔剣伝説
FIFA MOBILE

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

MASAa.net

コメント