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

アーカイブ

エステトラブル

このページの先頭へ