フォーラム

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

[解決済] アップデートしたら記事毎のCSSが反映されなくなりました

9 投稿
3 ユーザー
17 Likes
70 表示
junpei
(@junpei)
投稿: 12
メンバー
Topic starter
 

お世話になります。
さきほどSWELLを最新版にアップデートしましたら、記事毎に設定したCSSが反映されなくなってしまったようです。

当ブログでは、右サイドバー下の広告、各記事下(シェアボタン下)の関連記事リストを、記事毎に出し分けしていたのですが、それがすべての記事で表示されなくなっています。

よろしくお願いいたします。

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

ConoHa WING 自動キャッシュクリア (v.1.0.0)
Custom Taxonomy Order (v.3.4.4)
EWWW Image Optimizer (v.6.7.0)
Highlighting Code Block (v.1.6.0)
IndexNow (v.1.0.1)
MW WP Form (v.4.4.1)
Pochipp (v.1.8.1)
Pochipp Assist (v.0.1.0)
PS Auto Sitemap (v.1.1.9)
reCAPTCHA for MW WP Form (v.1.1.1)
SEO SIMPLE PACK (v.2.5.1)
Show Current Template (v.0.4.6)
Site Kit by Google (v.1.81.0)
Useful Blocks (v.1.6.2)
WebSub (FKA. PubSubHubbub) (v.3.1.2)
WP Multibyte Patch (v.2.9)
WP Revisions Control (v.1.4.3)
XML Sitemap & Google News (v.5.3.3)
XO Security (v.3.3.0)
Yoast Duplicate Post (v.4.5)

 
投稿済 : 18/08/2022 2:11 pm
しらこ
(@96ssbike)
投稿: 513
メンバー
 

今までのSWELL(2.6.7以前)では、CSSの読み込み順が

wp-custom-css
print.css
swell_custom_css

の順で読まれていたのですが、これが2.6.8以降は

print.css
swell_custom_css
wp-custom-css

の順に読まれている影響かな…と思います(特にこのwp-custom-cssとswell_custom_cssの順)。

@junpei さんのサイトを見てみると、

wp-custom-css で各要素を一旦すべて display:none; にしていたものを、
swell_custom_css で各要素を再度 display:block; にして個別に表示させていたのが、
これらのCSSの読み込み順がすべて2.6.8以降で逆順になってしまった影響で、すべて display:none; になってしまって非表示になってしまったのかなと思います。


@loos_ryo さん、たとえば

print.css
wp-custom-css
swell_custom_css

の順にCSSを読み込むように変更していただくことは可能でしょうか?(おそらく、こうするのが今までのサイトに一番影響ないかなと思います)

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 18/08/2022 4:07 pm
suya, junpei and es reacted
しらこ
(@96ssbike)
投稿: 513
メンバー
 

@junpei さん、とりあえずの解決方法です。

まず、Code Snippetsプラグインをインストールしてください。

その中にExample CSS snippetというサンプルのスニペットが入っていますので、

SnapCrab NoName 2022 8 18 16 16 42 No 00

その中(ピンクで囲った部分の中)に、追加CSSに入力したものをごっそり移設して、

SnapCrab NoName 2022 8 18 16 15 4 No 00

追加CSSをすべて削除すると、Snippetsに入力したCSS>SWELLの個別ページに入力したCSS(swell_custom_css)の順に読み込まれるようになります。とりあえず、この方法で回避は可能かなと思います。

ここに入力したCSSは、追加CSS同様に、すべてのページで読み込まれるCSSになります。

This post was modified 2か月前 2回 by しらこ

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 18/08/2022 4:21 pm
suya, skillsharejp, junpei and 1 people reacted
junpei
(@junpei)
投稿: 12
メンバー
Topic starter
 

@96ssbike しらこさん、ありがとうございます。

今日1日ほど様子見て、CSSの読み込み順序が変わらないようでしたら、応急措置してみたいと思います。

@loos_ryo さん、いかがでしょうか…?

 
投稿済 : 18/08/2022 6:04 pm
しらこ
(@96ssbike)
投稿: 513
メンバー
 

@junpei さん、この方法を実際に使うかどうかについてはお任せします。

しかし、基本的には、修正アップデートが実施された以後にもそのまま使っても問題ないやり方です。
また、コードをカスタマイズすれば、意図的にCSSの読み込み順序を変更することも可能です(SWELL上で設定されたものの読み込み順の変更は、確かできなかったと思います)。

現在の状態

Code Snippetsに入力したCSS
print.css
swell_custom_css
wp-custom-css

の順で読み込まれます。

もしも、修正アップデートが実施された場合は、

Code Snippetsに入力したCSS
print.css
wp-custom-css
swell_custom_css

などの読み込み順になると想定されます。

とりあえず作業しちゃっても、修正アップデート後もそのまま使い続けてもよし、あとで追加CSSに戻してもよしなので、そこまで考慮したやり方になります。

This post was modified 2か月前 by しらこ

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 18/08/2022 6:27 pm
suya and junpei reacted
了
 
(@loos_ryo)
投稿: 786
メンバー Admin
 

@96ssbike しらこさんありがとうございます!

本日中に修正してアップデートしておきます!🙇‍♂️

SWELL開発者です。

 
投稿済 : 18/08/2022 8:15 pm
suya, junpei and しらこ reacted
了
 
(@loos_ryo)
投稿: 786
メンバー Admin
 

2.6.8.2で修正しました。いかがでしょうか?

SWELL開発者です。

 
投稿済 : 18/08/2022 9:28 pm
suya, junpei and しらこ reacted
しらこ
(@96ssbike)
投稿: 513
メンバー
 

@loos_ryo ありがとうございます。2.6.7以前と同じに戻りました🙇‍♂️

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 18/08/2022 9:41 pm
reacted
junpei
(@junpei)
投稿: 12
メンバー
Topic starter
 

@loos_ryo こちらも無事復旧しました。ありがとうございます!

 
投稿済 : 18/08/2022 9:58 pm
reacted
共有: