CTA 動く電話アイコン

公開日 2026年6月11日

動く電話アイコンについて
- VK Blocks のアイコンブロックで、アニメーションクラスを使用して動かしています。アニメーションを解除する場合は、「アイコン設定」のアイコンのクラス名（fas fa-phone fa-shake）からアニイメーションクラス（fa-shake）を削除してください。
タブレットサイズ以下で表示される区切りブロック（下線）について
- タブレットサイズ以下で表示される区切りブロック（下線）は、WordPressコアのブロックの非表示機能で、「デスクトップで非表示」を有効にすることで、デスクトップ時のみ非表示となり、タブレット・モバイル時に表示されます。
デスクトップサイズ（PC）で表示される枠線に（縦線）ついて
- デスクトップ時に表示される縦線は、幅を 1px に設定したカラムの左枠線で表現しています。
  レイアウト変更でカラム数を減らす場合は、この縦線用のカラムもあわせて削除してください。
  なお、CSS の編集が可能な場合は、カラムではなく CSS で罫線を表現すると、レイアウト変更時の管理がしやすくなります。

パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。

画像はライセンスが有効なアカウントでログインすると表示されます

【はじめて利用する方へ（ユーザー登録していない方）】

ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます

お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。

ライセンスを購入する場合はこちら⇒１年・３年・５年

VK Pattern Library のユーザー登録は VWS のマイアカウントからのみとなります。

VK Pattern Library のユーザー登録の流れはこちらをご覧ください。

【VK Patterns Library のユーザー登録がお済みの方へ】

以下の機能はログイン時のみご利用いただけます。ご利用の際は ログイン してください。

ただし、Vektor Passport (もしくはLightning G3 Pro Pack) のライセンスが無効な場合は、これらの機能はご利用いただけません。

ライセンスを購入する場合はこちら⇒１年・３年・５年

このパターンについて

動く電話アイコンについて
- VK Blocks のアイコンブロックで、アニメーションクラスを使用して動かしています。アニメーションを解除する場合は、「アイコン設定」のアイコンのクラス名（fas fa-phone fa-shake）からアニイメーションクラス（fa-shake）を削除してください。
タブレットサイズ以下で表示される区切りブロック（下線）について
- タブレットサイズ以下で表示される区切りブロック（下線）は、WordPressコアのブロックの非表示機能で、「デスクトップで非表示」を有効にすることで、デスクトップ時のみ非表示となり、タブレット・モバイル時に表示されます。
デスクトップサイズ（PC）で表示される枠線に（縦線）ついて
- デスクトップ時に表示される縦線は、幅を 1px に設定したカラムの左枠線で表現しています。
  レイアウト変更でカラム数を減らす場合は、この縦線用のカラムもあわせて削除してください。
  なお、CSS の編集が可能な場合は、カラムではなく CSS で罫線を表現すると、レイアウト変更時の管理がしやすくなります。

パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。

画像はライセンスが有効なアカウントでログインすると表示されます