Web Design Reference

2023/11/17 Fri
CSSを編集しても反映されない時
Alice+のCSS編集ですが、CSSを編集しても編集内容が反映されず、ページは編集前のままということが割と頻繁に起こります。

反映されることもあれば、全く反映されないこともあり、その度にブラウザの閲覧履歴を削除したり、プライベートモードに切り替えたり、何度もログインし直したりと、編集が非常に面倒です。

解決するには、CSSのURLにパラメータを付与する方法が良さそうです。

Alice+のCSS編集の内容は

<link rel="stylesheet" type="text/css" href="https://alicex.jp/data/ID/sp_css.css">

という外部リンクの形でhead内にインクルードされます。
このCSSのURLにパラメータを付与すれば、CSSを編集すると内容がページに反映されるようになります。

以下、方法を解説します。

トップページの場合
<link rel="stylesheet" href="https://alicex.jp/data/ID/sp_css.css?231117">

?231117の部分がパラメータです。?の後の文字列は任意で構いません。

サブページの場合
<link rel="stylesheet" href="https://alicex.jp/data/ID/ページ番号-sp_css.css?231117">

上記を各ページのデザイン編集の最初に記述します。

また別の方法として、以下の方法も有効かもしれません。

  1. CSSをデザイン編集に記述する
  2. CSSを別の外部ファイル化する


以上です。
PrevNext

Calendar

<< 2024年5月 >>
1234
567891011
12131415161718
19202122232425
262728293031