トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
見出しが添付図のようにうまく表示されません。大見出し1の中の小見出しが、1-1の次は1-2ではなく2、3になり、次の大見出しの数字は4になってしまいます。それ以降の小見出しは問題ありません。原因、対応方法をご存じの方がいらっしゃいましたら、ご教授、お願い致します。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.6.2
利用中のPHPバージョン
7.4.33
OS
Windows
利用中のWordPressバージョン
6.2.2
利用中のサーバー会社
Xサーバー
ブラウザ
FireFox
利用中のプラグイン一覧
Akismet Anti-Spam: Spam Protection (v.5.2)
Aurora Heatmap (v.1.5.6)
Autoptimize (v.3.1.8.1)
BackWPup (v.4.0.0)
EWWW Image Optimizer (v.7.1.0)
Highlighting Code Block (v.1.7.0)
Imsanity (v.2.8.2)
Jetpack (v.12.2.1)
SEO SIMPLE PACK (v.3.2.0)
WP Multibyte Patch (v.2.9)
WP Revisions Control (v.1.4.3)
This topic was modified 10か月前 by zarate
投稿済 : 03/07/2023 9:58 am
リンク先のURLを開く限り問題なさそうですが、自己解決されましたか？
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
投稿済 : 03/07/2023 11:49 am
Topic starter
リンク先は問題ないのですが、表示を修正したいと思っています。
＜現在＞
１. 〇〇〇〇
1-1. XXXXX
２.△△△
３．◇◇◇
＜修正したい表示＞
1. 〇〇〇〇
1-1. XXXX
1-2. △△△
2. ◇◇◇
投稿済 : 03/07/2023 8:09 pm
@zarate 具体的にどのページがそうなっているのでしょうか？現象だけでは判断できないので、現象が確認できるページを見せてください。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)
投稿済 : 04/07/2023 1:00 am
Topic starter
投稿済 : 04/07/2023 8:51 am
元々のURLですよね？スキルシェアさんと私が見て、そこは問題ないので、問題（現象）が確認できるURLを教えてほしいとお伝えしたのですが。
いただいたURLを開いても、以下のようにまったく表示に問題ないように思えますが、いかがでしょうか（そちらのページを開いた後に出てきたスクショ画像で、見出し等は念のため文字を隠す加工をしたものです）。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)
投稿済 : 04/07/2023 10:10 am
Topic starter
しらこ様
ご指摘ありがとうございます。
こちらで見ると、1-1の次が1-2ではなく、2になってしまいます。
ふと思い、今使っているブラウザはfirefoxなので、chromeで見てみたら、ご指摘の通り、表示は正常でした。
ただ、所有している別サイトでは、firefox でも chromeでも表示は正常でした。
原因はわかりませんが、一般の方でfirefoxを使っている方はそれほどいないと思うので、このままで様子を見てみます。
ありがとうございました。
投稿済 : 05/07/2023 11:48 am
こちらの件、おそらく以下の対策が影響しているかと思います。こちらの修正案の発案者としてお詫び致します。
https://users.swell-theme.com/forum/postid/7596/
確かに FireFox で確認すると表示が意図しないモノとなっています。どうやらこちらは FireFox が CSS の仕様に沿って厳密に実装を行ったことによる影響していると考えられます。W3C も Mozilla の見解が正しいとしているので今後はこちらが正となる可能性がありそうです。
(参考： https://debiru.hatenablog.com/entry/20220225/counter-reset)
ol > :first-child ではなく ol::before で counter-reset して 各 li で counter-increase すれば FireFox でも Chromium でも意図した表示になるようです。
上記記事の時に検証時は ::before で検証していたため :first-child で問題が起こるとは想定していませんでした……すみません。
もし上記対応が可能な場合、仕様変更をお願いできますか？
二度手間になってしまいすみません。。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 05/07/2023 7:03 pm
しらこ reacted
おお...まさかのFireFox...。
SWELL開発者です。
投稿済 : 06/07/2023 2:12 pm
Topic starter
山本様
ご回答ありがとうございます。
修正は個々人でも可能なことでしょうか？
ご回答いただきました内容ですが、CSSやプログラミングの知識がなく、正直、理解ができません。開発者様にお願いしたほうがいいことでしょうか？
宜しくお願い致します。
投稿済 : 08/07/2023 10:52 am
変更対応ありがとうございます！
> zarateさん
変更が次回更新で入るとのことですのでもうしばらくお待ちください。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 11/07/2023 3:43 pm
Topic starter
迅速なご対応、大変ありがとうございました。感謝致します。
投稿済 : 12/07/2023 2:58 pm
以下の通り意図した表示になることを確認しました！
ご対応ありがとうございました！
> 了さん
2階層目以降は li:fist-child で counter-reset しても意図した動きになるんですね！
なかなか仕様が難しいですｗ
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 12/07/2023 7:38 pm