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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ