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について」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ