[佐々木孝浩]

【お使いの Snow Monkey のバージョン】15.18.1
【お使いの Snow Monkey Blocks のバージョン】13.7.3
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】制作中

### 実現したいこと

1カラム（FV）をコンテンツ幅を超えて全幅にしたい

カスタムリンクのページでは1カラム（FV）を非表示にしたい

### 発生している問題

サイドバーありレイアウトのときに、2つのカラムの上に1カラムのコンテンツを入れる方法

ちょっとわかりにくいタイトルかもですが、画像で説明するとこんな感じ。 この部分ってコンテンツエリアでもないし、…

snow-monkey.2inc.org

上記記事を見て画像での実装したのですが、指定しているコンテンツ幅を飛び出して全幅にしたいのですがなりませんでした。サイドバーを選択しないと全幅になりました。

### 試してみたこと

下記のコードで試してみてもなりませんでした。

#front-page-top-content .alignfull.wp-image-98 {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

ご教授の程よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

サイドバーを選択しないと全幅になりました。

すみません、↑はどういう意味でしょうか？ サイドバーありのレイアウトで、あえてその部分だけコンテンツをサイドバーに突き出す形で全幅にしたいということですか？

スクショなどに書き込みをして貼り付けてもらえると、理解できる方が増えて回答がつきやすいかと思います！

♥ 0

いいねをした人: 居ません

[佐々木孝浩]

回答ありがとうございます。

サイドバーありの状態だとMVの幅が狭くなってしまい、サイドバーありの状態でサイドバーなしMVのように全幅にしたいです。

ご確認よろしくお願いします。

サイドバーあり

サイドバーなし

♥ 1

いいねをした人:

[キタジマ タカシ]

なるほどです。CSS で調整する形になります。実際の画面をみてみないとどのような CSS を書けばちゃんと適用されるのが提示するのが難しいですが、基本的には

margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);

という CSS で横に引き伸ばすのが一般的なやり方かなと思います。

♥ 3

いいねをした人:

[佐々木孝浩]

回答ありがとうございます。

なんとかCSSで調整することができました。

MVをトップページのみに表示して他のカスタムリンクのページでは非表示のにしたいです。

ご教授の程よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

トップページかどうかは is_front_page() という WordPress 標準の関数で判定できます。

if ( ! is_front_page() ) {
    return;
}

のようにして、トップページのときだけ処理せずに抜けるようにすると良いと思います。

♥ 0

いいねをした人: 居ません

[佐々木孝浩]

回答ありがりがとうございます。

実装できました。

ありがとうございました。

♥ 1

いいねをした人:

[投稿者]

投稿