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

関連記事

マルチサイト化とかサーバーどうするかとかの雑談会 Money - Savings by 401(K) 2013, on Flickr

流行りに逆らってサーバーを選択した話

  サーバー選びのリアルな話 順調だったwpXクラウドのマルチサイト化(サブディレクトリ型)に影

記事を読む

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

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

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

記事を読む

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

記事を読む

創作支援屋靴キッチュスクラップス!くつきちよこアイコン木の実モザイクVer  Illust by 佐藤利音 ベジェ化 by くつきちよこ

ランボー 怒りの新規ファイルのアップロードが出来ないWordPressトラブル※未解決 と、電子書籍出版お手伝い裏舞台

Panic stations ! by Craig Sunter - Thanx 2 Milli

記事を読む

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

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

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

記事を読む

WordPress4.5に更新したら、[ビジュアル][テキスト]タブの切り替えができなくなった!原因は「HeadSpace2」でした(・▽・)/ 編集ツールからやたら遠いイメージ図をクリスタのポーズくんで描いてみた。

WordPress4.5に更新したら、[ビジュアル][テキスト]タブの切り替えができなくなった!原因は「HeadSpace2」でした(・▽・)/

不具合ページサンプル(出演:クリスタのポーズさん) 登場人物:くつきちよこ ※管理人   佐藤

記事を読む

お世話になっているのに、忘れがちな「ブログ村」のぷちメンテ♪「(関連)画像メンテナンス」と「関連キーワード確認・変更」 該当記事とは関係ない「ドナルド」と「ミクさん」が表示されている場合など[再取得]をクリックします。 ※または、ドナルドを[代表表示]したい場合は、ドナルドにチェックを入れ直しておきます。

お世話になっているのに、忘れがちな「ブログ村」のぷちメンテ♪「(関連)画像メンテナンス」と「関連キーワード確認・変更」

なぜかどの記事にも頻繁に出没する記事にぜんぜん関連してない、ド+ルド  

記事を読む

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

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

  Online safety for kids by IntelFreePress, on

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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