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

アーカイブ

エステトラブル

このページの先頭へ