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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ