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

アーカイブ

エステトラブル

このページの先頭へ