質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

721閲覧

【Wordpress】プラグインCSSの修正について

moratorium

総合スコア33

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/01/28 14:00

WordpressでCSSの読み込む順番を変えたいのですが、対象のプラグインCSSがどこに記述されているのか、どのように記述されているのかわからず困っています。
※テーマCSSはfunction.phpの中に呼び出しの記述がされていることがわかったのですが、対象のプラグインがどこに書かれているのかがわかっておりません。

▼やりたいこと

  • リスト特定のプラグインCSSの読み込む順番を一番最後にしたい(テーマCSSよりも後に読み込みたい)

▼特定のプラグイン
search&fiter(絞り込み検索の機能)

▼function.php内のCSSの記述

//cssの読み込み function themeslug_enqueue_style() { wp_enqueue_style( 'theme-style', get_stylesheet_uri() ); wp_enqueue_style( 'fontawesome-style', 'https://use.fontawesome.com/releases/v5.1.0/css/all.css' ); wp_enqueue_style( 'swiper-style', 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css' ); }

▼実際のソースにあるCSSの記述
2番目のスタイルシートを最後に読み込みたいです。

<link rel='stylesheet' id='wp-block-library-css' href='https://gaicon-march.com/wp-includes/css/dist/block-library/style.min.css?ver=5.0.3' type='text/css' media='all'/> **<link rel='stylesheet' id='searchandfilter-css' href='https://gaicon-march.com/wp-content/plugins/search-filter/style.css?ver=1' type='text/css' media='all'/>** <link rel='stylesheet' id='theme-style-css' href='https://gaicon-march.com/wp-content/themes/jin/style.css?ver=5.0.3' type='text/css' media='all'/> <link rel='stylesheet' id='fontawesome-style-css' href='https://use.fontawesome.com/releases/v5.1.0/css/all.css?ver=5.0.3' type='text/css' media='all'/> <link rel='stylesheet' id='swiper-style-css' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css?ver=5.0.3' type='text/css' media='all'/> <link rel='stylesheet' id='amazonjs-css' href='https://gaicon-march.com/wp-content/plugins/amazonjs/css/amazonjs.css?ver=0.9' type='text/css' media='all'/>

どなたかお力添え頂けると助かります。
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

// 一旦読み込みを解除 function my_style1() { wp_dequeue_style( 'searchandfilter' ); } add_action( 'wp_print_styles', 'my_style1' ); // 再度読み込み function my_style2() { wp_enqueue_style( 'searchandfilter', plugins_url(),'/search-filter/style.css' ); } add_action( 'wp_print_styles', 'my_style2' ,99999 );

正しいプラグイン名を書きましょう。
正しいファイル名を書きましょう。
×function.php
〇functions.php

投稿2019/01/28 14:41

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

moratorium

2019/01/29 14:18

ありがとうございます。 読み込む順番を変更することはできました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問