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

関連記事

ブラウザのみでWordPressが使える無料サービスCloud9を使ってみたッチュ!

ブラウザのみでWordPressが使える無料サービスCloud9を使ってみたッチュ!

クラウド最強エディタ「Cloud9」が、WordPressもブラウザのみでインスト・開発・公開が

記事を読む

とつぜんですがここでクイズです。「発酵」に関する画像にチェックを入れてください。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪

※ダミー認証画像です(笑)くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲス

記事を読む

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

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

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

記事を読む

WordPress 4.3の更新でやらかした話 WP-Banがバグってサイトが真っ白に( × △ × )【解決済み】ようこそWordPress4.3

WordPress 4.3の更新でやらかした話 サイトが真っ白( × △ × )【更新時のプラグイン停止をお忘れなく!】

  『ユーキャン』で資料請求しました。※住所部分など、加工しています   W

記事を読む

Numbers by SamahR, on Flickr Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方

2-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方『BOOKを記事で表示する』編

  追記:「WordPressの更新後、まれに『FlippingBook

記事を読む

Title:Peeking Diet Bos on Flickr Some rights reserved

今さらだけど、大事な事!「写真をブログにアップする時の注意点」

  Title:Peeking Diet Bos on Flickr Some right

記事を読む

BrowserLabo亡き後、いろんなチェックサービスでシャドウと角丸のCSSチェックをしてみた "Select your web browser(s) by zipckr, on Flickr

ブラウザ表示チェック3大サービスを無料範囲内で試してみたよ♪

 各ブラウザによっての見え方を改めてテストしてみた Select your w

記事を読む

著作権視点からのイチオシは?無料ブログの著作権について、改めて考えてみました♪ 流れ作業で「利用規約に同意」していませんか? by くつき

著作権視点からのイチオシは?無料ブログの著作権について、改めて考えてみました♪

   無料と著作権の間(はざま)の図 くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤

記事を読む

Wpマルチサイト化サブディレクトリ型はめちゃ簡単!の初心者のハマリポイントは2箇所だけ! bento box by josey4628, on Flickr

Wpマルチサイト化(サブディレクトリ型)はめちゃ簡単!初心者のハマリポイントは2箇所だけ!

bento box by josey4628, on Flickr Wpマルチサイト化(

記事を読む

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

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

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

記事を読む

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

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

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