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を更新する度にレイアウトが崩れる」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ