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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ