検索しても対策が見つからない!見出し、行間の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

関連記事

IMG_20130519_144632 by smc_90, on Flickr blog表記ルール

毎日の更新でグダグダになりがちな『ブログの表記ルール』を再考してみました♪

本日は、『ブログ表記ルール』を考えたいと思います。 IMG_20130519_144632 b

記事を読む

WpBlog(ワードプレス)のトラブルで万策尽きて「しかたない削除するか……」と思っている方、待って!奥の手! 【アプリケーションの初期化】を試す価値あり!※自己責任でお願いします。

WpBlog(ワードプレス)のトラブルで万策尽きて「しかたない削除するか……」と思っている方、待って!

くつきちよこ年末のご挨拶バージョン   登場人物:くつきちよこ ※管理人 

記事を読む

ああこれSTINGERだなとわかるブログの特徴 検索ボックス編 Magnified Eye_5364c by hoyasmeg, on Flickr

「オッス!オラSTINGER!」……のカスタマイズ、検索ボックス編 あとちょろっとbtn素材配布♪

本日は、『くつキッチュ/SCRAPス!』でもお世話になっておりますWordPressテーマ『

記事を読む

WordPress立ち上げメモ 助けて!TOC+の反映されない(><) TinyMCE Advancedってどんなプラグイン?等 アイキャッチ画像

ドキ!トラブルだらけのワードプレスブログ立ち上げ大会小ネタメモφ(. .)

1週間ほど前にこのブログを立ち上げまして… 思いがけないトラブルや、新規導入のプラグイン等のメモが

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像

動くファビコン、今ならアリ?

最近とんと見かけなくなった気がする動くファビコン… 今ならすごく目立つ気もしますが…実

記事を読む

html tattoo by webmove, on Flickr

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

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

記事を読む

Initial thoughts on Bilski by opensourceway, on Flickr

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

Initial thoughts on Bilski by opensourceway,

記事を読む

I believe I can fly - I believe I can touch the sky... by Harold Kuiper, on Flickr TOC+を使えば記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

TOC+を使えば同一記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

  秘密の抜け穴 I believe I can fly - I believe I can

記事を読む

User Error by docbaty, on Flickr

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

User Error by docbaty, on Flickr Adse

記事を読む

『くつキッチュ/スクラップス!』アイコン凡例 アイキャッチ画像

『くつキッチュ/スクラップス!』アイコン凡例

    当ブログでは『NetVibes』のRSSなど

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場