サポート » 使い方全般 » スタイルシートのエラー表示を修正したいです。

  • 解決済 megumitoshioka

    (@megumitoshioka)


    ダッシュボードの[外観]→[テーマの編集]を開くと、コードが色付きの表示になっています。
    欄外の下の方を見ると

    「このファイルを更新する前に1個のエラーを修正する必要があります。
    サイトを壊してしまうかもしれませんが、それでもアップデートしますか?」

    というエラーメッセージが表示されています。

    右にあるテーマファイルのところでスタイルシートの階層の奥に目的のところを探しにいくと
    複数の違う場所で「1個のエラーを~」のところが22個だったり9個だったりします。

    私のブログタイトルを最初にサーバーからWPをインストールする時に、
    フランス語表記(機種依存文字だそうです)のものを使用してしまったので
    WPに初めてログインした時に文字化けしていたので、それが原因なのかな、と思っています。

    当初、レンタルサーバー会社に設定のことで問い合わせしていたので、

    機種依存文字だったので文字化けしていること、
    画面上部のタスクバーにブログ名が表示されないので記事作成時などに画面切り替えができないこと
    などは報告し、できればエラーを修正したいと伝えましたが

    「ブログ名は[一般設定]で変更できます。」との回答のみでした。

    コーディングなどのWeb製作の知識がなく、素人なのですがWPでサイトを作ってみたかったので
    現在、わからないことを調べながらの作業をしています。

    本題ですが

    「このファイルを更新する前に1個のエラーを修正する必要があります。
    サイトを壊してしまうかもしれませんが、それでもアップデートしますか?」

    というエラー表示の原因が何なのか?
    特定することは可能でしょうか?

    !マークが左端にたくさん表示されているものも放置していると良くないですよね。
    こちらもできれば解消したいです。

    使用しているテーマはMesmerizeで、プラグインも12種類くらいインストールしています。
    (実際に今後使わなそうなプラグインは削除していっていますが、このテーマと、
    またはプラグイン同士で相性が悪いものがあるのか、なども気になります。)

    間違った操作をしてスタイルシートが崩れたり、復旧できなくなると嫌なので
    なるべくなら触りたくないのですが、エラーが22個もあるの?と
    もし、そうであれば可能な限り、修正してすっきりしたいと思います。

    わかりにくい文章でたいへん恐縮ですが、もし解決策があれば
    ご教示願えますでしょうか。
    よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • CG

    (@du-bist-der-lenz)

    機種依存文字はWindowsで①②③④⑤と入力したものが、マックで見ると㈰ ㈪ ㈫ ㈬ ㈭となるものや、ⅠⅡⅢⅣⅤが、㈵ ㈼ ㈽ ㈿ ㈸になります。投稿内では良しとしても、アドレスになるタイトルにはフランス語、ドイツ語特有の文字は、エンティティ表記しましょう。「ブログ名は[一般設定]で変更できます。」とのとおりです、ただそうしたことと、スタイルシートのエラーは関連あるでしょうか。
    試しにサイトタイトルにエンティティ表記を混ぜました。 https://tgc.fm-woodstock.com/

    CG

    (@du-bist-der-lenz)

    プラグインはテーマ推奨のセットを重視しましょう。追加したプラグインが干渉することは当然予想されます。ただ、それがどれどれかは、同じテーマを試用しないとなんとも言えないので、ご自身で確かめながら導入しましょう。アップデートで不備があって、壊れてしまうこともあるので、わたしは同一条件のサイトで事前確認を勧めます。
    テーマの編集での!マーク判定も、同様で、WordPressのコアシステムが判断しているのでしょうから、テーマ製作者の考え次第です。22種類のエラーがあるのでなく、22回使われているのかもしれません。Mesmerizeテーマで確認する必要がありますか。

    こんにちは

    以下のページのような状態と思います。
    https://edit-anything.com/blog/wordpress49.html

    というエラー表示の原因が何なのか?
    特定することは可能でしょうか?

    スタイルシートにエラーがあります。
    表示しているスタイルシートのどこかに赤丸のバツ印がついているんではないでしょうか。
    そこがエラーの箇所です。
    スタイルシートの書き方を間違っています。
    エラーを修正すれば、エラーメッセージは消えます。

    どのように修正すれば良いかは、スタイルシートについて勉強していただくよりありません。

    「サイトを壊してしまうかもしれません」というメッセージは、「エラーがある状態で保存したらおかしくなるかもしれませんよ」という意味です。
    現在は、エラーのあるスタイルは表示の際に無効になっています。
    現在、正常に表示されているのであれば無理に直さなくてもいいのかもしれませんが。

    スタイルシートに複数の文法エラーがあります。下記ページなどでエラーを確認してみてください。
    https://validator.w3.org/

    例えば、

    font-weight: 440;

    font-weight で指定できる値は、以下の何れかです。
    normal、bold、lighter、100、200、300、400、500、600、700、800、900

    backgound-color
    backgoround-color

    background-color

    padding-right: auto

    auto は padding-right の有効な値ではありません。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    皆様、さっそくのお返事どうもありがとうございます。
    遅くなりましたが順にお返事させていただきますね。

    CG様、リンク先のサイトタイトル拝見しました。
    エンティティ表記というのですね。

    ドメインを取得した後、レンタルサーバーでドメインの登録をする際に
    「À l’avenir de vous」このままコピペで入力してしまった記憶があります。

    それで閲覧者から見えるサイト上のタイトルも&や#の混在した表記になっていました。
    通常であれば表記されている管理画面の上部の黒いバー(ツールバー?)の左側のブログタイトルも文字化けしていました。(もうひとつ、別のテーマでサイトを準備中で、そちらは正常に画面切り替えができます)

    その時に、一般設定でブログ名をÀ l’avenir de vousで上書きしたため、ツールバー上の文字化けしたブログタイトルが消えるとともに画面切り替えもできなくなりました。

    スタイルシートのエラーと関係があるかどうかはわかりませんが、導入初期に
    わからないなりに、上記のようにさわってしまったため、もしかしたら?と思いました。
    続きます。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    CG様

    プラグインはテーマ推奨のものを、おっしゃるとおりです。
    先輩方のおすすめプラグインなどの記事をいろいろ読んで勉強はしていますが
    そもそもMesmerizeで使っている方にまだ出会っていませんので
    他のテーマなら、という条件付きの情報になりますね。(でも自分がデザイン重視でこれに決めたので
    そこは仕方ないのかなと思います。自分で、今後このテーマを使っていくことで理解できたこと、
    使いこなせた時には、それを記事にまとめることができれば、と思います。)

    >22種類のエラーがあるのでなく、22回使われているのかもしれません。

    すみません、この部分が私には知識がないためわかりません。

    課題は多いですが、この機に勉強していきたいと思います。
    今後もまた壁にぶつかった時はこちらの皆様の知恵に頼ることがあると思います。

    その時は、もしわかることがあればよろしくお願いいたします。
    CG様、どうもありがとうございました。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    munyagu様

    こんばんは。たいへん遅くなりました。
    勉強になります、どうもありがとうございます。

    ご提示のサイト拝見しました。
    これに似ています。

    /*
    RESET
    */
    * {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    }

    スタイルシートを開いた時に最初に表示されている階層の
    上から4行目* {の部分に“!”がついています。
    “overflow-scrolling”は赤字で表記されています。
    (コピペできませんでしたが左側に書いてある数字は119から128です。)

    下のほうまでスクロールしてみると違う内容で何カ所もありました。
    しかし、赤丸のバツ印はありませんでした。

    スタイルシートの件とは違う話かもしれませんが閲覧者から見える画面にしてから
    右クリックで選択できる「検証」では赤丸にバツ印のエラーが2つ出ています。

    Uncaught ReferenceError: Backbone is not defined
    at notes-common-v2.js:32
    at notes-common-v2.js:158

    Uncaught ReferenceError: _ is not defined
    at admin-bar-v2.js:2

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    ishitaka様

    いつもお世話になっております。

    ご紹介いただいたサイトで気になる箇所をチェックしてみます。
    原因究明には少し時間がかかるかもしれませんが
    例にあげていただいている数値など調べてみますね。

    疑わしいプラグインは削除していっています。
    記事作成に便利かなと思い、
    TINY MCE Advancedを先日、インストールしたのですが
    カスタマイズしたツールバーにたとえばフォントサイズなどを入れても
    記事作成画面上のツールバーに表示されなかったり
    他の方へのコメントで言及していますが
    おすすめプラグインで紹介されていても私の使用しているテーマには
    合わなかったのかな、と迷ったので
    今、致命的に使えない!という状態ではありませんが
    不安が残るので。

    文章がまとまりませんがいつもありがとうございます。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    連投失礼します。

    参考になるかわかりませんが私がインストールしているプラグインは以下です。

    AddQuicktag
    Autoptimize
    BackWPup
    Caldera フォーム
    Edit Author Slug
    EWWW Image Optimizer
    Google XML Sitemaps
    Invisible reCaptcha これはMesmerizeに推奨ではないので、Advanced noCaptcha & invisible Captchaに変えようか考え中です。

    Jetpack by WordPress.com
    Mesmerize Companion 現在、停止に設定しています。
    Social Media and Share Icons (Ultimate Social Media)設定がうまくいかず、保留中です。
    Table of Contents Plus これは使用しないかも、と削除するか考え中です。

    ビックリマークやバツなどが修正の必要があるものかどうなのか、どのように変更すれば良いのかについては、megumitoshioka さんが CSS を勉強して判断し、対応いただくよりありません。

    スタイルシートの件とは違う話かもしれませんが閲覧者から見える画面にしてから
    右クリックで選択できる「検証」では赤丸にバツ印のエラーが2つ出ています。

    Uncaught ReferenceError: Backbone is not defined
    at notes-common-v2.js:32
    at notes-common-v2.js:158

    Uncaught ReferenceError: _ is not defined
    at admin-bar-v2.js:2

    これについては別にトピックを立てることをお勧めします。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    munyagu様、こんばんは。
    いつもありがとうございます。

    そうですね、おっしゃるとおり基本的なことから勉強して理解を深めるしかないと痛感しております。
    また、どうしても壁にぶつかってしまった時には、こちらで相談させていただきますね。

    「検証」で表示される赤丸にバツ印のエラーについては
    別でトピックを作成します。

    このたびはたいへんお世話になりました。

    ☆こちらは解決済みです☆

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • トピック「スタイルシートのエラー表示を修正したいです。」には新たに返信することはできません。