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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ