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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ