会員サイトをリニューアルしました! 新サイトはこちら

編集画面と公開記事のデザインの不一致につきまして < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

編集画面と公開記事のデザインの不一致に...
 
通知
すべてクリア

[解決済] 編集画面と公開記事のデザインの不一致につきまして

12 投稿
4 ユーザー
7 Likes
1,195 表示
kkryo
(@kkryo0418)
Active Member
Topic starter
 

お世話になります。

編集画面の見た目と、実際に公開した記事(及びプレビュー)の見た目が

異なるというトラブルで困っています。

例えば、添付の写真は実際に公開されている記事なのですが、

編集画面では「海外FX業者のなかには、最大レバレッジが1,000倍をこえるようなところがたくさんあるのですが、そのメリットや正しい使い方はあまり知られていません。」

というところを赤の太字にしています。

しかし、実際に公開された記事を見ると何も装飾されていな文字になっています(こちらの記事です)。

(別の記事でも同様です。)

また、編集画面で「シンプルブログデザイン( https://meril.co.jp/simple-blog-design/)」というプラグインで作った表が、実際に公開するとワードプレスのデフォルトの表に変換されてしまっています。

本日、PHPのバージョンを「PHP7.4.25」にアップデートしたことが影響しているのでは、と考えているのですが、もし解決策がおわかりでしたらご教示いただけますと幸いです。

何卒よろしくお願い致します。

 
投稿済 : 06/11/2021 12:57 pm
kkryo
(@kkryo0418)
Active Member
Topic starter
 

編集画面での表はこちらです。

 
投稿済 : 06/11/2021 12:58 pm
kkryo
(@kkryo0418)
Active Member
Topic starter
 

実際に公開した記事は、下の写真のようになってしまいます。

 
投稿済 : 06/11/2021 12:59 pm
しらこ
(@96ssbike)
Prominent Member
 

SWELL設定>ファイルの読み込みの、コンテンツに合わせて必要なCSSだけを読み込む【β機能】にチェックが入っていると、同じ現象が出ました。

高速性能は少し下がりますが、本プラグインと併用してSWELLを使う上では、このチェックを外して使用していただければと思います。

これで直ると思いますが、いかがでしょうか?

にゃーん .

 
投稿済 : 06/11/2021 1:17 pm
momo and kkryo reacted
kkryo
(@kkryo0418)
Active Member
Topic starter
 

@96ssbike

しらこさん、早速のご返信誠にありがとうございます。

直りました。。

収益記事のデザインまで崩れて焦っていたので、本当に助かりました。

心から感謝します、ありがとうございました!

 
投稿済 : 06/11/2021 1:19 pm
しらこ
(@96ssbike)
Prominent Member
 

解決して良かったです!(フィードバックありがとうございます!)

ちなみに、今日初めてこの現象を私も知りました。笑
ですが、仕組みを考えればなるほどなぁ(このあたりだろうなぁ)って思いました。

多くの方が使用されるプラグインなので、なるべくこういうのしっかり対応しておきたいと思います。

にゃーん .

 
投稿済 : 06/11/2021 1:29 pm
momo and kkryo reacted
kkryo
(@kkryo0418)
Active Member
Topic starter
 

@96ssbike

なんと、タイミングよかったです。。笑

運営しているサイトのPagespeedinsightのスコアがほぼすべての記事で20~30点台で、

先ほどのβ機能にチェックを入れたら改善するかな?と思い、今日の夕方ころに設定したらデザインが崩れて焦っていました。

(調べいるなかでPHPのバージョアップも効果があるのでは、という記事を見つけてバージョン変更したので、それが原因だと思っていました。)

まさかここまでドンピシャの回答をいただけるとは思っておらず(手作業で1つ1つ直さないかなあと覚悟していました)、非常に助かりました。ありがとうございました。

 
投稿済 : 06/11/2021 1:36 pm
しらこ
(@96ssbike)
Prominent Member
 

@kkryo0418 そういえば、前回もちょうどこんな感じでしたね^^;笑

https://u.swell-theme.com/community/postid/8804/

にゃーん .

 
投稿済 : 06/11/2021 1:49 pm
kkryo
(@kkryo0418)
Active Member
Topic starter
 

@96ssbike そうなんです。SWELLに乗り換えてそんなに時間が経ってないので、試行錯誤の日々です。。笑

前回のご質問にも一発で答えていただいて、今回もしらこさんに助けていただいて頭が上がりません。

またわからないことがあったときはお力を拝借させていただくかもしれないので、どうぞよろしくお願い致します。

 
投稿済 : 06/11/2021 1:56 pm
しらこ
(@96ssbike)
Prominent Member
 
投稿者:: @kkryo0418

@96ssbike

なんと、タイミングよかったです。。笑

あ、ちなみにこれはタイミング良かったわけではなく、先日のも含めて全部問い合わせ受けてから調べて回答してます。基本は、推測しながら手を動かして対応してます^^;

前例のない質問の中で自分の中ではわりと奇跡なんですが、動きがおかしい→jQuery、デザイン崩れる→CSSから着想してます。

にゃーん .

 
投稿済 : 06/11/2021 2:21 pm
momo and kkryo reacted
skillsharejp
(@skillsharejp)
Estimable Member
 

本件は既に了さんと共有済みです。どちらかと言うとSWELL側の問題ではないので今後の対応については了さんが検討されてます。

高速化アドバイザーの私としてはおすすめのSWELL機能がサードパーティーのプラグインを使うことで使えないのは残念ですが、まあWordPressの世界は割とこういった事も起きるので確定的なソリューションが出てくるまでは試行錯誤して使って・・・という感じです。

SWELL高速化アドバイザー
個別サイト高速化のご依頼は販売サイトのお問い合わせからお願いします。

 
投稿済 : 07/11/2021 12:01 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

この件ですが、SBD側で「背景色ブロック」のCSSにテーブル関連のCSSがまとめられてしまっていることが原因のようです。(なかじさんには報告済みですので、そのうち修正されるかと思います。)

なので、そのCSSを無理やり読み込んでおくと、「コンテンツに合わせて必要なCSSだけを読み込む」をオンにしていても問題ないかと思います。

 
投稿済 : 10/11/2021 11:06 am
skillsharejp reacted
共有: