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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ