WordPressプラグインNewpost Catchを更新する度にレイアウトが崩れる

こんにちは。

セキュリティ上、WordPressを最新版に更新したり、
プラグインを最新に更新する事は必須ですが、
Newpost Catchを更新する度にCSSがデフォルトに
戻されてしまい、レイアウトが崩れてしまいます。

更新時にスタイルシートのファイルだけ上書きしないでくれれば
良いのですが、そうもいかないみたいなので毎回手動で直していて、
結構面倒くさいです。

と言うのは、
更新って、頻繁にあるわけではないので、
たまに更新すると、
「何処をどう直したっけなぁ?」ってなるので、
思い出せなくて結局調整しながら直すんですよ。

とりあえずNewpost Catchが何なのかわからない方のために。

 

Newpost Catch

Newpost Catchは、WordPressの公式プラグインで、
サイドバーなどに使用できるウィジェット。
最新記事をサムネイル画像付きで表示できるプラグインです。

このサイトでも使っていますがこんなやつ。

 

Newpost catchサンプル画像

 

投稿時にアイキャッチ画像を設定すればそれが表示され、
アイキャッチ画像を設定しないと記事中の最初の画像が
表示されます。

また記事に画像がなく、アイキャッチ画像が設定されていないと、
予め用意されているno_thumb.png が表示されます。

 

これがデフォルトでは賢威のサイドバーの横幅には
合っていないようで、そのままだとおかしいので
スタイルシートで調整しているのですが、
Newpost catchの更新の度にデフォルトに戻されてしまいます。

戻されてしまうとこんな事に・・・。

 

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情報、その他ネットビジネスに関する情報をいち早く配信しています。

お名前(必須)
メールアドレス(必須)

One Response to “WordPressプラグインNewpost Catchを更新する度にレイアウトが崩れる”

  1. […] 以前にこんな記事を書きましたが、 こんな原始的なめんどくさい方法でなくても解決出来るようです。 今日たまたま作者の今村さんのサイトに行ってみたら、 素晴しい解決方法が書い […]

記事「WordPressプラグインNewpost Catchを更新する度にレイアウトが崩れる」にコメントを残す

サブコンテンツ

危険な高額塾

タグ

Google Maps API KMS認証 サンタ 株式会社バンザイ 中山秀人 DTD 無料オファー 伊藤 歩 個人情報 Favicon Adobe 石井匠 クリックランキング 原田真 テーマ 感染 土屋ひろし 自動化 権利収入 改竄 大西良幸 ネットガレージ SEO ハート 加藤 秀吉 デスクトップ 高速ゲーム .htaccess Chrome 自己アフィリ カスタマイズ レタープレス メルマガ配信システム PHP IBS アクセスアップ Extension Manager 申請金ビジネス 不正送信 プロモーション アレックス ネットビジネス大全集 せどり Tiger-Wing Baidu コピーボタン ソースコード アンダーグラウンドメソッド MasterCollection RSS Includes Pages 特定のメールアドレス エディタ 改ざん 登録禁止 フレンドシップメール 池田純矢 Diamond Affiliate Masters Program 関根義光 レイアウト崩れ KMSpico 三橋美仁 Internet Explorer 流出 tool ファビコン パズル ヤフーショッピング google エキスパートメール テンプレート explorer アフィリエイト 大園麗花 CS5 ウインドウ 自動 アドセンス 百度 バナー css 短縮URLツール 脆弱性 SKナレッジ 比較 ライン 株式会社WINGOOD アイコン 与沢翼 ping Youtube 出店料 日本語入力変換ソフト MovableTYpe 固定ページ FTP グラデーション BUYMA system FireWorks @PAGES 副業術 詐欺組織 不正アクセス 復元 Google Maps リンクシェイカー HTML4.0 Windows ワードプレス CGI クラウド入力機能 wordpress 立体 インターネット 無断送信 クラック ヤフー postpost クロスアフィリエイト ウイルス サイト改ざん 関根塾 背景 ブラウザ PPC 球体 掲示板 ボタン wpXサーバー 北川 雅嗣 ライブチャット IE タスクバー 無料 人物 村上省吾 twitter 配布 久積篤史 インフォトップ SyntaxHighlighter 株式会社SRシステム 優先順位 大園式転売塾 セキュリティ wp-login.php レンタルサーバー ソース Login LockDown インペリアルゴールド BBIZ Wordpress Content Slide フォローマティック ランキング 株式会社ニュース バックアップ 切り抜き ブロック office MT ネットショップ ネットビジネス Ban Hammer 加工 アンダーグラウンドアフィリエイトクラブ 小笠原健一 上位表示 ping送信 管理画面 ぼかし 新井浩 force puzzle インターネットエクスプローラー トレンドキーワード ソフト やしろ塾 android 量産 html プロファイル ブラクラ シャンプー アレックス式ネオせどりスクール followmatic DOCTYPE getElementById エクスプローラー High Concept Marketing 情報商材 Windows 7 ネットビジネス最後の楽園 モザイク 詐欺 ライオンアフィリエイト トレンドアフィリエイト スムーズ ブラシ エクスチェンジ 株式会社A-ブログレス バイマ Newpost Catch Cash on Wordpress 株式会社SRシステム バイドゥー 高額塾 functions.php マルウエア moza 放射線 WP ロリポップ LinkShaker 表示 Thunderbird 山下 伊藤塾 滑らか 特権ビジネス ツイッター 到達率 マイクロソフト スカイプ ツール プラグイン 自己アフィリエイト EC スマホ RSS 音量アイコン 不労所得の神 与沢翼×蝶乃舞 インターネットビジネススクール アフィ匠 Agency Business Yahoo 株式会社Free Agent Style クラウド変換 秀吉塾天下統一 iphone CS6 秒速で1億円稼ぐ男 JavaScript 画像 ECサイト 切抜き 個人情報流出 ネットゲーム もざ ブルートフォースアタック getElementByTagName 大園転売塾 WEB document.all ドメイン 81a338 レイアウト Line 伊藤虎太郎 Firefox ムーバブルタイプ 管理ツール ビジネス がら空きビジネス 転売大園塾 XHTML メモ RMT SmoothScroll.js 既得権益 短縮URL ユーチューブマニアクス2017 レビュー マニュアル 定型文 アクセス制限 宮田麗花 ブロックポリシー ネオヒルズアカデミー 賢威 スタイルシート YouTube Maniax 2017 スクロール やしろひろたみ 伊藤 虎太郎 ヤフオク ざくざく君 IP 蝶乃舞 タイガーウイング トラフィック

アーカイブ

エステトラブル

このページの先頭へ