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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ