• Popular
  • Category
  • Tags
  • アーカイブ

News

follow us in feedly
Toggle

ニュース

【Update】マウスオーバーで回転するパネルコンテンツなど3種類のショートコードを追加

【Update】マウスオーバーで回転するパネルコンテンツなど3種類のショートコードを追加

弊社にて提供中のWordPressテーマ「DigiPress」専用のショートコードプラグイン「Shortcodes for DigiPress」に、新たに3種類のショートコードが追加されました。

フリップカードショートコード

マウスオーバーで回転するパネル(カード)コンテンツを表示します。
商品やサービスの特徴、人物についてデザイン性のある可変グリッドレウアウトコンテンツを、手軽に構築できます。

パネルアイテムは1行に3〜6カラムまで表示でき、カラム数を指定するだけで、複数のパネルアイテムを自動的に指定カラムで横並びにしてグリッドレイアウトで表示します。
レスポンシブにも対応しており、表示幅が920ピクセル以下になると3カラム表示、680ピクセル幅以下で2カラム、480ピクセル幅以下で1カラムに自動でレイアウトを整えます。

画像や背景カラーを指定した例(5カラム/10枚)

Leah Figueroa

Cum sociis natoque penatibus et magnis dis
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Jacob Coleman

Aenean commodo ligula eget dolor
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Emmett Cross

Cum sociis natoque penatibus et magnis dis
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Stanley Chandler

Parturient montes nascetur ridiculus
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Sara Simmons

Aenean commodo ligula eget dolor
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Sally Hubbard

Parturient montes nascetur ridiculus
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Derek Smith

Cum sociis natoque penatibus et magnis dis
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Ramiro Alvarez

Aenean commodo ligula eget dolor
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Dixie Dean

Parturient montes nascetur ridiculus
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Rosalie Meyer

Parturient montes nascetur ridiculus
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.
このショートコード

様々なオプションを指定して表示した例(4カラム/12枚)

Sara Simmons

Aenean commodo ligula eget dolor
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Sally Hubbard

Parturient montes nascetur ridiculus
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Derek Smith

Cum sociis natoque penatibus et magnis dis
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.

Ramiro Alvarez

Aenean commodo ligula eget dolor
Lorem ipsum dolor sit amet, consectetuer adipiscingelit.
Aenean commodo ligula eget dolor. Aenean massa.
このショートコード

アニメーションテキストショートコード

様々なアニメーションをしながら左右に分割されたテキストを表示します。
コンテンツのタイトル部分の演出などに利用できます。

テキストだけを指定した表示例

DigiPress
Highly Flexible WordPress Theme
このショートコード

エフェクトタイプを2、アニメーション時間を5.4秒にした表示例

DigiPress
Highly Flexible WordPress Theme
このショートコード

様々なパラメータを指定した表示例

DigiPress
Highly Flexible WordPress Theme
このショートコード

テキストマーカーショートコード

文章中で強調したいテキストに、グラデーションを施したアンダーラインを表示します。
マウスオーバー時にテキスト全体を覆うアニメーション効果をつけることもできます。

表示例

これはただのテキストで、これはショートードでアンダーラインが入ります。これはその後に続くテキストです。
マウスオーバー時にアンダーラインをアニメーションさせる場合の表示例は、ここをマウスオーバーすることで確認 できます。

その他、カラーやフォントスタイル、太さも変更することができます。

このショートコード


その他、「Shortcodes for DigiPress」プラグインで利用可能になるショートコードと詳細は、以下よりご覧ください。

URL
TBURL

COMMENT ON FACEBOOK

Return Top