検証ツールで選択した場所のコードの位置をsassで確認する方法

Question

ワードプレスでホームページの作成をしています。
初心者です。

緊急のためマルチポストです。
https://qiita.com/keikkkk/questions/db557810628e7e96f7b7

https://ja.stackoverflow.com/questions/88411/%e6%a4%9c%e8%a8%bc%e3%83%84%e3%83%bc%e3%83%ab%e3%81%a7%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e5%a0%b4%e6%89%80%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%bd%8d%e7%bd%ae%e3%82%92sass%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95

検証ツールで選択した部分が、style.css：２と記入されます。
これは、ワードプレスのプラグインの、
WP-SCSSを使用しています、そして、これでsassをcssに直すと、
２行目に一列にずっとコードが並んでいるようになるからなのですが。

これをstyle.css：２ではなく、sassのファイルで、位置が表示されるようにしたいと
考えています、

ネットにある方法を試しても、書いてあるボタンがないなどの理由で、
途中から上手く行かなくなります。

https://blog.cgfm.jp/garyu/archives/2806
「 Chromeのデベロッパー ツールのテストを有効にする」 が表示されない
(英語で翻訳機能を使いながらやり、１つ有効にしてみました)

https://blog.webico.work/chrome-live-sass

これは開発者ツールのSettings > General > Sourcesにある、「Enable CSS source maps」にチェックがあると表示されるようです。
これが表示されない。
すいません、確認ミスで、ありました。

Answer 1

これは開発者ツールのSettings > General > Sourcesにある、「Enable CSS source maps」にチェックがあると表示されるようです。
これが表示されない。

WP-SCSS の設定で、Source Map Mode は、どのように設定していますか？

Inline や File に設定するとどうなりますか？

(コメントに対する追記)

すいません、確認ミスで、Source Map Modeが有効になっていませんでした、
ただまだ出来ません、
ちなみに、lnline や File とは何でしょうか？そのような項目は無いみたいですが。

設定画面が、下記のような画面と異なるということでしょうか。

Comments

[2232]

すいません、確認ミスで、Source Map Modeが有効になっていませんでした、
ただまだ出来ません、
ちなみに、lnline や File とは何でしょうか？そのような項目は無いみたいですが。

[2232]

すいません、検証ツール上で無いという意味です、プラグイン上だったんですね。
今現在は、Noneが設定されています。
今から、色々変えて試してみます。

[2232]

sassに出来ました！！
ありがとうございます、おかげで助かりました！！