WordPress | 6.6-6.7 | PHP | 7.4-8.1(β) |
当プラグインの使用には別売のWordPressテーマ「ACTION(AFFINGER6」が必要です※ご購入後は如何なる事由でもキャンセル及び返品はできません。ご了承の上でご購入くださいませ
欲しかったあの演出が簡単にできる!
スクロールで表示する様々な演出パターン
現在でもデフォルトで画像などに動きをつけるアニメーション設定があります。
ビジネスサイトなど用途によってはスクロールで位置にきたときにはじめてアニメーションを行いたいデザインもあると思います。
たとえば
・
・
・
・
こんな風にふわっと
こんな風に左右にも
-
ずらして
-
表示することも
-
できるんだ
素敵だろう?
表示は7パターン。1クリックで設定
Gutenbergでは動かしたいブロックを「グループブロック」に変換することでリッチアニメ設定にてアニメーションが選択できるようになります。
テーマに同梱されているAFFINGERブロックプラグインをインストール、有効化しておいて下さい。
※画面は開発中のもののため実際とは異なる場合がございます
表示方法は全7パターン。
- 下から上
- 上から下
- 右から左
- 左から右
- 大から小
- 小から大
- フェードインのみ
ビジネスサイトでも大人気
「こういうサイトよく見ない?」
こんな風にコンテンツ全体がスクロールに応じて表示されるの、ビジネスサイトでよく見るわよね。
「あれ?このサイト、ちょっとイマドキっぽくない?」
見た人はそう感じるかも。
やってることは1クリックなのにね。ふふっ
「なるほど、こいつは最高だ!」
こんな素敵なホームページの会社なら、きっと最高仕事をしてくれるに違いない。
そう思わずにはいられないな。
おっと、でも楽しいからといって動かしすぎてはダメだぜ?あくまでもユーザーファーストが大事なんだ。
プラグインの使い方と注意事項
インストール
ダウンロードしたファイル(st_rich_animation_file.zip)は一度だけ解凍(展開)して頂く必要があります。
中に含まれる「st-rich-animation.zip」をzipファイルのままプラグインの新規追加よりインストール、有効化して下さい。
設定方法
Gutenbergでは動かしたいブロックを「グループブロック」に変換することでリッチアニメ設定にてアニメーションが選択できるようになります。
また、ClassicEditorやクラッシックブロックではショートコードでも指定できます。
アニメーションを反映したいコンテンツをショートコードで囲みます。
画像を選択して「タグ>リッチアニメ」から任意のパターンをクリック。
[st-rich-animation type="bt" delay="0" duration="1000" offset="100"](コンテンツ)[/st-rich-animation]
タグが表示されない場合
古いキャッシュが影響してタグが表示されない場合がございます。以下をご参照ください。
各属性の意味
[st-rich-animation type="パターン" delay="表示を開始する時間" duration="表示を終了する時間" offset="表示を開始する位置"](コンテンツ)[/st-rich-animation]
属性名 | 説明 |
type | パターンの選択* |
delay | 表示を開始する時間(1000 = 1秒) |
duration | 表示を終了する時間(1000 = 1秒) |
offset | 表示を開始する位置(px) |
※表示はすべてフェードイン(透過100%から0%)です
※その他テーマや他専用プラグインによるフェード系の演出は上書きされます
type属性の種類
属性値 | 説明(出現方法) |
bt | 下から |
tb | 上から |
rl | 右から |
lr | 左から |
bs | 大きいサイズから |
sb | 小さいサイズから |
fade | 透過のみ |
※「lr」「rl」など、typeによってはスワイプ操作によりモバイルの横揺れが生じます。気になる方はテーマ管理設定の「モバイル閲覧時に横揺れが生じる場合に強制的に改善」をお試しください。
注意事項
- AMP非対応
- 原則として投稿エリア内の使用を想定
- 見出しを含むコンテンツなどへの使用の場合、目次プラグイン系の位置がずれる可能性があります
- 包括するショートコード内容によっては正常に動作しない場合があります
ご購入前の確認・ご承諾事項
当商品はデジタル商品のため、原則として如何なる事由でも返品及びキャンセルはできません。WordPressはオープンソースということもあり様々な状況や環境が想定されます。以下の注意事項を必ずお読みいただき、ご承諾いただける方のみご購入いただきますようお願い致します。(※通信販売のためクーリングオフ対象外です)
【動作環境】
WordPressバージョン | 6.6-6.7 |
PHPバージョン | 7.4-8.1(β) |
対象ブラウザ | Chrome 117 / safari17.0 |
その他 必要な環境など | WordPressが使用できる環境及び知識 ZIPファイルのダウンロード及び解凍 PDFファイルの閲覧(PDFマニュアル付属の場合) ※動作確認の対象は日本のみとなります(言語/日本語) ※WordPress.org(独立インストール型)向けの商品です。(WordPress.comでの動作保証はしておりません。) |
※対応バージョン以外のご利用は不具合が起こる場合がございます。検証バージョン以外のアップデートは自己責任にて、ご利用下さいませ。
- ウィジェットブロックエディター及びメニューブロックエディター、テンプレートエディター機能には非対応です(対応予定は未定です。)
- FSE(フルサイト編集)関連機能への対応予定はございません。またそれに関連する機能は非対応又は無効化される予定です。
- Gutenbergブロック及び機能に関して対応していないもの、テーマにて機能を停止、無効化しているものもございます。詳細は専用マニュアルもご確認下さい。
※FSE(フルサイト編集)、ウィジェットブロックエディター、メニューブロックエディター、テンプレートエディターとはWordPress本体で5.8以降順次実装予定の機能です。商品アップデートが行われた場合も5.8以降の新機能及びブロックは原則として非対応(場合により無効化)となります。
AMP対応に関する開発の終了について
旧AFFINGER5に実装されていたAMPに関する機能は現時点の環境では同様の条件の元、そのままご利用頂けます。しかし、AMPとGutenbergの併用が仕様上難しい点が多く、また5Gなど通信環境の高速化、GoogleのAMPに関する優先度の変化を踏まえ、今後の対応は未定となり、環境の変化により使用できなくなる可能性もございます。(ACTIONに関してはAMP対応を明記致しましせん。)
その他の事項
※利用方法に関するマニュアルは付属しておりません。公式マニュアルサイト(テーマ)及び各参照リンクをご参考下さい
※対応するテーマやプラグインはバージョンにより異なる場合がございます。原則として動作環境に応じた最新のバージョンをご利用ください。
※当ページ紹介で使用しているキャプチャ画像などはバージョンにより変更又は異なる場合がございます
※SEO施工は弊社独自の視点によるものです。上位表示を保証するものではございませんので御了承下さい
※商品フォルダ内のテキストには商品に関する注意事項及び専用パスワードが記載されている場合がございます。再発行はございませんので大切に保管してください。
※サンプルはテーマで作成できるカスタマイズの一例です(画像素材などは含まれておりません)
※動作環境と異なるPHP及びWordPressバージョンでのご利用やサーバーの仕様(WAF等)や設定(ファイル圧縮等)、環境(HHVM等)によっては正常に動かない場合がございます
※VPS、EC2(AWS等)やクラウドサービス等の設定に関するご案内及び調査は行っておりません。ご利用の際は自己責任にてお願い致します。
※Gutenberg利用時はクイックタグはクラッシックブロックのみ使用可能です
※一般的なインストールや利用方法、WordPress管理画面による操作のみを想定しております(マルチサイトやターミナル、XMLRPC や REST API などのAPIによる操作などは動作確認対象外)。
※WordPressテーマでは無限に近い多様な組み合わせが可能なため、各種機能及びデザイン等は組み合わせ状態によっては反映されない場合もございます。
※他社製のプラグインやサービス等と干渉する場合や正常に動作しない可能性もございます(その場合は併用頂かないようお願い致します※各動作チェックは行っておりません)
※独立インストール型ではないブログサービス(及び外部サービス ※https://ja.wordpress.com/含む)を使用している場合、サービス独自の仕様が干渉することで不具合や使用できない可能性がございます。
※ショートコード同士の入れ子(ショートコードの中にさらにショートコードが含まれる状態)状況によっては正常に動作しないケースもございます
※閲覧にはjavascriptが有効になっている必要がございます
※ブラウザやブラウザのバージョンによってはサポートしていない場合がございます。(反映されない、表示が異なる、崩れるなど)
※WordPressの「設定」>「一般」>「タイムゾーン」は「東京」でご利用ください
※機種、端末(タブレット等)、バージョンなどによって表示の有無や差異が生じる場合がございます。
※機能によっては他社サービス(各種SNSやプラグイン、Googleなど)のAPI等を使用しており、仕様変更などにより利用ができなくなる場合がございます。
※機能や各種設定及び仕様などは変更又は削除される場合もございます。
※機能、設定は意図した状態が正常に反映されているか必ずご確認下さい。
※商品は購入ユーザー(個人単位)の所有するWebサイトに限り複数でもご利用頂けます(第三者への商品の配布、譲渡は固く禁止しております)。
※無料特典は商品料金に含まれておりません。(一切の対象外となります)
※原則としてパソコン(Windows・Mac)での操作を想定しております。
※商品の管理画面内にはライセンスに関する注意書き等がございます。
※利用による不具合、損害など如何なるトラブルに関して責任は負いかねますので予めご了承下さいませ
WordPressテーマ及びプラグインのサポートやアップデート、(全ての環境に対する)動作保証などはございません。その上で購入者専用ページ等で修正及び機能追加の無料アップデートを行う場合がございます。またアップデート時には機能等の変更及び削除を行う場合もございます。(詳細は商品フォルダ内のテキストをご参考ください)
※当サイトの商品(WordPressテーマ及びプラグイン)を正規の方法で購入せずに使用した場合は10,000円/日の使用料を請求いたします。
領収証について
領収証及び請求書は発行しておりません。予めご了承下さいませ。(インボイス制度への対応について)