トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
検索結果: : 余白
| # | 投稿タイトル | 結果情報 | 日付 | ユーザー | フォーラム |
| RE: メインビジュアルの左に余白をあけ、そこにテキストを入れたい | 0 関連性 | 2年前 | akira0804 | SWELLに関する質問 | |
| @swell_mania さん そのようなアプローチがありましたか。 早速試してみます。ありがとうございました！ | |||||
| RE: メインビジュアルの左に余白をあけ、そこにテキストを入れたい | 0 関連性 | 2年前 | かんた | SWELLに関する質問 | |
| 以下のようなアプローチはどうでしょうか？ カスタマイザーのメインビジュアル機能を使用しない トップページに指定した固定ページの上部にブロックを配置する メディアとテキストブロックとCSSを組み合わせれば、似たようなデザインを作成できると思います。 | |||||
| メインビジュアルの左に余白をあけ、そこにテキストを入れたい | 0 関連性 | 2年前 | 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 関連性 | 2年前 | His- | SWELLに関する質問 | |
| @blanche カスタムHTMLをグループ化すればいけると思いますよ…！ | |||||
| RE: 「カスタムHTML」ブロック下の余白を調整したい | 0 関連性 | 2年前 | blanche | SWELLに関する質問 | |
| @skillsharejp ご教示頂きありがとうございます！ 完全に希望通りにはまだできていないのですが、余白詰めることができました。 | |||||
| RE: 「カスタムHTML」ブロック下の余白を調整したい | 0 関連性 | 2年前 | skillsharejp | SWELLに関する質問 | |
| カスタムHTMLブロックで編集する際に、marginで希望の余白を指定する方法はいかがでしょうか？ | |||||
| 「カスタムHTML」ブロック下の余白を調整したい | 0 関連性 | 2年前 | blanche | SWELLに関する質問 | |
| SWELLでLP作成をしています。 SWELLの「ブロック下の余白量」の調整機能が、思い通りに余白を調整できるので大変重宝しているのですが、「カスタムHTML」のブロックを使用すると「ブロック下の余白量」の調整機能がないため、ブロック下の余白が大きく空いてしまい困っております。 添付ファイル : SWELL.png 特定のブロック下の余白をピンポイントで調整することは可能でしょうか。可能な場合は、ヒントだけでもご教示頂けましたら幸いです。 ※なお「カスタムHTML」のブロックは動画コンテンツを埋め込む際に使用しています。 お手数ですが、どうぞよろしくお願いいたします。 | |||||
| RE: 行間の空白をなくしたい | 0 関連性 | 2年前 | yumiko | SWELLに関する質問 | |
| 了さま ご確認頂きありがとうございます。・ブロック下の余白量で、余白は縮めることができました。確認不足で失礼致しました。 ・ビジュアルエディターでh1を選択せず、 ブロック → 「段落」を選択 → 文字を入力して太字にし、フォントサイズを大きく変更しただけ なのですが、h1になってしまっています。 h1を１つにしたいのですが、ビジュアルエディターでh2を選択すると カラーバーが自動表示されます。（添付ファイル03） 添付ファイル : 03 タイトルの状態.png h1にせず、シンプルで大文字のタイトルを表示する方法を教えて頂けませんか。 | |||||
| XMLサイトマップが作成できない件について | 0 関連性 | 2年前 | 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 関連性 | 2年前 | かんた | SWELLに関する質問 | |
| ヘッダーのロゴからメニューが表示されるエリアの横幅は、初期値で最大1296pxです。カスタマイザー内で設定できるサイト幅（1200px）＋左右48pxの余白(96px)という計算です。 添付ファイル : header_max_width.gif 最大値近辺、または最大値より小さい解像度の端末でアクセスすると左右の余白はほぼ消えます。カスタマイザーでの表示はこのパターンです。 その逆に解像度の高い端末の場合はロゴとメニューが表示されるエリア（1296px）は固定で、その横に余白ができます。ロゴが画面の左端、メニューが右端に表示される仕様ではありません。 | |||||
| RE: ヘッダーロゴとヘッダーナビの位置について | 0 関連性 | 2年前 | pinkman | SWELLに関する質問 | |
| アドバイスいただきましたので、先の添付ファイルをPDF化いたしました。以下、ご質問の再掲でございます。どうぞよろしくお願い申し上げます。 添付ファイル : ヘッダーロゴとヘッダーナビの位置について.pdf ヘッダーロゴとヘッダーナビについて、 カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、 サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。 その状態が、実際にサイト公開した際の見え方になると思うのですが、 左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか？ お手数おかけしますが、どうぞよろしくお願い申し上げます。 | |||||
| ヘッダーロゴとヘッダーナビの位置について | 0 関連性 | 2年前 | pinkman | SWELLに関する質問 | |
| 初めて投稿いたします。勝手が分かっておりませんので誤り等ございましたら恐れ入ります。 ヘッダーロゴとヘッダーナビについて、 カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、 サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。 その状態が、実際にサイト公開した際の見え方になると思うのですが、 左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか？ お手数おかけしますが、どうぞよろしくお願い申し上げます。 添付ファイル : ヘッダーロゴとヘッダーナビの位置について.xlsx | |||||
| RE: 横並びカラムが縦に表示されるようになってしまいました | 0 関連性 | 2年前 | komadaira | 不具合報告 | |
| 横並びブロックで「ブロック下の余白量」をデフォルトから変更すると、横並びが適用されなくなるようです。 余白量を1emにした方（右図）ではis-layout-flexのクラスが消えています。 添付ファイル : スクリーンショット 2023-06-28 17.36.25.png （WordPress: 6.2.2 / SWELL: 2.7.6.2） | |||||
| フルワイドブロックで横幅を「記事幅」を選択してるのにスマホで画面いっぱいに表示される | 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 「カスタマイズ」→「トップページ」→「コンテンツ上の余白量」のところを「なし」にすると余白が消えました。 | |||||
| スマホでの表示がうまくいかない | 0 関連性 | 2年前 | fullen2020 | SWELLに関する質問 | |
| スマホで表示したときに、右側に余白があり、縦長になります。PCでモバイルの確認をすると正常になっていますが、実際スマホでみるとうまく表示されていません。 | |||||
| RE: トップページの上部の余白と斜線 | 0 関連性 | 2年前 | kenblogs | 不具合報告 | |
| しらこ様、ご返答ありがとうございます。 仰られている通り、子テーマのfunctions.phpに張り付けたタグマネージャーのコードが原因でした。 先ほど修正し、問題なく表示できました。 本当に助かりました。ありがとうございました。 | |||||