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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ