フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
追加cssの記述場所についておすすめは...
 
通知
すべてクリア

追加cssの記述場所についておすすめはどこ?

5 投稿
3 ユーザー
5 Reactions
312 表示
(@momonga365)
投稿: 5
メンバー
トピックスターター
 

LPを作っていますが、いくつか迷いながらやっていることがあります。
皆さんがよく使っているおすすめの設定を教えていただけないでしょうか?
下記の中からわかるところだけお返事でも助かります。

①LPの投稿画面の一番最後のカスタムcssに記載しても反映されなくて
たまに反映されるときもあり、「??」不思議な状況が続いています。
たまたまサーバーのせいなのか、SWELLの特性なのか教えていただきたいです。

②カスタムcssが不安定なので、サーバーに接続して子テーマのSWELL CHILD バージョン: 1.0.0
の中のstyle.cssに記述したらやっと反映されましたが、これが今後の更新を考えると良い方法と思って大丈夫ですか?

③他にもいろいろcssを記述するところがあるので、久々に修正するサイトで
記述する場所を探すのに苦労することがあります。皆さんはどこを多く使っていますか?

A)カスタマイズの中の追加CSS
B)SWELL設定>エディター設定>カスタム書式CSS
C)サーバーの中のstyle.css

④見出しなどのスタイルが、ブロックエディタのなかで、右カラムのブロック設定の
 デフォルトで設定されているスタイルの中から選ぶと、簡単なのですが、このページだけは変えたいという
 場合は、どの方法で制作していますか?

A)デフォルトでスタイルを選んだあとに、追加cssで必要な場所だけ上書き
B)LPのページの設定で、SWELLのスタイルを使わない をONにする

 

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.10.0
利用中のPHPバージョン
PHP Version 8.1.31
利用中のWordPressバージョン
WordPress 6.8.1
利用中のサーバー会社
conoha
利用中のプラグイン一覧

Akismet Anti-spam: Spam Protection
ConoHa WING コントロールパネルプラグイン
ConoHa WING 自動キャッシュクリア
Contact Form 7
Gmap Block
SEO SIMPLE PACK
Simple Cloudflare Turnstile
UpdraftPlus - バックアップ/復元
VK Blocks
WP 2FA
WP Revisions Control
WP-Optimize

 
投稿済 : 07/05/2025 4:37 pm
トピックタグ
くみ
(@kunimi)
投稿: 6
メンバー
 


CSSの優先度によるものなのか?キャッシュによるものなのか?判断が難しいですね。
SWELLだから発生する、というわけではなく、どの環境でも発生しうる問題です。


カスタムCSSが不安定というよりは、CSSの優先度によるものかなと思います。
反映できたのであれば、style.cssへの記述で問題ないと思います。


私はカスタマイズが多いので、Cが多いです。
新規制作時は、Aにまとめています。

Bのカスタム書式CSS は書式の装飾専用で使います。
https://swell-theme.com/update/8844/


そのページだけでしか使わないのなら、
ページ下部の「カスタムCSS&JS」で上書きしています。

WordPressに関するご相談・カスタマイズのご依頼を受け付けています。
✅カスタマイズのご依頼はココナラからも可能です
https://coconala.com/services/1523499
✅直接のご相談・お問い合わせはこちらから
https://smbitjp.com/contact/

 
投稿済 : 08/05/2025 3:02 pm
momonga365 reacted
(@momonga365)
投稿: 5
メンバー
トピックスターター
 

@kunimi さん お返事ありがとうございます。他の皆さんがどのような使い方をしているか知りたかったので、助かります。
私がやっている方法で問題なさそうで安心しました。

投稿者:: @kunimi

私はカスタマイズが多いので、Cが多いです。
新規制作時は、Aにまとめています。

Bのカスタム書式CSS は書式の装飾専用で使います。

新規制作する時にAでまとめて設定することが多いんですね。ありがとうございます。

 
投稿済 : 11/05/2025 3:04 pm
くみ reacted
 
(@loos_ryo)
投稿: 1267
メンバー Admin
 

CSSは優先度の影響だったり組み合わせの影響で効かないことがあります。

エラーが出ないので原因がわかりづらいですが、他のCSSで打ち消されているかどうかはデベロッパーツールで確認できると思うのでそちらで確認しながら作業されるといいと思います。

SWELL開発者です。

 
投稿済 : 13/05/2025 7:02 pm
くみ and momonga365 reacted
(@momonga365)
投稿: 5
メンバー
トピックスターター
 

@loos_ryo
もしかして開発者様直々のコメントなのですね、感激です!恐れ多いというかなんというか、雲の上の存在だと思っていたので 😭 
アドバイスありがとうございます。デベロッパーツールで見ると、他のcssで無効にされているのが確認できるのですが、そこから先が、複雑でなかなか正解にたどり着けません。私がもっとcssに詳しくなれば、理解できるようになると思います。精進します!

 
投稿済 : 17/05/2025 9:33 pm
くみ reacted
共有: