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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ