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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ