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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ