検索しても対策が見つからない!見出し、行間のWordPressバグ忘備録

公開日: : 最終更新日:2014/02/28 Wpトラブル, ブログ, ワードプレス

くつキッチュ!アイコン wordpress

 

 

2014/02/28追記:

こんな記事を書いてしまいましたが、ある日ログインしたら突然直ってました;;

バグが起きた原因も直った原因も不明のままです;;

お役に立てなくてスミマセン;;

検索しても対策が見つからない!WordPressのバグ忘備録 panic by nate steiner, on Flickrpanic by nate steiner, on Flickr

何度もしつこいのですが…

h2(見出し)のCSSがバグってます…

解決法の見いだせていない忘備録は記事にしても「困ってるんだよねー」というひとりごとになってしまうので避けていたのですが…

この問題が発症してから、そろそろ三週間…

ネットでもこれといった対処法が探せておりません;;

にっちもさっちもいかない状態です。

って、書いて初めて知ったのですが「にっちもさっちも」って「二進も三進も」って書くんですね!

と、地味に小ネタを提供しつつ…

現在解決法が見いだせているわけではないのですが、ネットに対処法がなかなか出ていないという事は、(検索スキルの問題もありますが…)解決できればお役に立てる情報になり得るかもしれないネタです。

ですので、一応詳細な経過を記事に残しておいても良いかなと。

 症状

h2まわりの行間、字間がある時突然無効になりました。

ある時とは、記事の誤字などを確認中、個別ページから別の個別ページに飛んだ時です。

その前のページではきちんと表示されていたのですが、別のページに行った途端h2周りの空間がゼロ…

こんな窮屈な感じ

h2(見出し2)

になっておりました。

使用させて頂いているテーマのh2は、通常書いたテキストが先頭のアイキャッチ(太めのboaderなど)から一文字から二文字分空けて表示されます。

h2(見出し)と文章も行間が空いてますし、テキストも24pxと大きめなので、ぱっと見でタイトルと文章の差がわかりやすい。

ところがこれが全部無効になってしまっているんですよね。

現在は、いちいち手作業で見出しにスペースを入れ、h2下に<p style=”margin-top: 1.5em;”></p>で行間空けて対処療法してます。

検索しても対策が見つからない!WordPressのバグ忘備録 h2バグ中対処療法見出し図解

 h2のCSS

h2 {
	font-size: 24px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 35px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #1a1a1a;
	color: #333;
	line-height: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: -40px;
}

要素を検証で見てみると

media=”all”

h2 {

  1. font-size: 24px;
  2. padding-top: 5px;
  3. padding-right: 10px;
  4. padding-bottom: 5px;
  5. padding-left: 35px;
  6. border-left-width: 5px;
  7. border-left-style: solid;
  8. border-left-color: #1a1a1a;
  9. color: #333;
  10. line-height: 30px;
  11. margin-top: 20px;
  12. margin-right: 0px;
  13. margin-bottom: 20px;
  14. margin-left: -40px;
}

こんな感じです。
CSSは後に記述したもののほうが優先されるらしく、打ち消し線があるのはh2への例えば左余白-40px(margin-left: -40px;)を打ち消す記述があるからという事になるかと思うのですが…

しかし、h2はまったくいじってないんですよね;;

このくつキッチュ/SCRAPス!では、子テーマを使用してカスタマイズは随時子テーマの方でしているのですが、いじったのはh3の画像ファイル

h3

↑だけで、h2は大本のテーマのstyle.cssを読み込んでいるはずなのですが…

しかし、自分で気づかぬウチになにかやらかしてしまっている可能性もあるかなと、一応通り一遍のことをやってみました。

まずは新規にテーマ(同じシリーズ別バージョン)をインストールして、その新規インストールしたテーマ用の子テーマPart2を有効化してみました。

しかし、それでも治りません;;

それならばと、子テーマ抜きでオリジナルのテーマを反映してみましたが、やはり同じ…

キャッシュクリアした後念のため1日待ってみたのですが、状況は変化せず。

 怪しいプラグインを消してみた

原因はCSSだけでないかもしれない、ということで次は怪しそうなプラグインを消してみました。

例えば、ソースをキレイにする機能が付いているTinyMCE Advancedなどはちょっと怪しげな感じ。

これを無効化してみると、投稿画面ビジュアルタブのh2(見出し2)が大きくなりました。

検索しても対策が見つからない!WordPressのバグ忘備録 h2バグ中 ビジュアルエディタ2

バグの影響でそれまでこんな風に↓表示されていたのに気づきませんでした;

検索しても対策が見つからない!WordPressのバグ忘備録 h2バグ中 ビジュアルエディタ

「おお!これは治った?」と記事を表示してみたのですが、やはり症状は変わらず…

仕方がないので、以前導入直後に数日行間に不具合が出たPage Builder by SiteOriginを無効化。

しかしそれでも何も変わらず、仕方がないので今あるプラグイン全てを1つずつ無効化して様子を見たのですが変化なし…

現在は、ちょっとでも怪しそうなプラグインをいったん削除して様子見してます。

  • Black Studio TinyMCE Widget
  • Page Builder by SiteOrigin
  • PS Disable Auto Formatting
  • PS Disable Auto Formatting
  • TinyMCE Advanced
  • Table of Contents Plus

TinyMCE Advancedを無効化した後、一瞬正常な状態(h2のCSSがきちんと反映されている状態)でページが表示され、0.5秒後くらいにビョンっと戻る症状に落ち着き(?)ました。

こうなると、CSSというより行間の設定がおかしいのかも?

行間といえばおかしなことがもうひとつ。

以前は改行すると<p>要素付き(一行空き)で改行されていたのですが、それが全部無くなってます。

ですので、文章が全てShift+Enterした時のようにぎゅうぎゅう詰め…;;

行間を空けたいところは全てstyle記述して対処療法中。

h2の見出しばかりに気を取られていて気づきませんでしたが、これはこれでかなり痛手です。

というか、いちいち手作業でstyle記述していくというのはh2まわりのスペース修正より、よっぽど手間がかかりる;

背に腹は変えられないということで、あまり弄りたくないfunction.phpを開いて行間設定の記述をしたりもしたのですが一向に改善せず…

そんなわけで、WordPressにちょっとゲンナリしている今日このごろです…(ヽ´ω`)

 追い打ち

根本的な解決ができていないのですが、この問題だけにかかりっきりというわけにもいかないので今のところ対処療法でなんとかごまかしてます現状なのですが…

ところで、追い打ちです(笑)

Panic stations !Panic stations ! by CJS*64, on Flickr

くつキッチュ/SCRAPス!ではTOC+という目次自動生成WordPressプラグインを導入しているのですが、先日自分の記事でなにげなく目次を[隠す(非表示)]にしたんですよね。

するとなぜかその後、もくじがぱったりと表示されなくなりました…orz;

TOC+ が頑なに目次を表示させてくれません。(そのくせチラ見せはする) Chromeだから?

表示をクリックしてもまったく反応なし…;;

しかし、FirefoxとSafariですと問題なく開閉出来ます。
TOC+ FirefoxとSafariでは表示されます。

本当に次から次へとトラブルまみれ…一体なんなのでしょう?

実は現在の魚介類ヘッダーは仮置きで、こんな感じにする野望があるのですが…
なかなかそっちのステージまで行けません…

なんだかぬかるみにハマった軽自動車状態です…トホホ…

こんなわけでS.Sのサイト作りも遅延しております…ごめん(´・ω・`)

で~~は~~~~~~~(´・ω・`)ノシ

追記:FirefoxでヘッダーのシャドウCSSが反映していないことも判明しました…orz;

Firefox用の記述(-moz-box-shadow)してるんですけどね…;

追記:2
S.Sからオモシロ画像リンク満載メールが来てちょっと上がりました↑

これとか

さらに「壁にぶつかっているときセレクション」として『3月のライオン』を薦められました。
よく耳にしますが、まだ読んだことはないです。
wikiを見るとプロ将棋士のシビアな勝負世界に身をおく少年の話らしいのですが…

WordPressとの孤独な戦いという点では、同じ?(笑)

なんかもうちょっと頑張ってみる気になりました…

ありがとうS.S(*´∀`*)ノシ

記事がお気に召しましたら投票していただけると嬉しいです♪
ブログランキング・にほんブログ村へ
にほんブログ村

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

User Error by docbaty, on Flickr

現在、お客様からのリクエストを処理することができません。Google のエンジニアが問題解決に取り組んでおりますので、しばらくお待ちください。

User Error by docbaty, on Flickr Adse

記事を読む

Q&A by opensource.com, on Flickr そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

検索キーワードで(個人的にツボに入ったという意味での)ヒットしたもの、及び当サイトでは該当す

記事を読む

A calm owl by Tambako The Jaguar, on Flickr 【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;) くつキッチュアイキャッチ画像

【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;)

A calm owl by Tambako The Jaguar, on Flickr Some

記事を読む

Initial thoughts on Bilski by opensourceway, on Flickr

amazonJsで「amazonへのレスポンスがパース出来ません」エラーが出たときの対処法

Initial thoughts on Bilski by opensourceway,

記事を読む

「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。 次に進むには FTP の接続情報を入力してください。」とWPに怒られた件 その上「サイトの状況が赤点です」とGoogle様にも怒られました(/_;) アイキャッチ画像 IconDesign by くつきちよこ

「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。 次に進むには FTP の接続情報を入力してください。」とWPに怒られた件 ※解決済み

    Upload出来ない(/_;) ファイルの

記事を読む

マウスコンピュータのHDが壊れました illust by 3104o ©佐藤利音

ヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Widget Logic』は創作家サイトに必須のWPプラグイン!

26歳社畜之図 佐藤利音 on Twitter  ハイ、広告表示されてないですね?

記事を読む

html tattoo by webmove, on Flickr

ワードプレスの記事内でコード表示をするには?【WPプラグイン】

html tattoo by webmove, on Flickr もくじ ドキ!トラ

記事を読む

Dog fetch toy train, dog crush toy train by Andy, on Flickr Some rights reserved

Fetch as Googleを忘れがちな知人のため、Search Console(旧ウェブマスターツール)で協力者の追加をしたよ!

Dog fetch toy train, dog crush toy train by

記事を読む

【お知らせ】姉妹サイト『イチパン!』を半年後をめどに閉店させていただきます。 アイキャッチ画像 illust by くつきちよこ

【お知らせ】姉妹サイト『イチパン!』を半年後をめどに閉店させていただきます(*´▽`*)ノシ~

イラスト:くつきちよこ   登場人物:くつきちよこ ※管理人   佐

記事を読む

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その3『複眼RSS』

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その3『複眼RSS』

rss_watercolor_icon by mfinleydesigns, on Flic

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune