teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

試したこと、検証したことを追記

2022/12/25 09:53

投稿

pokenasu11
pokenasu11

スコア23

title CHANGED
File without changes
body CHANGED
@@ -3,4 +3,9 @@
3
3
  style.cssでリセットcssを最初に入れているので、フロント側にエディタからのスタイルが悉く付かなくなってしまっています。the_content()で読み込む部分だけ、style.cssとは別にする方法はないでしょうか?
4
4
  他にも何か解決方法をご存じの方、アドバイスお願いします。
5
5
 
6
- (エディタとフロントを同じにする為には、フロント側にstyle.min.cssがあり、theme.min.cssを追加したり、エディタ側にはeditor-style.cssでスタイリングする辺りのことは調べました。現状はそれ以前のようです。)
6
+ (エディタとフロントを同じにする為には、フロント側にstyle.min.cssがあり、theme.min.cssを追加したり、エディタ側にはeditor-style.cssでスタイリングする辺りのことは調べました。現状はそれ以前のようです。)
7
+
8
+ **試したこと**
9
+ the_content()で読み込む部分にクラス名(例えば.single__content)をつけて、スタイルをつけることは出来ました。
10
+ よく使う見出しなどはそれでいいのですが、Gutenbergにあるブロック全てに対応するスタイルを全てオリジナルでつけるのは大変だと思いました。リストもネスト化したものに対してどうスタイルをあてておけば良いのか??
11
+ 希望としては、テスト記事データ(theme-test-data-ja)の「HTML タグとフォーマット」に含まれる要素がすべて表示乱れのないようにしたいので、リセットcssを外す必要があると考えました。