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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ