トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
検索結果: : 余白
| # | 投稿タイトル | 結果情報 | 日付 | ユーザー | フォーラム |
| ウイジェット－共通サイドバーの余白を調整したい | 0 関連性 | 11か月前 | Powan | SWELLに関する質問 | |
| いつもお世話になっております。 こちらで質問する内容ではないかもしれませんが…ご存じの方がいらっしゃたら教えていただけると幸いです。 [外観] → [ウイジェット] → [共通サイドバー]および[共通サイドバー【スマホ版】]に、ブログパーツをセットしてサイドメニューを作成しているのですが、ブログパーツ間の余白が広すぎて見栄えがあまりよくありません。 このブログパーツ間の余白を調整するCSSなどがございましたら、その方法を教えていただけないでしょうか？CSS以外の対処方法でも構いません。また、SWELLの設定でできるようでしたらその方法を教えてください。（自分で調べた限りではSWELLの設定では見つからなかったのですが） よろしくお願いいたします。 | |||||
| RE: メインビジュアル下の余白について | 0 関連性 | 1年前 | totonoi | SWELLに関する質問 | |
| @swell_mania お返事ありがとうございます。 そうさせていただきます。 | |||||
| RE: メインビジュアル下の余白について | 0 関連性 | 1年前 | かんた | SWELLに関する質問 | |
| @totonoi 本トピックは解決済みになっているので、トピ主と環境が異なっているようであれば、別で新しいトピックを立てた方がコメントが付きやすくなるかと思います。 URLが分かれば、出力しているソースコードから何が原因が特定しやすい問題だと思います。共有可能なURLがあればぜひ、記載してみてください。 | |||||
| RE: メインビジュアル下の余白について | 0 関連性 | 1年前 | totonoi | SWELLに関する質問 | |
| こちらを検索して、皆様の解決方法を試しましたが、メインビジュアル動画と固定ページの余白は解消されませんでした。 どこを調べたらよいでしょうか。 アドバイスください。 | |||||
| iPhone13 Proでの表示について | 0 関連性 | 1年前 | UNIxy | SWELLに関する質問 | |
| iPhone13Proの実機でサイトを見た際、 添付画像のように右端に余白ができてしまいます。 PCでの検証ツールや、他の端末では問題なく表示されるのですが、 なにが問題なのでしょう... PCで確認できないため解決方法も思いつかず困っています...。 添付ファイル : imgpsh_mobile_save_anim.jpeg 添付ファイル : imgpsh_mobile_save_anim (1).jpeg | |||||
| RE: メインビジュアルの左に余白をあけ、そこにテキストを入れたい | 0 関連性 | 1年前 | akira0804 | SWELLに関する質問 | |
| @swell_mania さん そのようなアプローチがありましたか。 早速試してみます。ありがとうございました！ | |||||
| RE: メインビジュアルの左に余白をあけ、そこにテキストを入れたい | 0 関連性 | 1年前 | かんた | SWELLに関する質問 | |
| 以下のようなアプローチはどうでしょうか？ カスタマイザーのメインビジュアル機能を使用しない トップページに指定した固定ページの上部にブロックを配置する メディアとテキストブロックとCSSを組み合わせれば、似たようなデザインを作成できると思います。 | |||||
| メインビジュアルの左に余白をあけ、そこにテキストを入れたい | 0 関連性 | 1年前 | akira0804 | SWELLに関する質問 | |
| 添付画像のようにメインビジュアルの左に余白をあけ、そこにテキストを入れたいと考えています。 ・問題解決するために試したこと 以下のcssコードを追加、修正しました。メインビジュアルは問題なく余白をあけ右寄せにすることができましたが、問題ははみ出した部分のテキストが切れてしまい、表示されません。 .p-mainVisual { /* overflow: hidden; */ position: relative; width: 70%; margin-left: auto; } .p-mainVisual__textLayer>.p-blogParts { margin: 1em 0 0; text-align: left; position: absolute; left: -140px; background: red; z-index: 100; } overflow: hiddenもOFFにしてみましたが、変わらずでした。cssの指定でなにか足りない、もしくは追加する必要があるのでしょうか。 ローカルでお客様サイト開発中のため、参考になるURLのご提示ができないため、お答えにくくなってしまい申し訳ありません。 添付ファイル : スクリーンショット 2023-09-12 065045.png | |||||
| RE: 「カスタムHTML」ブロック下の余白を調整したい | 0 関連性 | 1年前 | His- | SWELLに関する質問 | |
| @blanche カスタムHTMLをグループ化すればいけると思いますよ…！ | |||||
| RE: 「カスタムHTML」ブロック下の余白を調整したい | 0 関連性 | 1年前 | skillsharejp | SWELLに関する質問 | |
| カスタムHTMLブロックで編集する際に、marginで希望の余白を指定する方法はいかがでしょうか？ | |||||
| 「カスタムHTML」ブロック下の余白を調整したい | 0 関連性 | 1年前 | blanche | SWELLに関する質問 | |
| SWELLでLP作成をしています。 SWELLの「ブロック下の余白量」の調整機能が、思い通りに余白を調整できるので大変重宝しているのですが、「カスタムHTML」のブロックを使用すると「ブロック下の余白量」の調整機能がないため、ブロック下の余白が大きく空いてしまい困っております。 添付ファイル : SWELL.png 特定のブロック下の余白をピンポイントで調整することは可能でしょうか。可能な場合は、ヒントだけでもご教示頂けましたら幸いです。 ※なお「カスタムHTML」のブロックは動画コンテンツを埋め込む際に使用しています。 お手数ですが、どうぞよろしくお願いいたします。 | |||||
| XMLサイトマップが作成できない件について | 0 関連性 | 1年前 | yuri | 不具合報告 | |
| はじめまして。素晴らしいテーマの開発をありがとうございます。 XMLサイトマップを作りたくて、「XML Sitemap & Google News」と「XML Sitemap Generator for Google（作者 Auctollo）」の両方を試してみましたが、どちらも作ることができませんでした。 ・「SWELL設定」＞「機能停止」タブから「コアのサイトマップ機能を停止する」のチェックは外しています。 ・SWELLではデフォルト状態でコアのサイトマップ生成機能をオフにされているためか、「XML Sitemap & Google News」と「XML Sitemap Generator for Google（作者 Auctollo）」の両方のプラグインが入っていない状態で、XMLサイトマップを作成してみても、やはりエラーが出てXMLサイトマップが作成されませんでした。 ・色々と検索して試した中で、この記事↓の方法が一番近いかのかなと思いました。 SWELLのテーマファイルエディターからSWELLの子テーマ&「functions.php」を選択し、最終行の余白を消してみました。 ファイルの更新自体は成功したのですが（添付写真で貼り付けています）、再度XMLサイトマップを確認してみても、やはりエラーが出ます。 エラー内容の「This page contains the following errors:error on line 2 at column 6: XML declaration allowed only at the start of the documentBelow is a rendering of the page up to the first error.」 を翻訳してみると「このページには次のエラーが含まれています:行 2、列 6 のエラー: XML 宣言はドキュメントの先頭でのみ許可されます以下は、最初のエラーが発生するまでのページのレンダリングです。」 という意味が出てきたので、XML 宣言はプラグインではなくSWELLのことなので、恐れ入りますがこちらに投稿させて頂きました。 どうすればXMLサイトマップが作成できるようになるのでしょうか？ お忙しい中恐れ入りますが、ご教授頂けますと幸いです。 よろしくお願い申し上げますm(_ _)m 添付ファイル : スクリーンショット 2023-07-05 10.52.15.jpg | |||||
| RE: ヘッダーロゴとヘッダーナビの位置について | 0 関連性 | 1年前 | かんた | SWELLに関する質問 | |
| ヘッダーのロゴからメニューが表示されるエリアの横幅は、初期値で最大1296pxです。カスタマイザー内で設定できるサイト幅（1200px）＋左右48pxの余白(96px)という計算です。 添付ファイル : header_max_width.gif 最大値近辺、または最大値より小さい解像度の端末でアクセスすると左右の余白はほぼ消えます。カスタマイザーでの表示はこのパターンです。 その逆に解像度の高い端末の場合はロゴとメニューが表示されるエリア（1296px）は固定で、その横に余白ができます。ロゴが画面の左端、メニューが右端に表示される仕様ではありません。 | |||||
| RE: ヘッダーロゴとヘッダーナビの位置について | 0 関連性 | 1年前 | pinkman | SWELLに関する質問 | |
| アドバイスいただきましたので、先の添付ファイルをPDF化いたしました。以下、ご質問の再掲でございます。どうぞよろしくお願い申し上げます。 添付ファイル : ヘッダーロゴとヘッダーナビの位置について.pdf ヘッダーロゴとヘッダーナビについて、 カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、 サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。 その状態が、実際にサイト公開した際の見え方になると思うのですが、 左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか？ お手数おかけしますが、どうぞよろしくお願い申し上げます。 | |||||
| ヘッダーロゴとヘッダーナビの位置について | 0 関連性 | 1年前 | pinkman | SWELLに関する質問 | |
| 初めて投稿いたします。勝手が分かっておりませんので誤り等ございましたら恐れ入ります。 ヘッダーロゴとヘッダーナビについて、 カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、 サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。 その状態が、実際にサイト公開した際の見え方になると思うのですが、 左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか？ お手数おかけしますが、どうぞよろしくお願い申し上げます。 添付ファイル : ヘッダーロゴとヘッダーナビの位置について.xlsx | |||||
| フルワイドブロックで横幅を「記事幅」を選択してるのにスマホで画面いっぱいに表示される | 0 関連性 | 2年前 | shin568 | SWELLに関する質問 | |
| お世話になっております。 固定ページでフルワイドブロックを使用した際の横幅なのですが、「記事幅」を選択しているのにスマホで表示した場合に画面いっぱいまで表示されてしまいます。言い方を変えると、どれを選択してもフルワイドで表示されます。 過去トピックに似た事例がありましたが解決方法まではなかったので質問させて頂きました。↓[解決済] フルワイドブロック（記事幅）のスマホ表示で、テキストの左右余白が小さくなる プラグインをすべて停止しても同じでした。 スマホ側のブラウザを変えたりキャッシュをクリヤしても同じです。ChromeでもSafariでも同じです。 htmlやCSSは触ってません。 LP風のページを作るのに、フルワイドブロックはとても気に入ってる機能なのでしっかりと理解して使いこなしたいです。 ご教授のほど宜しくお願い致します。 ↓PCでのスクショ 添付ファイル : sukusyo3.png 添付ファイル : sukusyo4.png ↓スマホでのスクショ 添付ファイル : IMG_3174.PNG | |||||
| RE: フルワイドブロックの背景サイズを固定化したい | 0 関連性 | 2年前 | n-hirai | SWELLに関する質問 | |
| @loos_ryo イラストの余白を増やして微調整はしてますが、まだ解決してません。ノートで見ると文字に掛かりますね。サイズをピクセル指定できればと思いますがやり方はありますかね | |||||
| 見出しの上下余白を狭くする方法が知りたいです | 0 関連性 | 2年前 | s_fujimoto | SWELLに関する質問 | |
| 見出し（h2）の上下の余白をもう少し狭くしたいと思い、追加cssにmarginを追加したのですが反映されません。 h2 {text-align: center;} 現在上記のようにタイトルの中央寄せを入れていて、それは反映されています。 margin-bottom:●em; や padding-bottom:●em; など色々試しましたが、全然ダメでした。 何か方法ありますでしょうか？ | |||||
| RE: 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | mshktnk25 | SWELLに関する質問 | |
| @swell_mania 失礼しました、変更いたしました。 | |||||
| RE: 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | かんた | SWELLに関する質問 | |
| @mshktnk25 良かったです。トピックを「解決済み」に変更してください。 | |||||
| RE: 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | mshktnk25 | SWELLに関する質問 | |
| @swell_mania ありがとうございます。解消されました！ | |||||
| RE: 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | かんた | SWELLに関する質問 | |
| Check Copy Contentsプラグインを停止してみてください。 | |||||
| RE: 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | mshktnk25 | SWELLに関する質問 | |
| コメントありがとうございます。 自分で直接ファイルを触るようなカスタマイズはしていないので、独自に追加した要素というものはないはずなのですが。。プラグインが影響しているのでしょうか。 .theContentWrap-cccがどこにいるかはどうやって探せばいいのでしょうか？page.phpやsingle.phpには見当たりませんでした。 | |||||
| RE: 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | かんた | SWELLに関する質問 | |
| コンテンツエリアに独自に追加されているアウターチックな要素（.theContentWrap-ccc)を省いてみたら改善しませんか？ | |||||
| 関連記事のブロック間の余白がない | 0 関連性 | 2年前 | mshktnk25 | SWELLに関する質問 | |
| 関連記事ブロックを使った際、画像のように上下の余白がなく、かぶってしまいます。 添付ファイル : screenshot.png こちらの記事を参考に一括で余白を設定しようとしたのですが、CSSが効かないため、どこかで設定されてしまっているのだと思うのですが、わかりません。 クロームの検証機能で、下記を無効にすると、上のテキストとブロック間の余白はできましたが、関連記事ブロック同士の余白は変化がありませんでした。 .c-plainBtn { margin: 0 エディターで、1ブロックずつ、ブロック下の余白を調整することはできます。 （関係あるかわかりませんが、SONICからのテーマ移行です。） | |||||
| RE: メインビジュアル下の余白について | 0 関連性 | 2年前 | zushiminimalist | SWELLに関する質問 | |
| 私も悩んでましたが、こちらで解決できました。 添付ファイル : yohaku.png 「カスタマイズ」→「トップページ」→「コンテンツ上の余白量」のところを「なし」にすると余白が消えました。 | |||||