ACTION レイアウト

サイドバーについて

サイドバーは主にウィジェットでコンテンツを挿入します。

デザインやカスタマイズにはAFFINGER管理とカスタマイザーで行います。

ウィジェット

サイドバーでは

  1. サイドバートップ
  2. サイドバーウィジェット
  3. スクロール広告用

のエリア順に表示されます。

スクロール広告用ウィジェットについて

スクロール広告用エリアはPC閲覧時にサイドバーにてスクロールに応じて追尾する広告エリアです。

追尾が上手くいかない場合

追尾はjsにて高さを取得しているため、プラグインやその他のプログラムと干渉するなど高さを取得できない要素があると上手く動作しない場合があります。(Twitterウィジェットなど)

※干渉するものは併用頂かないようお願いしております。

追尾機能の停止も可能です

テーマ管理にて機能を停止することで消える問題を解決することも可能です。

AMPサイドバーウィジェットについて

スマホ表示時のみなので厳密には「サイドバー」にあたりませんが、AMP有効化ページにてスマホ閲覧時のサイドバーの位置にコンテンツを挿入できます。(※AMPのルールに沿ったコンテンツを挿入してください)

AMP対応に関する開発の終了

カスタマイザー

サイドバーの移動・背景色の設定

カスタマイザーの「サイドバー」設定でサイドバーを左側に変更できます。

「サイドバー(中部)」エリアに限り、”サイドバー(中部)エリアの背景色”で背景色を設定できます

関連
スマホのサイドバーを非表示にする - CTION MANUAL
スマホのサイドバーを非表示にする - CTION MANUAL

AFFINGER管理「全体設定」>”スマホのサイドバーを非表示にする”を有効化するとモバイル端末(ス ...

affinger.com

解決しないことは検索もしてみてね

あなたにおすすめ

デザイン済みデータ配布ページ

コン太

すごくカスタマイズできるのはよくわかったけど、できればボクは簡単にすぐ始めたいんだ。

シカ子

それなら「デザイン済みデータ」を使用するといいわ。デザインは主に「カスタマイザー」「ウィジェット」「テーマ管理」の設定でできているのだけど、それらのデータを完成形でインポートできるの

コン太

わぁ!それは助かる

シカ子

インポートしてから設定やカラーも変更できるから最初のスタートデザインとしても使えるわね。必ず注意事項などを確認してね

デザイン済みデータ配布ページ(β) - 【公式】STINGER STORE
デザイン済みデータ配布ページ

AFFINGER及びEX版専用のデザイン反映データ(子テーマではありません)です。 利用規約及びご承 ...

on-store.net

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ACTION, レイアウト

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP