Question

So I am having issues understanding how to iterate over an array that looks as such in php:

 $styles = array(
   'css' => array(
       'name' => array(
          'core-css', 
          'bootstrap-css',
          'bootstrap-responsive-css'
        ),
       'path' => array(
           get_bloginfo('stylesheet_url'), 
           get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.min.css',
           get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.responsive.min.css'
        ),
    ),
 );

Essentially this styles gets passed to a constructor of a class which then iterates over the array in a method that looks like this (note this array is stored class level in a protected value called _options, hence the $this->_options in the following code:

foreach ( $this->_options as $key => $value ) {
    // load all the css files
    if (isset ( $this->_options ['css'] )) {
        foreach ( $value ['name'] as $name ) {
            foreach ( $value ['path'] as $path ) {
                wp_enqueue_style ( $name, $path );
            }

        }
     }
}

This will spit out something like:

• core-css style.css
• core-css bootstrap
• core-css bootstrap-responsive

.

The problem should be clear right now, the name never changes and I think it has something to do with how I am iterating over the array of, essentially, arrays.

So your help is much appreciated.

Answer 1

The path array is not apart of the name array, and should look something like:

foreach ( $this->_options as $key => $value ) {
    // load all the css files
    if (isset ( $this->_options ['css'] )) {
        foreach ( $value ['path'] as $k=>$path ) {
            wp_enqueue_style ( $value['name'][$k], $path );
        }
     }
}

Or, you could always change the structure of your array:

$styles = array(
    'css' => array(
        array(
            'name'=>'core-css',
            'path'=>get_bloginfo('stylesheet_url')
        ),
        array(
            'name'=>'bootstrap-css',
            'path'=>get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.min.css'
        ),
        array(
            'name'=>'bootstrap-responsive-css',
            'path'=>get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.responsive.min.css'
        )
    )
);

foreach($this->_options as $key => $value){
    if (isset ( $this->_options ['css'] )) {
        foreach($this->_options ['css'] as $k=>$v){
             wp_enqueue_style ( $v['name'], $v['path'] );
        }
    }
}