WordPressプラグインNewpost CatchのCSSについて

メルです。

WordPressプラグインNewpost Catchを更新するたびに
CSSも更新されてしまってレイアウト崩れを起こして
困っている方は多いのではないでしょうか。

以前にこんな記事を書きましたが、
こんな原始的なめんどくさい方法でなくても解決出来るようです。
今日たまたま作者の今村さんのサイトに行ってみたら、
素晴しい解決方法が書いてありましたので今日はそちらを紹介します。

 

Newpost Catch専用のCSSファイルを作って読み込ませる

 

Newpost Catchの基本的なCSSの読み込み方法として、
デフォルトでは以下のプラグインフォルダの中のstyle.cssを
読み込むように出来ています。

/wp-content/plugins/newpost-catch/style.css

ただこれを使用していると、プラグインを最新バージョンに
アップデートする度にCSSファイルもアップデートされる為、
レイアウトをその都度調整しなくてはなりません。

そこで、 Newpost Catch専用のCSSファイルを
newpost-catch.cssと言う名前で作成し、
テーマフォルダの中のCSSフォルダの中に入れます。

/wp-content/themes/テーマフォルダ/css/newpost-catch.css

こんな感じですね。
テーマフォルダの中にcssフォルダがない場合は作ればOKです。

 

Newpost Catchのウイジェット設定を変更する

 

次に、WorPressの管理画面にログインして
外観 → ウイジェットに移動。

WordPress管理画面からウイジェットへ移動する

 

Newpost Catchのウイジェットを開き、
赤枠のチェックボックスを外し、保存ボタンをクリック。

Newpost Catchウイジェットの設定

 

これで、プラグインフォルダ内のCSSは読み込まなくなり、
先ほど作ったテーマフォルダ内のnewpost-catch.css
読み込んでくれるようになります。

 

実際にページのソースでスタイルシートの読み込み部分を
確認してみると、

 

<!-- Newpost Catch ver1.1.9 -->
<link rel="stylesheet" href="http://j-press.info/wp-content/plugins/newpost-catch/style.css" type="text/css" media="screen" />
<!-- End Newpost Catch ver1.1.9 -->

 

となっていたものが、

 

<!-- Newpost Catch ver1.1.9 -->
<link rel="stylesheet" href="http://j-press.info/wp-content/themes/keni6/css/newpost-catch.css" type="text/css" media="screen" />
<!-- End Newpost Catch ver1.1.9 -->

 

となっていました。

 

 

この投稿は役に立ちましたか? 役に立った 役に立たなかった

 

ネットビジネス速報メールマガジン

 

メルのネットビジネス速報では、悪質高額塾などの被害が拡大しないように
新しい悪質販売者の情報が入り次第、速報でお伝えいたします。

Dreamweaver、Fireworks、PhotoshopなどのTipsやチュートリアルの紹介、
最新SEO情報、その他ネットビジネスに関する情報をいち早く配信しています。

お名前(必須)
メールアドレス(必須)

記事「WordPressプラグインNewpost CatchのCSSについて」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ