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

関連記事

写真公開時のセキュリティに関して Online safety for kids by IntelFreePress, on Flickr

意外と知られていないExif情報のこと/写真公開時のセキュリティに関して

  Online safety for kids by IntelFreePress, on

記事を読む

photonヤバイ!と思って切ったら、「EWWW Image Optimizer」line1674のエラーでダブルパンチ!……死ぬかと思った! パクリサイトが、パクラレサイトの画像に直リンして画像を盗用するイメージ

サイトをコピーされた? でも、JETPACKのphotonを有効にしてると、「画像の差し替えの反撃」ができないみたい

   直リンで画像を登用される時の説明画像   登場人物:くつきちよこ 

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に! 素材サイトの構成

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に!

図:くつきちよこ   登場人物:くつきちよこ ※管理人   佐藤 ※ゲ

記事を読む

人生でやりたい100のリスト アイキャッチ画像 Miami Beach sightseeing bus tour - Ocean Drive by interbeat, on Flick

記事を書いているだけで人生が楽しくなった!「人生でやりたい100のリスト」がめっちゃオススメ!!

昨日こちらのテーマ(子テーマヘッダー部分CSS)でお世話になっておりますQtaro さん

記事を読む

Advertising and Rain by Jakob Montrasio, on Flickr ネットオウル『WPblog』の広告表示位置が変わったのでルール範囲内で位置を調整するよ♪

ネットオウル『WPblog』の広告表示位置が変わったのでルール範囲内で位置を調整するよ♪

Flickrの上ヤコブMontrasioによる広告や雨   ネットオウルか

記事を読む

「サイトへの AdSense 広告配信が停止されています」がSeesaaのタグ検索結果ページだった場合 Seesaa問題のタグ検索結果ページ

「サイトへの AdSense 広告配信が停止されています」が、Seesaaのタグ検索結果ページだった場合の対応メモ

問題のSeesaaのタグ検索結果ページのイメージ↑怖い……((((;゚Д゚))))カ

記事を読む

業務連絡のお詫びとWP怪奇現象の話 Chrome怪現象?「sample.com ページは機能していません ichipan.phpapps.jp でリダイレクトが繰り返し行われました。 次をお試しください: ページを再読み込みする Cookie を消去する ERR_TOO_MANY_REDIRECTS」 

【業務連絡】素材サイト告知に関するお詫びと、WP怪奇現象の話

    『イチパン!』 ログイン画面 登場人物:くつきちよこ ※管理人

記事を読む

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

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

もくじ Laser engraved RSS icon by Book Wor

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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