タグ付けされた質問 「css」

カスケードスタイルシート（CSS）は、通常はテーマを介したHTML出力のプレゼンテーションセマンティクス（外観とフォーマット）を記述するために使用されるスタイルシート言語です。このタグを使用する必要がある場合、質問がこのSEネットワークサイトのトピックから外れている可能性が高くなります。

6
子テーマのメインスタイルシートのバージョン番号の原因
header.phpでは、ブラウザーが強制的に更新するように、バージョン番号をスタイルシートに関連付けます。ただし、子テーマを操作する場合、そのスタイルシートは明示的に呼び出されず、WordPressが自動的にシークします。では、どのように、またはどこでバージョン番号を子テーマのスタイルシートに帰属させるのでしょうか？
11 child-theme  css 
1
ログインページのスタイルシートをエンキューし、head要素に表示する
ログインページのスタイルをテーマに設定します。非常に簡単： add_action( 'login_enqueue_scripts', function() { wp_enqueue_style( 'TEST', get_template_directory_uri() . '/css/login.css' ); }); 残念ながら、期待どおりに動作しません。link要素がに表示されてbody非常に遅く、ログインページの。 レンダリングされた出力： <link rel='stylesheet' id='TEST-css' href='http://themes.wp/t5-theme-base/css/login.css?ver=3.9-alpha' type='text/css' media='all' /> <div class="clear"></div> </body> </html> これは間違っていheadます。リンク要素をどのように印刷できますか？
2
なぜstyle.cssがエンキューされないのですか？
かなり基本的なテーマを取得しましたが、style.cssファイルがに読み込まれていません<head>。私はすでに周りを検索しましたが、なぜそれが読み込まれないのかわかりません。 私はglobal $wp_stylesすでにオブジェクトを検査しましたが、何も見つかりませんでした： function style_test() { $wp_styles = new WP_Styles(); echo '<pre>'; // $wp_styles->enqueue == completely empty print_r( $wp_styles->registered ); echo '</pre>'; } add_action( 'wp_print_scripts', 'style_test', 0 ); オブジェクト内では、登録済み/エンキューされたスタイルシート（それらが読み込まれる）も見つけることができないので、これを検査する際に何か問題があると思います。何か案は？ 注： 手動でキューに入れると、style.cssファイルが読み込まれます。自動ロードだけでは機能しません。さらに私はget_theme_data( TEMPLATEPATH.'/style.css' );問題なくファイルにアクセスできます。
4
実際に、テーマのstyle.cssをテーマファイルにリンクする必要がありますか
そのため、CSS用の一連のLESSファイルを使用してワードプレスのテーマを開発しています。これらは、コードキットを使用して、テーマのスタイル設定に使用する結合された最小化されたスタイルシートにコンパイルされます。 ワードプレスのテーマには、テーマに関する情報をコメントに含むstyle.cssが必要であると理解していますが、このstyle.cssをheader.phpにリンクする必要がありますか？確かに、テーマ情報だけを入れて、それ以外は何も入れずに、テーマフォルダーにそのまま残しておくことができます。私が実際に使用するスタイルシートは、styles.cssやmain.cssなどと呼ぶことができます。 誰かがこれを確認したり、これが悪い考えである理由を教えたりできますか？
6
WordPress管理バーがTwitterブートストラップナビゲーションと重なっている[終了]
閉まっている。この質問はトピックから外れています。現在、回答を受け付けていません。 この質問を改善してみませんか？ 質問を更新することがありますので、上のトピックワードプレスの開発スタックExchange用。 5年前休業。 WordPressの管理バーがTwitterブートストラップ（2.3.0）のナビゲーションバーと重なっているという問題があります。私はこの修正を試しました： body.admin-bar .navbar-fixed-top { top: 28px; } .navbar .brand { color: #000 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); font-weight: bold !important; } .nav-container { padding-left: 0; padding-right: 0; } .nav-tabs, .nav-pills { margin-top: -6px; } .dropdown-menu …
4
このCSSスタッフィングは機能しますが、これは良い習慣ですか？
プラグインに動的CSSを含めようとしています。どこでも検索してきましたが、自分と同じようなケースは見つかりません。そして私がそれをするために使用するのは、?>WPヘッドを呼び出すような他のものを追加することなく、phpタグを閉じた後、プラグインのphpファイルの最後に直接CSSファイルを追加することです。 プラグインのファイルの最後に直接挿入したコードの例を次に示します。 <style type="text/css"> .innertrow { background-color: <?php get_options('css_value');?>} </style> それは良い習慣ですか？
9 admin  css  options 
1
style.cssの前にスタイルをエンキューする方法
style.cssがロードされる前に.cssファイルをエンキューするにはどうすればよいですか？または、デフォルトのstyle.cssを別の.cssファイルに依存させますか？ 私は.cssリセットをロードしようとしています。これは、style.cssによって上書きされます。 ここに私が持っているものがあります： add_action('wp_enqueue_scripts', 'load_css_files'); function load_css_files() { wp_register_style( 'normalize', get_template_directory_uri() . '/css/normalize.css'); wp_enqueue_style( 'normalize' ); } ただし、これはstyle.cssの後にロードされます。
3
テーマのCSSクラス
テーマで使用する必要がある事前定義された（WPによって提案された）CSSクラスを知っている人はいますか？ インターネットのどこかに、WPテーマで使用されるすべてのCSSクラスのリストを見ましたが、見つかりません。 更新：私はこのリストを見たサイトを見つけました：http : //www.wpbeginner.com/wp-themes/default-wordpress-generated-css-cheat-sheet-for-beginners/
1
選択したページにCSSとJSのみをロードするようにプラグインを制限しますか？
プラグインがCSSスタイルシートとJavaScript JSファイルの読み込みを必要なページのみに制限するようにしたいのですが。 私の質問の例は、私のサイトの1ページ（「連絡先」ページ）にフォームを作成するために使用したプラグインContact Form 7です。ただし、次の行がWebサイトのすべてのページ/投稿に追加されます。 <link rel='stylesheet' id='contact-form-7-css' href='http://www.r-statistics.com/wp-content/plugins/contact-form-7/styles.css?ver=2.3.1' type='text/css' media='all' /> <script type='text/javascript' src='http://www.r-statistics.com/wp-content/plugins/contact-form-7/scripts.js?ver=2.3.1'></script> これにより、このプラグインがサイトの読み込み時間を低下させているのではないかと思います。サイトの1つのページだけに関心がある拡張機能です。 したがって、私の質問は、プラグインを非アクティブ化せずに、「連絡先」ページを除くすべてのページからこれらの余分な行を削除するにはどうすればよいですか？
3
！importantを使用しない子テーマのCSS優先順位の問題
子テーマを使用するようにWordPressサイトを変更しましたが、子テーマCSSで行った変更よりも親テーマスタイルが優先されます。私はを使用して回避できます!importantが、これはパッチのようなソリューションであり、子テーマはサイトの最初のリソースとして機能するはずです。 たとえば、私のサイトでは、を含む境界線.wp-captionは!importantタグを使用した背景と同じ色ですが、それがないと機能しません。 これはfunctions.phpファイルと関係がありますか？ これは私のPHPファイルの内容です： add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); }
4
URLの記号を変更せずにGoogle Webフォントをエンキュー
通常の方法でGoogle Web Fontsをエンキューする、つまり、次のwp_enqueue_styleような関数を使用する... function wpse_google_webfonts() { wp_enqueue_style( 'google-webfonts', 'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700' ); } add_action( 'wp_enqueue_scripts', 'wpse_google_webfonts' ); ...次のlinkようにヘッダーに配置されたタグになります： <link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed%7COpen+Sans%3A400italic%2C700italic%2C400%2C700&ver=3.5' type='text/css' media='all' /> ご覧のとおり、結果のURLはエンコードされています。 私はそれが問題を引き起こさないと確信していますが、物事を明確かつ明確に保つために、私は先に進んで質問したいと思いfunctions.phpます-URLが出力する方法で（プラグインではなく）Google Web Fontsをエンキューする方法はありますかエンコードされていませんか？ それはそうです： <link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700?ver=3.5' type='text/css' media='all' /> バウンティの理由 @webawareの答えはほぼ完璧です。これは、Twenty Twelveテーマの「Open Sans」Google Web Fontをエンキューするのに使用されている方法に似ているためです。 出力の唯一の問題は、次のようになることです。 <link rel='stylesheet' id='twentytwelve-fonts-css' href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext' type='text/css' media='all' /> に注意して&ください？それ&以外の場合は、提供されるフォントファイルにはlatinグリフのみが含まれます（つまりsubset、URL …
3
ページ固有のスクリプト/スタイルをロードする方法
私はデフォルトのWordpressの起動プロセスに従って、最初functions.phpに呼び出され、その後すべてのテーマのものに行くことを知っています。しかし、私は現在、テーマを完全にリファクタリングして最適化しています。私のアイデアは、共通のプロパティ、正規化、色用の1つの基本cssファイルを用意することです。または、単一のCSSファイルを保持するために、この場合、functions.phpページを決定するためにスイッチケースをハードコーディングする必要があります。また、すべてのスタイルが定義された巨大なcssスタイルファイルをロードすることは意味がないため、各ページに固有の別のファイル。 だから私の質問は、特定のスクリプト/スタイルをロードするためにフックするのに最適な場所は何ですか？ それはheader-xxx.php別のファイルですか？多分このアイデアをよりスケーラブルでエレガントな方法で実装する方法はありますか？ どんな助けにも感謝します。
1
wp_enqueue_scripts、wp_register_scripts、wp_print_scripts：混乱しています
私はこの問題について少し読んでいましたが、読むほど、混乱します。 誰かが間の正確な違い何要するに私に説明することができwp_enqueue_scripts、wp_register_scriptsおよびwp_print_scripts？ たとえば、functions.phpに次のコードが含まれていますが、機能していますwp_print_scriptsが、スタイルシートに使用できない理由がわかりませんwp_enqueue_scriptsが、JavaScriptファイルに使用するとコードは機能します。 add_action('wp_print_scripts', 'add_my_js'); function add_my_js(){ if(!is_admin()){ wp_enqueue_script('default', get_bloginfo('stylesheet_directory').'/js/default.js', array('jquery')); } } add_action('wp_enqueue_scripts', 'add_my_stylesheet'); function add_my_stylesheet() { wp_register_style('default', get_bloginfo( 'stylesheet_url')); wp_enqueue_style( 'default'); }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.