【ワードプレス】サイトのトップページをワンカラムにする方法【STORK】

トップページがワンカラム(サイドバー無し)になるのでランディングページっぽく表現できます。普通ならアイキャッチは2カラム表示ですが、ワンカラムにすることでスペースが広くなり3カラム表示が可能になります。

 

トップページが最新の投稿の場合

【FTPで親テーマから『home.php』をダウンロード▼子テーマにアップロード▼ワードプレスにログイン▼ダッシュボード▼左メニュー▼外観▼テーマエディター▼子テーマ▼home.phpを開く】

コンテンツを横にフル表示する
<div id=”inner-content” class=”wrap cf”> を
<div id=”inner-content” class=”wrap page-full wide cf”> に書き換える。

サイドバーを削除する
<?php get_sidebar(); ?> を削除してPHP編集は終了

 

/* デバイス幅が768px以上の場合にマガジン風レイアウトを3カラムにする */
@media only screen and (min-width: 768px) {
.post-list-magazine .post-list{
width:33.333%;
}
}

【上のCSSコードをコピー▼ダッシュボード▼左メニュー▼外観▼カスタマイズ▼追加CCS▼CSSコードをペースト】

【非公式】無理やり3カラムにするCSS
.post-list{width:30%!important;}

 

トップページが固定ページの場合

 

【ワンカラムにしたい固定ページのエディタ▼ページ属性▼サイドバーなし(1カラム)を選択】で終了。

 

コメントを残す

メールアドレスが公開されることはありません。