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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ