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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ