- このトピックには6件の返信、2人の参加者があり、最後に
により2年、 10ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.18.1
【お使いの Snow Monkey Blocks のバージョン】13.7.3
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】制作中### 実現したいこと
1カラム（FV）をコンテンツ幅を超えて全幅にしたい
カスタムリンクのページでは1カラム（FV）を非表示にしたい
### 発生している問題
上記記事を見て画像での実装したのですが、指定しているコンテンツ幅を飛び出して全幅にしたいのですがなりませんでした。サイドバーを選択しないと全幅になりました。
### 試してみたこと
下記のコードで試してみてもなりませんでした。
#front-page-top-content .alignfull.wp-image-98 { margin: 0 calc(50% - 50vw); width: 100vw; }ご教授の程よろしくお願いいたします。
いいねをした人: 居ませんサイドバーを選択しないと全幅になりました。
すみません、↑はどういう意味でしょうか？ サイドバーありのレイアウトで、あえてその部分だけコンテンツをサイドバーに突き出す形で全幅にしたいということですか？
スクショなどに書き込みをして貼り付けてもらえると、理解できる方が増えて回答がつきやすいかと思います！
いいねをした人: 居ません回答ありがとうございます。
サイドバーありの状態だとMVの幅が狭くなってしまい、サイドバーありの状態でサイドバーなしMVのように全幅にしたいです。
ご確認よろしくお願いします。
サイドバーあり
サイドバーなし
いいねをした人:
なるほどです。CSS で調整する形になります。実際の画面をみてみないとどのような CSS を書けばちゃんと適用されるのが提示するのが難しいですが、基本的には
margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw);という CSS で横に引き伸ばすのが一般的なやり方かなと思います。
いいねをした人:回答ありがとうございます。
なんとかCSSで調整することができました。
MVをトップページのみに表示して他のカスタムリンクのページでは非表示のにしたいです。
ご教授の程よろしくお願いいたします。
いいねをした人: 居ませんトップページかどうかは
is_front_page()という WordPress 標準の関数で判定できます。if ( ! is_front_page() ) { return; }のようにして、トップページのときだけ処理せずに抜けるようにすると良いと思います。
いいねをした人: 居ません
- トピック「TOPページに2カラムの上に1カラムを表示しているのですが1カラムを全幅にしたいのと、１カラムの画像を他のカスタムリンクのページでは非表示にしたい。」には新しい返信をつけることはできません。