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

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

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

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

1回答

1790閲覧

【WordPress】特定のCSSが読みこまない

akkkkin

総合スコア83

WordPress

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2016/12/10 08:22

編集2016/12/10 12:06

掲題の件で行き詰まっております。

■読みこまないCSSのパス
"/www/hogehoge/wp-content/themes/themename/woocommerce/assets/css/woocommerce-layout.css"

■themename/functions.phpに記述したコード

/********************* CSS *********************/ function register_style() { wp_register_style('style', get_bloginfo('template_directory').'/style.css'); wp_register_style('woocommerce', get_bloginfo('template_directory').'/woocommerce/assets/css/woocommerce.css'); wp_register_style('woocommerce-layout', get_bloginfo('template_directory').'/woocommerce/assets/css/woocommerce-layout.css'); wp_register_style('shortcode', get_bloginfo('template_directory').'/library/css/shortcode.css'); wp_register_style('slider', get_bloginfo('template_directory').'/library/css/bx-slider.css'); if(!get_option( 'side_options_animatenone' )){ wp_register_style('animate', get_bloginfo('template_directory').'/library/css/animate.min.css'); } wp_register_style('lp_css', get_bloginfo('template_directory').'/library/css/lp.css'); } function add_stylesheet() { register_style(); wp_enqueue_style('style'); wp_enqueue_style('woocommerce'); wp_enqueue_style('woocommerce-layout'); wp_enqueue_style('slider'); wp_enqueue_style('animate'); wp_enqueue_style('shortcode'); if(is_singular( 'post_lp' )) { wp_enqueue_style('lp_css'); } elseif (is_home() || is_front_page()) { } } add_action('wp_print_styles', 'add_stylesheet');

■同じような記述で読み込んでいるCSSファイルもある

下記のCSSのパスのものは読み込んでいます。
"/www/hogehoge/wp-content/themes/themename/woocommerce/assets/css/woocommerce.css"

■このようにプラグインであるwoocommerceのCSSを設置しようとした背景
プラグインの中にあるCSSを直接編集する手もありますが、更新がかかった時にすべて消えてしまうため、編集したいCSSだけthemenameもってきました(子テーマのイメージです)。

以上、どのように記述すればwoocommerce-layout.cssを読み込むことができるのかご教示いたけるとありがたいです。

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

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

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

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

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

退会済みユーザー

退会済みユーザー

2016/12/10 11:43

提示されたコード「themename/functions.phpに記述したコード」の構文がめちゃくちゃのように見えるのですが、これは実際に書かれたコードですか?
akkkkin

2016/12/10 12:21 編集

回答ありがとうございます。そうです。だた、はしょって記載しましたので、function.phpにかかれているCSS箇所のままに質問欄を修正しました。
guest

回答1

0

ベストアンサー

質問文の修正ありがとうございました。

公式ドキュメントにしたがって、以下のコードを追加してみてはいかがでしょうか。
https://docs.woocommerce.com/document/css-structure/#section-3

PHP

1// Remove each style one by one 2add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' ); 3function jk_dequeue_styles( $enqueue_styles ) { 4 unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss 5 unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout 6 unset( $enqueue_styles['woocommerce-smallscreen'] ); // Remove the smallscreen optimisation 7 return $enqueue_styles; 8}

これで、本来のWooCommerceのスタイルが読み込まれなくなるはずです。

投稿2016/12/10 12:35

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

akkkkin

2016/12/10 13:01

回答ありがとうございます。 上記のコードを追加したらいけました! unsetで本来のWooCommerceのスタイルが読み込まれなくしたら良かったのですね。
退会済みユーザー

退会済みユーザー

2016/12/10 13:07

解決したようでよかったです。 スタイルシートのハンドル名がどちらも'woocommerce-layout'であったためにプラグインの正規のスタイルシートが優先されて読まれていたのでしょう。 そして、'woocommerce.css'のほうは、ハンドル名が違っていた('woocommerce-general'と'woocommerce’)ので大丈夫だったみたいです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問