ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマEGO.:フッターのInstagramフィードのホバーエフェクトを調整する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.サイト内の他箇所のホバーエフェクトと、フッターのInstagram箇所のホバーエフェクトが少し異なっている気がします。

opacity(透明度)を変化させる際、プラグイン側のスクリプトの影響でInstagramフィード部分では微妙にイージングがかかったような動きになるようです。

テーマ「EGO.(TCD079)」のフッターコンテンツ「Instagramコンテンツ」は、テーマ独自機能での表示仕様からプラグインを利用する仕様へと変更いたしました。プラグインの設定方法についてはダウンロードサイトをご確認ください。

※プラグインのカスタマイズについて
テーマのカスタマイズと同じく、弊社サポートおよび動作保証の対象外となります。

カスタマイズ後の動作の保証ができず、万が一不具合が生じました場合、
弊社では責任を負う事ができかねます。何卒ご了承下さいませ。

カスタマイズに関しましては必ずバックアップをご用意の上、
恐縮ながらお客様の責任において実施して頂きますようお願い申し上げます。

A.下記の方法でカスタマイズしてください。

1. プラグインエディターを開く

管理画面の左側から、プラグイン>プラグインエディターと進み、画面右側の「編集するプラグインを選択:」のプルダウンから「Smash Balloon Instagram Feed」を選択してください。
 
▼テーマエディター画面(クリックで画像を別タブにて拡大表示します。)
変更箇所イメージ
※あるいは、FTPソフトを使用してファイルをダウンロードし、編集してアップロードする方法もございます。
※上記はプラグイン有効状態で編集していますが、心配な場合はプラグインを一旦停止してから編集してください。

2. 対象ファイルを開いてカスタマイズする

編集するファイル: instagram-feed/js/sb-instagram-2-2.min.js
編集する箇所: 「fadeTo(500,1)」で検索して確認してください。

fadeTo(500,1)

 ↓

fadeTo(0,1)

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事