トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
# | 投稿タイトル | 結果情報 | 日付 | ユーザー | フォーラム |
RE: 【超至急】グローバルナビと固定記事一行目(タイトルはCSSで非表示にしました)との間の空白を無くしたい | 0 関連性 | 6日前 | 了 | SWELLに関する質問 | |
明らかに緊急性の低い事象に対して自己都合で【超至急】などという表記を使って読み手に対応を迫る行為はやめてください。利用規約にも記載しております。しかもこれ、ご自身でCSSをカスタマイズした結果の事象ですよね。 ページを確認しましたが、l-contentのpaddingを打ち消せばよいだけです。 標準の固定ページタイトルエリアを非表示にしてブロックでタイトルを記載しているような使い方をされているため、本来のタイトルエリアとコンテンツエリアの間の余白が上にきているのだと思われます。 | |||||
iPhoneでピンチアウトするとフルワイドブロックがずれる | 0 関連性 | 2週間前 | Shouta | SWELLに関する質問 | |
iPhoneSE3でSafariを使いピンチアウトすると、フルワイドブロックで作ったブロックが全て左側にずれて、右に余白ができます。ピンチインもしくはスクロールすると元に戻ります。過去の記事も読ませてもらったのですが、該当するものがなく困っています。何か解決法があればご教授いただけませんでしょうか。よろしくお願いいたします。 なお、同じことをGoogleブラウザでも試しましたが、このような事象は発生しませんでした。Safariのみ発生するようです。 添付ファイル : IMG_1085.PNG | |||||
RE: ヘッダーとメインビジュアルの画像の間に余白ができる | 0 関連性 | 2週間前 | かんた | SWELLに関する質問 | |
@tobaru 良かったです。トピックを「解決済」になさってください😉 添付ファイル : topic-close.gif | |||||
RE: ヘッダーとメインビジュアルの画像の間に余白ができる | 0 関連性 | 2週間前 | TOBARU | SWELLに関する質問 | |
メインビジュアルではなくてブロックで画像入れていました。 記事スライダーも設置しないで登録します。 ありがとうございました。 | |||||
RE: ヘッダーとメインビジュアルの画像の間に余白ができる | 0 関連性 | 2週間前 | かんた | SWELLに関する質問 | |
記事スライダーの使用予定がないようでしたらカスタマイザー内「トップページ」→「記事スライダー」と進み「記事スライダーを設置するかどうか」で「設置しない」を選択しましょう。 | |||||
ヘッダーとメインビジュアルの画像の間に余白ができる | 0 関連性 | 2週間前 | TOBARU | SWELLに関する質問 | |
ヘッダーとメインビジュアルの間に余白ができるので直したい、色々調べましたが原因がわかりません、教えて欲しいです。 | |||||
RE: 装飾ボックスなど一部のSwellブロックがブロックエディタ上に表示されません | 0 関連性 | 3週間前 | かんた | 不具合報告 | |
SWELLに「装飾ボックス」や「余白ボックス」という名称の独自ブロックはありません。下記添付画像はSWELLの独自ブロック一覧です。「装飾ボックス」「余白ボックス」とはどのブロックでしょうか? 添付ファイル : swell_blocks.gif | |||||
装飾ボックスなど一部のSwellブロックがブロックエディタ上に表示されません | 0 関連性 | 3週間前 | puregrazia | 不具合報告 | |
こんにちは。Swell最新版(v2.15.0)を使用中ですが、ブロックエディタで「装飾ボックス」や「余白ボックス」など、Swell独自の一部ブロックが表示されません。 以下の対処はすべて試しましたが、改善されませんでした: Swell親テーマを再インストール済み SWELL CHILD(子テーマ)の functions.php は無効化コードなし Classic Editor 等のブロック無効化系プラグインは使用していません キャッシュ削除(Autoptimize、WP Fastest Cache)済 ブラウザはChromeとEdge両方で確認 ブロックエディタの表示設定(チェックボックス)もすべてON 固定ページ編集画面で /ボックス と入力しても、「装飾ボックス」「カスタムボックス」などは出てこない状態です。 何か原因に心当たりがあれば、ぜひご教示いただけますと幸いです。 | |||||
RE: ページ内リンクにスクロールした際に少しずれるように思います。 | 0 関連性 | 1か月前 | EKS | SWELLに関する質問 | |
写真を背景にはしていなかったので、大丈夫でした。 同じことだと思いますが、フルワイドの中にフルワイドを入れるようにして、そのパディング量やブロック下の余白を調整したりして、まあ気にならない程度にはできました。ピタッとブロックの境界で止まらないのは気にはなりますが。 ありがとうございました。 | |||||
RE: ページ内リンクにスクロールした際に少しずれるように思います。 | 0 関連性 | 1か月前 | くみ | SWELLに関する質問 | |
私も同じ状況でした。Javascriptでスクロール先を決めているようで、CSSでは位置をコントロールできませんでした。 上にブロックを追加すると気にならなくなります。(余白ではコントロールできないので、同じ背景色のブロックを追加する) 背景に写真を使っていると難しいですが。。。 ご参考になれば幸いです。 添付ファイル : 58e881f7a73b5d4e83643ef18e5fff81.png | |||||
RE: スマホ版のトップページにサイドの余白ができてしまう | 0 関連性 | 2か月前 | かんた | SWELLに関する質問 | |
bodyにpaddingを設定しているのが原因です。SWELLのコードではなくご自身で追加しているものだと思いますので、該当部分を削除すれば改善します。 | |||||
スマホ版のトップページにサイドの余白ができてしまう | 0 関連性 | 2か月前 | Hiroki213 | SWELLに関する質問 | |
スマホで表示すると横に空白ができてしまいます。 トップページ以外は正常に表示するのですが、直した方を教えて欲しいです。 | |||||
RE: 文字サイズについて | 0 関連性 | 2か月前 | mohinesan | SWELLに関する質問 | |
本当にありがとうございました!理解しました・・・!最初の相談内容から話が広がってしまったにもかかわらず、一つひとつ丁寧にアドバイスをくださり感謝いたします。今、あらたにSWELLに挑戦しているのですが、正直わからないことだらけで、何度も壁にぶつかっては立ち止まり…そんな中で、今回いただいた文字や余白に関するアドバイスは、まさに救いです。一人でやっていると、どこかで不安になって「これでいいのかな…?」と迷うことばかりですが引き続き頑張りたいです。どうぞ引き続きよろしくお願いいたします。 | |||||
RE: 文字サイズについて | 0 関連性 | 2か月前 | ととにゃん | SWELLに関する質問 | |
4~6行目の質問は、添付されている画像と関係ないと判断してお答えします。 >ブロック中の文字に背景色を付けるとボックスの枠と文字の間に結構な余白ができてしまいます。 「SWELLマークのアイコン」にある“背景色”だと仮定してお答えすると、余白の設定は、CSSでおこなうことになります。 やりたいことがわからないので何とも言えませんが、マーカー(太線)を使う事で解決しませんでしょうか? ~~~ >左は自分で作ったブロックで、上部にやたらスペースがあります。 ごめんなさい、 作成された工程も不明なのと、画像だけでは何とも・・・。 見たままで予想しますと・・・、 ・「代表取締役」の下に、空白の行がある ・「代表取締役」の後が改行されている つまり、 代表取締役(改行)←改行なので見えない (改行)←改行なので見えない (改行)←改行なので見えない ・「代表取締役」、もしくは「佐々木寛太 代表取締役」のブロックに「ブロック下の余白量」が設定されている ではないかと思われます。 よろしくお願いいたします。 | |||||
RE: 文字サイズについて | 0 関連性 | 2か月前 | mohinesan | SWELLに関する質問 | |
めちゃめちゃ分かりやすいです…本当に助かります。 ありがとうございます。 あともう一つ気になる事がありまして…もしご存知でしたらお願い致します。 ブロック中の文字サイズは理解したのですが、ブロック中の文字に背景色を付けるとボックスの枠と文字の間に結構な余白ができてしまいます。ボックスの下部の余白を調整するツールバーはありますが、左右の余白や、特に上部の余白はどのようにコントロールすればいいでしょうか? 試しに他の方が作成したブロックをコピペしてもってきました(右)。左は自分で作ったブロックで、上部にやたらスペースがあります。画像下のスペースはマックスで下げたのですが… ご存知でしたら教えていただけたら幸いです。 | |||||
目次のアンカーリンクのオフセット問題について | 0 関連性 | 2か月前 | AAAST | SWELLに関する質問 | |
検索やAI利用でもなかなか解決できないため、投稿させていただきます。 「アンカーリンクのジャンプ位置を調整」したいです。 SWELLで固定ヘッダーを作成し全てのページで利用しています。 デフォルト機能での、カスタマイズ>ヘッダー>追従を使用せずに設定しました。 この状態で目次から各見出しへ飛ぶと、見出しがヘッダーに被ってしまいます。 アンカーリンクの位置調整として簡単な方法で以下のコードで調整できるとの記事を見ました。 html {scroll-padding-top: 80px;} このコードはSWELLでサンプルサイトを作っても機能しませんでした。 この他にJavaScriptでの調整を検討しましたが、どう設定しても目次から飛ぶと、見出し上に余白を作ることができません。 JavaScriptはデベロッパーツールで機能しているのを確認しています。 その他試したことは以下です。 ・目次をプラグイン(RTOC,TOCP)にしてCSS、JavaScriptをためす ・SWELLのスムーススクロールを停止してCSS、JavaScriptをためす ・CSSでhtml以外にh2などの見出し[id]、.post_content h2も一通りためす ・CSSで!importantで優先させる ・JavaScriptでヘッダー読み込みを80pxに固定して実装 ・scroll-margin-topを使用 ・サブドメインでサイト作成しテスト環境(プラグインなし、カスタマイズ設定最小限)ためす ・SWELLのヘッダー追従を有効にして、自作ヘッダー非表示でためす SWELLのtoc.phpも調べていたらPartsの中にあると見かけましたが、見つけることができませんでした。 見出しを自作すると隠れてしまうことが多いです。 Cocoonなどの別テーマだとscroll-padding-topが効きます。 SWELLでの目次アンカーリンクオフセットのコントロールについて、なにか対策があれば教えていただけるとありがたいです。 分かりづらくて申し訳ありませんが、ご教授いただけるありがたいです。 | |||||
RE: メインビジュアル下の余白が消えない | 0 関連性 | 5か月前 | kotaro.y.0304@gmail.com | 不具合報告 | |
@96ssbike ご案内いただいた手順通りに確認し、空のカスタムHTMLウィジェットを削除したところ、無事に解決しました。 分かりやすく手順まで教えていただき、本当に助かりました。 ご回答ありがとうございました! | |||||
RE: メインビジュアル下の余白が消えない | 0 関連性 | 5か月前 | kotaro.y.0304@gmail.com | 不具合報告 | |
@windorz 確認したところ、おっしゃる通りでした。 自分では見当もつかなかったので本当に助かりました。 ご回答いただきありがとうございました! | |||||
RE: メインビジュアル下の余白が消えない | 0 関連性 | 5か月前 | しらこ | 不具合報告 | |
外観→ウィジェット→トップページ上部ウィジェットに、おそらく中身が空欄のカスタムHTMLウィジェットが入っていると思います。 | |||||
RE: メインビジュアル下の余白が消えない | 0 関連性 | 5か月前 | サブロ | 不具合報告 | |
ウィジェットが入っている影響だと思います。 | |||||
メインビジュアル下の余白が消えない | 0 関連性 | 5か月前 | kotaro.y.0304@gmail.com | 不具合報告 | |
トップページにて、メインビジュアル下の余白が消えません。 カスタマイズ→トップページ→その他→コンテンツ上の余白量→なし 固定ページ→表示の上書き設定→ピックアップバナー→非表示 これらの処置は全て実行済みですが、どうしても余白が消えません。 対処法がお分かりの方がいらっしゃいましたら、ご教授の程よろしくお願いいたします。 | |||||
RE: スマホで表示した際のメインビジュアルの長さが少し短い | 0 関連性 | 5か月前 | His- | SWELLに関する質問 | |
あ、なるほど。 SWELLでは、セクションブロックが連続している場合には、セクション間の余白を詰めるために下のセクションが上にずれるCSS設計になっています。 そのため、上のセクションをSP非表示にしたとしても、下のセクションが上に上がってきてしまい、今回のような現象が起こります。 セクションの余白量が個別設定されている場合は、下のずれはリセットされますので、上のセクションの「ブロック下の余白量」を0にするとうまくいきます。 | |||||
RE: youtubeを埋め込むと動画上部に大きな余白が出来てしまう | 0 関連性 | 6か月前 | サブロ | SWELLに関する質問 | |
WP Rocketの影響かもしれないので、一度OFFにしてみたらいかがでしょうか? | |||||
RE: youtubeを埋め込むと動画上部に大きな余白が出来てしまう | 0 関連性 | 6か月前 | ringosappo@gmail.com | SWELLに関する質問 | |
ぴよ様 こんばんは、お返事ありがとうございます。 カラム部品は利用していないので、明日使用して試してみます! | |||||
RE: youtubeを埋め込むと動画上部に大きな余白が出来てしまう | 0 関連性 | 6か月前 | ぴよ | SWELLに関する質問 | |
添付ファイル : image2.png F12キーで簡単にソース見てみましたがこのカラム部品を使ってレイアウト作っているとしたらレイヤーが崩れているんじゃないかと思いました。 もしこのカラム部品を使っていないのだとしたら、これを使ってみるとうまくいくかもしれません。 | |||||
youtubeを埋め込むと動画上部に大きな余白が出来てしまう | 0 関連性 | 6か月前 | ringosappo@gmail.com | SWELLに関する質問 | |
お世話になっております。 投稿ページでステップブロックの後ろにyoutubeを埋め込みました。 自分のノートPCでの表示やデベロッパーモードのレスポンシブで確認すると 余白はないのですが自分のスマホや他の人のPCで見ると 動画の前に大きな余白が入ってしまっています。 どうしたら余白をなくせるでしょうか。 | |||||
RE: 投稿画面(入力エリア)の余白が消えてしまった | 0 関連性 | 8か月前 | genepine | 不具合報告 | |
こんばんは本来アイコンであるはずのトップツールバーのボタン類が、なぜ文字として表示されているのでしょうか。それは関係していませんか。 添付ファイル : Image_20241024_225942.png | |||||
投稿画面(入力エリア)の余白が消えてしまった | 0 関連性 | 8か月前 | atsuint | 不具合報告 | |
投稿画面(入力エリア)が左詰めになり書きづらい状態となっています。 戻し方についてご教示いただけますと幸いです。 添付ファイル : wp1024.png | |||||
ブロックとブロックの隙間について | 0 関連性 | 9か月前 | maikon | SWELLに関する質問 | |
こんにちは。SWELLで2つ目のブログを制作中です。 ホームに設定する固定ページにて、フルワイドブロックで「新着記事」と「人気記事」を設置作業中です。 「新着記事」と「人気記事」、それぞれに異なる背景色をつけ、境界線を「波」に設定したところ、編集画面では問題なく重なっていますが、プレビューしてみるとブロックとブロックの間に白い隙間が出来てしまっています。 上段の「新着記事」ブロックの「境界線の高さ」は上部と下部それぞれ3、下段の「人気記事」ブロックは上部0、下部3にしています。 ブロック下の余白量はそれぞれ0です。ブロックとブロックの間に余分なブロックが入っていないかどうかもチェックしました。 最初に作ったブログも同じデザインで制作しましたが、そちらにはブロック間の隙間はなく、波が綺麗に組み合わさっています。2つのブログ設定で違いがないかを見比べていますが、問題が見つかりません。 大変恐縮ですが、解決方法をお教えいただけると大変助かります。よろしくお願いいたします。 添付ファイル : 実際の画面.jpg | |||||
SWELLのLPページのスマホ表示における左右余白の改善について | 0 関連性 | 9か月前 | Inmark1419 | SWELLに関する質問 | |
お世話になっております。 初めてSWELLのLPでページを作成しましたが、スマホで閲覧した際に左右の余白が気になります。追加CSSを使って余白を消そうと試みたのですが、若干の余白が残っており、完全に改善することができませんでした。 以下が試したコードです。------------------@media screen and (max-width: 768px) {/* lp-content クラスの調整 */.lp-content {box-sizing: border-box !important;margin: 0 auto !important;padding: 0 !important;width: 100% !important;} /* wp-block-image クラスの調整 */.wp-block-image, .wp-block-image img {margin: 0 !important;padding: 0 !important;max-width: 100% !important;display: block !important;} /* body全体の余白削除 */body {margin: 0 !important;padding: 0 !important;width: 100vw !important;overflow-x: hidden !important;}}------------------このコードを使用しても、左右の余白が完全には解消されませんでした。もし、改善できるコードをご存じの方がいらっしゃいましたら、ご教示いただけると幸いです。 何卒よろしくお願い申し上げます。 |