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を更新する度にレイアウトが崩れる」にWordPressプラグインNewpost CatchのCSSについて | ネットビジネスにまつわるあれこれ にコメントする

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ