Adding Plugin Assets to Header

Question

Adding Plugin Assets to Header

Devanarayanan

2022年2月22日 18:30

I am creating a WordPress Plugin. I have already added some pages. But I want to add custom CSS to that pages in the head. I am trying: add_action( 'wp_head', 'DisHeaderAssets'); But nothing shows up in the header.

I have placed this in the plugin's functions.php file which is called immediately when plugin is loaded.

functions.php

add_action( 'wp_head', 'DisHeaderAssets')

function DisHeaderAssets() 
    {
        ?
        link rel=icon type=image/png href=images/icons/favicon.ico/
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=vendor/bootstrap/css/bootstrap.min.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=fonts/font-awesome-4.7.0/css/font-awesome.min.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=vendor/animate/animate.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=vendor/css-hamburgers/hamburgers.min.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=vendor/animsition/css/animsition.min.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=vendor/select2/select2.min.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=vendor/daterangepicker/daterangepicker.css
    !--===============================================================================================--
        link rel=stylesheet type=text/css href=css/util.css
        link rel=stylesheet type=text/css href=css/main.css
    !--===============================================================================================--
        ?php
    }

Apart from this I have tried several codes, but nothing is working.

I think the issue is that this action gets added only after header is fired.

Topic headers wp-head hooks html plugins Wordpress

Category Web

Devanarayanan · Accepted Answer · 2022年2月22日 18:30

I finally done like this:

  $form_styles_header = [
      "1" => "forms/vendor/bootstrap/css/bootstrap.min.css",
      "2" => "forms/fonts/font-awesome-4.7.0/css/font-awesome.min.css",
      "3" => "forms/vendor/animate/animate.css",
      "4" => "forms/vendor/css-hamburgers/hamburgers.min.css",
      "5" => "forms/vendor/animsition/css/animsition.min.css",
      "6" => "forms/vendor/select2/select2.min.css",
      "7" => "forms/vendor/daterangepicker/daterangepicker.css",
      "8" => "forms/css/util.css",
      "9" => "forms/css/main.css",
      "10" => "table/css/table-styles.css"
  ];

    foreach ($form_styles_header as $no=>$form_style) {
        wp_enqueue_style('du_form_style'.$no, $d_utility_url."/assets/".$form_style);
    }

where $d_utility_url is the path to my plugin. This is working properly and the issue has been fixed.

Adding Plugin Assets to Header

About