WING(AFFINGER5及びSTINGER PRO2)のマニュアルはコチラです※パスワードは商品フォルダ内テキストを確認

AFFINGER4 STINGER PRO

PC閲覧時にアドセンスを横並びにする方法

2017-01-09_12h43_30

要望が多いので「AFFINGER4でPC閲覧時にアドセンスを横並びにする方法」を紹介します。(ちなみにAFFINGER4が縦並びなのは経験上、アドセンスのクリック率が高かったからです)

まずは横幅を1114px以上に

2017-01-09_11h50_23

AFFINGER4管理にてPC閲覧時の幅を1114px以上にします。

※古いverは上記項目がありません。CSSで直接変更して頂くか購入会員サイトにてアップデートverを入手して下さい。

追記

ver20170117より管理画面にて設定できるようになりました。以下の記述は不要です。

style.css

「外観」>「style.css」に以下をコピペ

/*PCアドセンスを横並び*/

.adbox:after {
	content: "";
	display: block;
	clear: both;
}
.adbox div {
	float:left;
	margin-right:20px;
	padding-top:0!important;
	padding-bottom:10px;
}

.adbox div:last-child {
	margin-right:0px;
}

場所は一番最後の方です。(下図参照)

2017-01-09_11h48_43

ステ子
レスポンシブなのでPC閲覧時でもコテンツ幅が狭くなれば縦並びになります。

NEW大幅に進化した新バージョンWING(AFFINGER5 / STINGER PRO2)好評発売中!

ユーザー様の声

ユーザーの声をさらに見る

新バージョン「WING」を見る

ご利用バージョンやテーマにより設定方法やキャプチャ画像が異なる場合がございます

※テーマアップデートにより情報が一部異なる場合がございます

-AFFINGER4, STINGER PRO

Copyright© STINGER's MANUAL , 2020 All Rights Reserved Powered by AFFINGER5.