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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ