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について | ネットビジネスにまつわるあれこれ にコメントする

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ