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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ