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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ