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について | ネットビジネスにまつわるあれこれ にコメントする

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ