【なんか上手くいった】WordPressで見出しを戻せなくなった時の解決方法

投稿者 投稿日:
家 » 感想 » 【なんか上手くいった】WordPressで見出しを戻せなくなった時の解決方法

はじめに

今まで見出しとかの背景は、むりやり色をつけていたんだけど、それだと味がないし、やっぱり見栄えが微妙だった。見栄えは大事。

ブログを始めてから一年ほど立ったので、ついにcssなるものに手を付けてみた。cssはページ上のグラフィック関連のプログラム？で、自由に記載を変えられる。

だが、それが間違いだった。

色々なページを参考に、cssをプラグインを使って導入してみたところ、案の定色々問題発生。

  • 軒並み見出しと判定された箇所に適用される（ページタイトル含め）
  • コードを消しても消えない見出しの背景
  • 付きっぱなしの謎の三角模様

と困ったことが発生してきた。

気分はシンジ君。ちゃんと説明してくんなきゃ全然わかんないよ！！というかホームページ上で文字だけで説明されても分からないから、対処方法のとこ細かく教えてよ！と

ggrksと言われるかも知れないが、調べても、「こうしたら出来るよ！（望む状態になるかは知らん）」と微妙に気が利かない記事ばかり。

書いている人はみんな天才なのか？

そんなわけで、日付跨いでまで試行錯誤してたら奇跡的になんとかなったので、

【css設定して戻らなくなった時の話】

を備忘として残しておく。

★こっちも見てね★

目次

  • 戻らなくなった原因
  • 対処方法

戻らなくなった原因

私がcssを追加して、戻らなくなった原因は、

結局よくわからない。

未来の自分、ごめん。追加したcssが「追加css」の欄には出ず、でもページには反映はされてるしhtml上にも記載はされてるみたい。（F12で確認できる）

事象は観測できるけど、原因はわからん。

対処方法

ここが気になるところ

どうしたかって言うと、以下手順で

「記載したコードを相殺した」

  1. 追加して消えないcssコードをメモする
  2. 自分のホームページ上の戻せなくなってるページで「F12」
  3. 新規にそのページのhtmlが出てくる
  4. 「ctrl+shift+c」もしくは「選択モードのアイコンを押下」
  5. その状態でページ上のおかしくなっている部分にマウスカーソルを合わせる
  6. ポップアップでその部分のclass名みたいなのが出る（例:h1.entry-title）ので、それをメモる。
  7. 1.で取得した消えなくなったコードを消すコードを作る★
  8. 作成したコードをwordpressのcss追加（全体的に反映される追加画面）のところへ書き込む
  9. 公開して、解消されていることを確認する。

全体的に何を言っているのかわからない可能性があるが、そこは過去の自分が付け足したコードがあるから、それを真似するように

私以外でこれを見ている人がいたら、打ち消すコードをつくり、なんとか追加した手順と同じ要領で打ち消す、というところだけ分かればあとは試行錯誤で行けるはず。がんばれ

結論

むずい

コーディングとかなければいいのに

以上

投稿


投稿者: user

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です