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を更新する度にレイアウトが崩れる」にWordPressプラグインNewpost CatchのCSSについて | ネットビジネスにまつわるあれこれ にコメントする

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ