Wordpress

The Thor TOPスライドをフェードに変更する方法

The Thor TOPスライドをフェードにする方法
記事内に商品プロモーションを含む場合があります

ワードプレスの有料テーマ TheThorのTOPにスライドショーを使うことができます。

そのスライドのエフェクト(切り替え時の動作)が「横スライド」「平面回転」「キューブ回転」「カバーフロー」の4つで、「フェード」がありません。

そこで今回は、The Thorのスライドショーの動きを、フェードにする方法をお伝えします。

方法は、テーマファイルエディタから、fotter.phpの一部を変更するだけ。javascriptの変数を編集しますが、それほど難しくはありません。簡単に終わります!

完成イメージ

完成イメージはこちら。スライドが切り替わるときに、ボヤッと前後の画像や重なるように切り替わります。

1枚目の地蔵さまと、2枚目の鳥居が、ボヤッと重なって切り替わります

ソース

方法は簡単です。footer.phpのswper(スライドで使用しているjavascriptライブラリ)のオプションパラメーターを1箇所変更するだけです。

footer.php(306行目)

effect: ‘fade’,

パラメーターを変更する方法

テーマファイルエディターのfooter.phpを編集します。子テーマの場合は、親テーマからコピーしておきましょう。

ダッシュボード > 外観 > テーマファイルエディター > テーマフッター (footer.php)

306行名にある「effect: 」を検索します。

コメントアウトには、fade以外のオプションパラメーターが記載されています。今回はfadeにしたいので、echo部分を直接fadeに変えます。

変更後は、「ファイルを更新」をクリックして、変更を反映します。

まとめ

今回は、The Thorのヘッダースライドを、フェードに変更する方法をご紹介しました。なぜカスタマイズの条件にフェードが無いのか不思議ですが、個人的にはfadeの動きが好きで多様しているので、皆様もぜひ♪

ABOUT ME
にゃん花子
「コード書くには苦手」「コピペで動けば、それでOK」な、ノンプログラマー向け | マニアック・ピンポイントなWordpress TIPSが多め|文系から独学でWeb屋さんになった人|インフラ分野のわかるWebディレクター|主にWordpressのサイト立ち上げ、リプレイス、運用をしています|PC画面にブツブツ呟きながら、制作するのが好きです|坐骨神経痛とぎっくり腰経験済 | ブログ収益を保護猫活動に使いたいので、頑張る人 | 夜型人間から朝方に切り替え中|小学1年生の壁に負けじと2024年も奮闘します

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

wp-puzzle.com logo