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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ