うなこ
フォーラムへの返信
-
投稿
-
今ソースを確認していたのですが、
本来は<div class="site-body-container container">の中にmain-section（メインのコンテンツ）とsub-section（サイドバー）が入るはずなのに、トップページは<div class="site-body-container container">の外にsub-section（サイドバー）がありました。そのせいで崩れているようです。【原因】
Classic Editor（プラグイン）で実装しているとおっしゃっていましたよね？
おそらく、前に重複している内容を削除したときに、必要なdivの閉じタグを消してしまったとか、もしくは不要なdivタグがあるとか、そんな理由だと思います。前のように、ホームページに設定した固定ページの編集画面を開いていただき、
以下の［1.投稿内容を共有］のように、三点リーダーから「コードエティター」に切り替えていただき、投稿内容を共有することは可能でしょうか。.home .site-body-bottom .container .widget .wp-block-image img {
display:none;
}↑img（画像）を非表示にしていますが、ウィジェットのブロックごと非表示でいいと思うので、トップページの場合は以下の感じでしょうか？
.home .site-body-bottom .widget_media_image#block-70, .home .site-body-bottom .widget_media_image#block-71{ display:none; }テーマを他のものに切り替えても、Twitterの埋め込み自体ができないようでした。
おそらくTwitter側の問題の可能性があります。アップデートで、なにか仕様変更したのかもしれません。
（固定記事の埋め込みは可能のようでした）しばらく様子をみていただいてもいいでしょうか
今回の件とは関係ありませんが、ちょっと気になるのは、 カラムブロックの中の中の
<h3>のタイトルタグにwp-block-image size-fullというクラス名がついているのですが、ご自身でつけられたのでしょうか？なんでしょうね？？もしよろしければ、ホームページに設定した固定ページの編集画面を開いていただき、
以下の［1.投稿内容を共有］のように、三点リーダーから「コードエティター」に切り替えていただき、投稿内容を共有することは可能でしょうか。▼フォーラム・エラー共有方法
ご連絡いただきありがとうございます。
試してみたのですが切れることはないのですがパソコンの画面の全幅に合わせるとスマホの方が上下余白がかなりできてしまいます。何かいい方法はございますか？よろしくお願い申し上げます。背景画像ですので min-heightをブレイクポイントごとに出しわけする必要があるとおもいます。
例えばこんな感じです。@media (max-width: 991.98px){
min-height: 〇〇px;
}
@media (max-width: 767.98px){
min-height: 〇〇px;
}
@media (max-width: 575.98px){
min-height: 〇〇px;
}でも少しめんどうなので、石川さんの方法がいいなと思ったのですが、ページが2カラムということで、
石川さんのやり方でいくなら、1カラムにしてカラムブロックで2カラムにして、サイドメニューは手動でブロックなどで入れるとかでしょうか、、？すみません。詳しくないのですがどこから編集したらよいのでしょうか
機能としてはありませんので、CSSでカスタマイズする形になります。
このページのページヘッダー画像だけを調整したいということですよね。
でしたら、プラグイン VK All in One Expansion Unit にCSSカスタマイズ機能で、特定のページにのみ出力するCSSを書く事ができます。
編集画面から該当の固定ページをひらき、ページの下の方にある「VK All in One Expansion Unit」の設定から「カスタム CSS」を開いて、そちらに以下のCSSを添付してください。.page-header {
background-size: contain;
}min-heightの数字も変わると思いますので、その辺りは調整して、追加で記述してみてください。▼CSSのカスタマイズに関しましては、以下を見ると分かりやすいのでぜひご確認お願いいたします。
