タグ付けされた質問 「wp-enqueue-style」

ワードプレスで生成されたページにCSSスタイルファイルを追加/エンキューする安全な方法。最初にwp_register_style()で登録されていた場合は、そのハンドルを使用して追加できます。

9
特定の/ wp-adminページでスタイル/スクリプトをエンキューするにはどうすればよいですか?
とを使用wp_enqueue_style()してwp_enqueue_script()、次のようなものをロードする2つの単純な関数があります。 function admin_custom_css() { wp_enqueue_style( 'stylesheet_name', 'stylesheet.css') }; function admin_custom_js { wp_enqueue_script( 'javascript_file', 'script.js') }; ...として作成された少数の管理ページ、add_menu_page()およびadd_submenu_page() function my_menu() { add_menu_page('Page 1', 'bar', 'something', 'else', 'foo'); add_submenu_page( 'theme_menu', 'Subpage 1', 'Subpage', 'something', 'else', 'foo'); } add_action('admin_menu', 'my_menu'); これらのページにのみ2つの関数を読み込むにはどうすればよいですか? 今私は使用しています: add_action('admin_init', 'admin_custom_css' ); add_action('admin_init', 'admin_custom_js' ); しかし、それはすべての管理ページに私のファイルをロードします。 1つの簡単な行でこれを行うこともfunctions.php、ページ内で個別にキューに入れる必要がありますか(多くのadmin-page-creating-functionsを編集する必要があるため、最初のオプションを強く好みます)。 ありがとう!

1
スクリプトとスタイルを登録/エンキューする適切な場所はどこですか
現在、WordPress 3.1.4を使用しています。私はどこ(どのフック)を使うのか混乱しています: 登録および/またはエンキューする スクリプトとスタイル フロントエンドとバックエンドで? 質問: 使用する正しいフックはどれですか? すべてのフロントエンドの登録/エンキュースクリプト/スタイルはinit? なぜないのadmin_print_styles-{xxx}ですか?

8
ショートコードのJavaScript / CSSの条件付きロード
ショートコードを作成するプラグインをリリースし、そのショートコードを含むページに読み込むにはJavaScriptファイルとCSSファイルが必要です。スクリプト/スタイルをすべてのページにロードすることもできますが、それはベストプラクティスではありません。ショートコードを呼び出すページにファイルをロードするだけです。これを行うには2つの方法がありますが、どちらにも問題があります。 方法1は、ショートコードハンドラー関数内でフラグをtrueに設定し、wp_footerコールバック内でその値を確認します。trueの場合wp_print_scripts()、JavaScriptのロードに使用されます。これに伴う問題は、CSSが内部で宣言されなければならないので、それだけで、JavaScriptとCSSでないために働くということである<head>あなただけのような初期のフックの間に行うことができます、initまたはwp_head。 方法2は早期に起動し、「先読み」して、現在のページコンテンツにショートコードが存在するかどうかを確認します。このメソッドは最初のメソッドよりもはるかに優れていますが、テンプレートがを呼び出すかどうかの問題は検出されませんdo_shortcode()。 したがって、私は2番目の方法を使用して、テンプレートが割り当てられているかどうかを検出し、割り当てられている場合はそれを解析してショートコードを取得しようとしています。しかし、その前に、誰かがより良い方法を知っているかどうかを確認したかったのです。 更新:ソリューションをプラグインに統合しました。誰かがそれがライブ環境で肉付けされているのを見たいと思うなら、それをダウンロードするか、それをブラウズすることができます。 更新2: WordPress 3.3では、ショートコードコールバック内で直接呼び出すwp_enqueue_script()ことが可能になり、ドキュメントのフッター内でJavaScriptファイルが呼び出されます。CSSファイルでも技術的には可能ですが、<head>タグの外部にCSSを出力するとW3Cの仕様に違反し、FOUCが発生し、ブラウザにページの再レンダリングを強制する可能性があるため、悪い習慣と見なされます。

2
親テーマのCSSファイルをデキューするにはどうすればよいですか?
親テーマ(Starkers)は、削除しようとしているCSSファイルを追加します(代わりに@importを使用して、スタイルをより簡単にオーバーライドできるようにします)。Starkersのfunctions.phpには次のものがあります。 add_action( 'wp_enqueue_scripts', 'script_enqueuer' ); function script_enqueuer() { wp_register_script( 'site', get_template_directory_uri().'/js/site.js', array( 'jquery' ) ); wp_enqueue_script( 'site' ); wp_register_style( 'screen', get_template_directory_uri().'/style.css', '', '', 'screen' ); wp_enqueue_style( 'screen' ); } 子のfunctions.phpで次のことを試しましたが、リンクとスクリプトタグはまだヘッドセクションに表示されます。 add_action('init', 'removeScripts'); function removeScripts() { wp_dequeue_style('screen'); wp_deregister_script('site'); } 親ヘッダーにハードコードされているかどうかを確認するために、二重チェックを行いました。

2
スクリプト/スタイルがキューに登録/登録されたかどうかを確認します
それは、スクリプトやスタイルを使用して登録されたかどうかをテストすることは可能ですwp_register_script/_styleかwp_enqueue_script/_style?すべての関数が値を返すわけではなく、私は完全に無知です。 スタイルシートライブラリと提供するスクリプトに応じて、異なる機能を切り替えるために必要です。 ありがとうございました!

5
特定のページテンプレートのwpエンキュースタイル
テーマを作成中です。ページテンプレートを使用してランディングページを追加したいと思います。特定のページテンプレートのスタイルまたはjsをキューに登録する方法を示す場所が見つかりません。助言がありますか。例 ランディングページ1-Landing-page-template-one.phpには、ブログやホームページとはまったく異なるスタイルとjsが必要です。

2
プラグインにインラインCSSを含めても大丈夫ですか?
通常、プラグインではwp_enqueue_styleを使用してスタイルを追加します。ただし、現在、CSSの数行のみを必要とするプラグインを作成しています。スタイルをインラインで提供してリクエストを保存する方が良いのではないかと考えています。明らかにwp_enqueue_styleを使用することには多くの利点がありますが、このような小さなCSSを追加でリクエストする価値はありますか?この分野で受け入れられている「ベストプラクティス」はありますか?

3
テーマのスタイルシートをエンキューすることはどれほど重要ですか?
私はこれに対する答えを探してネットを探しましたが、何らかの理由で実際の例しか見つけることができませんが、その特定の説明はありません。<link rel=stylesheet>header.phpで使用するだけでなく、テーマを開発するときにスタイルをエンキューすることが重要である理由を誰かに説明してもらえますか? また、テーマのデフォルトのスタイルシートについてはどうですか、それもキューに入れる必要がありますか?

3
スタイルシートなしでwp_add_inline_styleを使用する
作成しているカスタムテーマのヘッダーにカスタムインラインスタイルを追加する必要があります。私はwp_add_inline_style()機能に出くわしましたが、それは機能しますが、特定のスタイルシートに依存するため、私にはあまり適していません。スタイルシートに依存せずに、headタグの最後にインラインスタイルを追加する必要があります。 テーマのスタイルシートまたは存在しないもののいずれかを設定しようとしました。どちらの場合でも動作しますが、少し汚いハックIMOです(テーマスタイルシートを2回読み込むか、ゴーストファイルを参照します...)。スタイルシートに依存せずにインラインスタイルを頭に追加する適切な方法はありますか? もちろん、header.phpファイルに直接追加することもできますが、これは避けたいと思います。

4
Twenty TwelveテーマからOpen Sansを削除する
Twenty Twelve v1.0の子テーマを作成していますが、Open Sansフォントを削除したいです。 Open SansはTwenty Twelve´s functions.phpに追加されます。 wp_enqueue_style( 'twentytwelve-fonts', add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" ), array(), null ); childthemeのfunctions.php(下記の例を参照)でスタイルシートを登録解除/デキューしようとしましたが、効果はありませんでした。 function example_scripts_styles() { wp_deregister_style( 'twentytwelve-fonts' ); wp_dequeue_style( 'twentytwelve-fonts' ); } add_action( 'wp_enqueue_scripts', 'example_scripts_styles' ); このファイルを削除する方法はありますか?ありがとう!

4
管理パネルのカスタム列のスタイル設定(特に列のセル幅を調整するため)
Wordpressをカスタムポストタイプを広範囲に使用するプロジェクトのCMSとして使用しています。カスタム投稿タイプごとに、管理パネルに異なる方法で列を表示する必要があります。 すでに必要な列を作成し、それらを設定しました。私がする必要があるのは、CSSを少し調整することです。最も重要なことは、特定の列の幅を調整しようとしていることです。例えば、投稿名と同じ幅の投稿IDをリストする列は必要ありません。 カスタム投稿タイプの管理パネルのスタイルシートをキューに入れましたが、列幅のスタイルを正しく設定できません。 thまたはtd要素の最大幅を調整しようとしましたが、効果がありません。firebugから、CSSスタイルがそこにあることがわかりますが、何もしていません。 カスタム列を追加/編集するための多くのチュートリアルを見つけることができましたが、そのような列をスタイルする方法についてはあまり情報を収集しませんでした。ヒントはありますか? ありがとうございました!

2
使用されている場合にのみウィジェットのjavascript + cssファイルをロードするにはどうすればよいですか?
ウィジェットで使用されるjavascriptスタイルとcssスタイルを独自のファイル内に保持します(テーマに追加しません)。 しかし、ウィジェットが実際にサイドバーで使用されている場合、ワードプレスにそれらを追加させることはできません。 私はこれを試しました: クラス宣言内に、2つの関数を追加しました class EssentielleRubriquesPosts extends WP_Widget { function addFrontendCss(){ wp_enqueue_style('erw-frontend-css', ESSENTIELLE_RUBRIQUE_WIDGET_PLUGIN_PATH . 'css/EssentielleRubriqueWidget-frontend.css'); } function addFrontendJavascript(){ wp_register_script('jq-hoverintent', PLUGIN_PATH . 'js/jquery.hoverintent.js', array('jquery'), '1.0',true); wp_enqueue_script('jq-hoverintent'); wp_enqueue_script('jq-tools', PLUGIN_PATH . 'js/jquery.tools.js', array('jquery'),'1.0',true); wp_enqueue_script('erw-frontend-js', PLUGIN_PATH . 'js/widget-frontend.js', array('jquery', 'jq-hoverintent', 'jq-tools'),'1.0',true); } およびwidget()関数内: function widget($args, $instance) { add_action( 'wp_print_scripts', 'addFrontendJavascript' ); add_action( 'wp_print_styles', 'addFrontendCss' …

3
エンキューされたすべてのスクリプトとスタイルのリストを取得するにはどうすればよいですか?
プラグインを作成していますが、他のプラグインで使用されるすべてのスクリプトとCSSのリストを取得したいです。 これは私の機能です: function crunchify_print_scripts_styles() { $result = []; $result['scripts'] = []; $result['styles'] = []; // Print all loaded Scripts global $wp_scripts; foreach( $wp_scripts->queue as $script ) : $result['scripts'][] = $wp_scripts->registered[$script]->src . ";"; endforeach; // Print all loaded Styles (CSS) global $wp_styles; foreach( $wp_styles->queue as $style ) : $result['styles'][] = $wp_styles->registered[$style]->src …

2
エンキューされたスタイルとスクリプトでバージョンURLパラメータ(?ver = XXX)を禁止する
使用事例 私はChromeのDev Tools Workspace機能を実験してきました。これには、Dev Toolsでファイルを直接編集し、保存されたスタイルシートを自動的に更新する(またはコンパイルしてから更新する!)機能が含まれます。 ただし、StackOverflowの質問「Chromeの「自動生成されたCSSの自動再読み込み」でSASSがCSSを再コンパイルしてもページが再読み込みされない」に記載されているように、スタイルシートのURLのURLパラメータは、Chromeが変更に気付かないようにします。 望ましい結果 つまり、開発中のみ、による?ver=X.X.X通常のスタイルシート<link>出力からを削除したかったのwp_enqueue_style()です。言い換えれば、私はデフォルトが欲しかったのですhref: http://localhost/mysite/wp-includes/style.css?ver=4.1.1 代わりにこれになる: http://localhost/mysite/wp-includes/style.css

2
wp_register_styleにcrossoriginと整合性を追加する方法は?(フォントオーサム5)
Font Awesome 4をバージョン5にアップグレードします<link rel="stylesheet">。これにより、整合性とクロスオリジン属性の両方がマークアップに導入されます。 現在、私は使用しています: wp_register_style('FontAwesome', 'https://example.com/font-awesome.min.css', array(), null, 'all' ); wp_enqueue_style('FontAwesome'); 次のように出力されます: <link rel="stylesheet" id="FontAwesome-css" href="https://example.com/font-awesome.min.css" type="text/css" media="all" /> Font Awesome 5では、次の2つの新しい属性と値(integrityおよびcrossorigin)が導入されています。 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> 私はwp_register_styleに整合性とcrossoriginの両方を追加することができます方法を見つける必要があるので、私が試してみましたが、使用に私の試みがwp_style_add_data失敗している、それが思われる、この方法しかサポートしていることconditional、rtlおよびsuffix、altとtitle。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.