OGPを自力で設定してレイアウトが崩れてしまう場合は・・・WordPress


公開日:2013年09月29日 日曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , , | 閲覧数:98 | Leave a comment

OGPを手動で設定してレイアウトが崩れる場合は.

先日、OGPプラグインを止めて、自力でOGPを書いたんだけど・・・
OGP:WP-OGP customizedプラグインをやめて他力+自力でなんとかする!

OGPを手動で書いたらサイトのレイアウトが大変なことに!

管理しているサイトの中で、OGPを設定した途端にレイアウトが崩れたサイトがあった。
なぜか、トップページは大丈夫で、シングルページがおかしかったので半日ぐらい気づかず。
なので、編集者が投稿した時に、なんかおかしなタグでも入ったのかと思ったくらい、OGPが原因なんて思いもよらなかった。
どこをどう見てもおかしなとこはないので、結局直近でした変更を疑ってみて、OGPに行きついたわけ。

確認方法

①OGPをhead内から一旦、削除。
②サイトを確認
③異常なし→OGPが原因。
しかしながら、他のサイトはまったく異常なしなので、レイアウトが崩れる”原因”は判明したけど、”理由”は不明。
もしかしたら、サイトの作りになんらかの原因があるかもと思ったけど実際は違った!(後述)

対処

OGPを”wp-head”より前(上)に挿入。

そうそう!もうひとつついでに注意!

最後の方の↑ココの部分。
content=”http://***.jp/ogp-icon.png”

content=”<?php bloginfo(‘url’); ?>/ogp-icon.png”
って書いても良さそうなもんだけど、エラーになるよー。理由はわからん!

 

サイトの作りが原因ではないらしい

先に書いたように、サイトの作りが原因かもと思って納得していたけど、どうやら違うらしい。

と言うのも、今回、まったく同じサイトをテンプレートからオリジナルで同時進行で作っていて、片方は何ともないのに、片方のレイアウトが崩れるというナゾの事態に遭遇。

最後にスタイルシートの一部をそれぞれで変更するまでは、全てのファイルを共有していたのにだ。

こちらがスタイルシートがきいている状態。
スタイルシートがきいている状態

 

そして、こちらがスタイルシートがきいてない状態。
わかりにくいかもしれないけど、正確に言うとまったくきいてないわけではない。
どういうわけか、ヘッダー部分が無くなってるようだ。
サイドバーはカラム落ち。

 

スタイルシートがまったくきいてない状態

原因はわかりませぬ。
とりあえず、こんな風に明確な原因は不明だけどなんかおかしいって時は、「こういうこともあるよ」ってことで。
もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:2013年09月29日 日曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , , | 閲覧数:98 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

Leave a Reply

Required fields are marked *


CAPTCHA