WordPressテーマ THE THOR（ザ・トール）
別ブログのZMASAa.blogとMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。
今回は、WordPressテーマ THE THOR（ザ・トール）での「メインビジュアルのオプションパラメーター」設定についてまとめてみました。
WordPressテーマ THE THOR（ザ・トール）メインビジュアル
以前「メインビジュアル」についてのカスタマイズを行いました。
現在の「メインビジュアル」のスタイルは、次の様になっています。
今回は、WordPressテーマ THE THOR（ザ・トール）での「メインビジュアルのオプションパラメーター」設定についてまとめてみました。
メインビジュアルのオプションパラメーター設定
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（ザ・トール）の「メインビジュアル」のスライドが切り替わるトランジション時間を設定したこでスライド動作が滑らかになり、スライドが切り替わるまでの表示時間を長くすることができました。
コメント