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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ