ACTION レイアウト

サイドバーについて

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

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

ウィジェット

サイドバーでは

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

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

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

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

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

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

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

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

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

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

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

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

カスタマイザー

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

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

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

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

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

affinger.com

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

人気の解析ツールをセットにしたお得なパックです。サイトの状況や改善点を視覚化することで目標達成のためやるべきことが明確になります。

  • シンプルでわかりやすいアクセス解析
  • クリック計測・広告管理機能
  • ABテスト機能

今ならお得なキャンペーン中!

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

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

2

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

3

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

-ACTION, レイアウト

--時間---

10月のキャンペーン商品はコチラ

AFFINGER公式マニュアル

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

- 不明な方はコチラ -

PAGE TOP