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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ