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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ