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

アーカイブ

エステトラブル

このページの先頭へ