WordPress

【WordPress】シンプルなパララックスプラグインParallax Image

December 11, 2018
Parallax Image

Parallax Image
Parallax Imageはparallax.jsスクリプトを使用するためのシンプルなパララックスプラグイン。パラメーターを使用し、スピード、z-index 、モバイル、ポジションなど設定可能。

Parallax Imageプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Parallax Imageを検索
有効化にすると設定にParallax Optionsが追加されます。

Duck Diver Parallax Tiny MCE Button Options

Parallax Image
Add ParallaxボタンをTinyMCEに追加します。

エディタ

Parallax Image
ビジュアルモードに切り替え、Insert Parallax Shortcodeをクリックします。

Parallax Image
Required Elements

  1. Parallax Image 必須要素。URLかmy-image.jpgのようなイメージ名を入力
  2. Height of image in pixels 画像の高さ。px”を入力しない

Optional Components

  1. Speed
  2. Z-Index
  3. Enter the mobile image if desired.
  4. Position
  5. Offset

ショートコード

[dd-parallax img="imagename.jpg" height="600" speed="3" z-index="-100" mobile="mobile-image.jpg" offset="true"] 

Text to be overlaid on the paralllax window

[/dd-parallax]

利用可能なパラメータ

  1. img
  2. height
  3. speed
  4. z-index
  5. mobile
  6. position
  7. Offset

Parallax Image