賢威8で横幅を変更する方法【サイドバーに横幅300pxの広告をスッキリ収めよう】

賢威8の横幅は、デフォルトではサイドバーが300pxに設定されており、余白を除くと実質280pxしかありません。そのため、GoogleアドセンスやASPのアフィリエイト広告でよく使われる、横幅300pxの広告がサイドバーからはみ出てしまいます。

そこで、当サイトでは横幅300pxの広告がスッキリ収まるように、サイトバーの横幅を調整しています。コードをコピペするだけでカスタマイズできますので、賢威8をお使いの方はぜひやってみてくださいね♪

※賢威8のカスタマイズは、必ず子テーマで行いましょう。子テーマを使わないと、賢威8をアップデートする際にカスタマイズ内容が消えてしまいます。賢威8の子テーマの作り方【初心者向けに画像でわかりやすく解説】を参考に、子テーマを作成してから賢威8をカスタマイズしてくださいね。

賢威8の子テーマの作り方【初心者向けに画像でわかりやすく解説】
https://munakataweb.com/wordpress/keni8-child-theme/
賢威8の子テーマの作り方について、WordPress初心者でも簡単に作れるように、FTPソフトを使わない方法を紹介します。「そもそも子テーマって何？どうして必要なの？」という質問にも回答。賢威8をカスタマイズする前に、必ず作成しましょう！

【コピペで完了】賢威8でサイドバーの横幅を変更する方法

当サイトでは、横幅300pxの広告がスッキリ収まるように、サイドバーの横幅を変更しています。以下のコードを子テーマの「base.css」にコピペするだけで完了しますので、あなたのサイトでもぜひカスタマイズしてみてくださいね♪

/*サイドバーの横幅をカスタマイズ*/

@media (min-width : 768px){ /*横幅768px以上*/
	
	.col2 .keni-sub{
		width: 360px; /*サイドバーの横幅*/
	}
	
	.col2 .keni-main{
		margin-right: -360px; /*メインコンテンツ右側の余白*/
		padding-right: 360px;
	}
	
	.keni-sub .keni-section_wrap, .keni-footer .keni-section_wrap {
	margin-left: 20px; /*サイドバー左側の余白*/
	}
	
	.keni-section_wrap {
	margin: 0px; /*サイト全体の余白*/
	}
	
}/*横幅768px以上*/

※賢威8のカスタマイズは自己責任でお願い致します。編集前に必ずバックアップしておきましょう。

賢威8でサイト全体の横幅を変更する方法

賢威8のデフォルトでは、サイト全体の横幅は1200pxに設定されています。サイト全体の横幅を変更するには、以下のコードを子テーマの「base.css」にコピペして、「max-width: 1200px;」の数値をカスタマイズしてください。

/*サイト全体の横幅をカスタマイズ*/

@media (min-width : 768px){ /*横幅768px以上*/
	
	.col2 .keni-header_outer,
	.col2 .keni-gnav_outer,
	.col2 .keni-mv_outer,
	.col2 .archive_title_wrap,
	.col2 .keni-main_outer,
	.col2 .catch-area,
	.col2 .keni-breadcrumb-list_outer,
	.col2 .keni-footer_outer,
	.col2 .keni-copyright,
	.col2 .keni-sep-conts_outer,
	.col2 .keni-footer-panel_outer{
		max-width: 1200px;
	}

}/*横幅768px以上*/

賢威8をカスタマイズしてブログの収益性を高めよう

宗像ウェブでは、他にもさまざまな賢威8カスタマイズ方法を公開しています。【2020年最新】賢威8をカスタマイズしてブログの収益性を高める方法を参考に、あなたのブログの収益性をより高くしましょう！

賢威8をカスタマイズしてブログの収益性を高める方法
https://munakataweb.com/wordpress/keni8-customize/
『賢威8』はSEOに強いWordPressテーマですが、カスタマイズすることでブログの収益性をより高くすることができます。この記事では、Googleアドセンス広告を全記事にまとめて貼る方法など、あなたのブログの収益性を …