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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ