こんにちは。
セキュリティ上、WordPressを最新版に更新したり、
プラグインを最新に更新する事は必須ですが、
Newpost Catchを更新する度にCSSがデフォルトに
戻されてしまい、レイアウトが崩れてしまいます。
更新時にスタイルシートのファイルだけ上書きしないでくれれば
良いのですが、そうもいかないみたいなので毎回手動で直していて、
結構面倒くさいです。
と言うのは、
更新って、頻繁にあるわけではないので、
たまに更新すると、
「何処をどう直したっけなぁ？」ってなるので、
思い出せなくて結局調整しながら直すんですよ。
とりあえずNewpost Catchが何なのかわからない方のために。
Newpost Catch
Newpost Catchは、WordPressの公式プラグインで、
サイドバーなどに使用できるウィジェット。
最新記事をサムネイル画像付きで表示できるプラグインです。
このサイトでも使っていますがこんなやつ。
投稿時にアイキャッチ画像を設定すればそれが表示され、
アイキャッチ画像を設定しないと記事中の最初の画像が
表示されます。
また記事に画像がなく、アイキャッチ画像が設定されていないと、
予め用意されているno_thumb.png が表示されます。
これがデフォルトでは賢威のサイドバーの横幅には
合っていないようで、そのままだとおかしいので
スタイルシートで調整しているのですが、
Newpost catchの更新の度にデフォルトに戻されてしまいます。
戻されてしまうとこんな事に・・・。
ちょっとダサいですよね（笑
縦に長くなってしまうのでビュー的にも良くないです。
日本のサイトってサイドバーの幅が狭い上に
2バイト文字を使用しているので、賢威でなくとも
ほとんどのサイトで同じ現象になっているかと思われます。
以下、修正メモ。
デフォルトのCSS
#npcatch li{
overflow:hidden;
clear:both;
margin:0px 0px 0px;
}
#npcatch img{
float:left;
padding:5px 10px;
}
#npcatch .title{
width:135px;
float:left;
padding:5px 5px 5px 0px;
}
↓これを以下のように変更すれば良い↓
#npcatch li{
overflow:hidden;
clear:both;
margin:0px 0px 0px;
padding:3px 5px 3px 10px;
}
#npcatch img{
float:left;
padding:2px 5px;
}
#npcatch .title{
width:110px;
float:left;
padding:0;
}
このサイトを基準にしてスタイルシートを書いていますが、
ほとんどのサイトで参考になると思います。
ネットビジネス速報メールマガジン
メルのネットビジネス速報では、悪質高額塾などの被害が拡大しないように
新しい悪質販売者の情報が入り次第、速報でお伝えいたします。
Dreamweaver、Fireworks、PhotoshopなどのTipsやチュートリアルの紹介、
最新SEO情報、その他ネットビジネスに関する情報をいち早く配信しています。
