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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ