different tag different stylesheet

Question

i have tags, and for some tags i want to load a different stylesheet But i don't know how

i have....

function customstyles()
{
    if ( is_tag( 'circulair' ) ) {

        //Register and enqueue the stylesheet for tag-circulair.
        wp_register_style( 'tag-circulair', get_stylesheet_directory_uri() . '/layout-circulair' );  
        wp_enqueue_style( 'tag-circulair' );

    } else {

        //Register and enqueue the default stylesheet.    
        wp_register_style( 'styles', get_stylesheet_uri() );
        wp_enqueue_style( 'styles' );  

    }   
}
add_action( 'wp_enqueue_scripts', 'customstyles' );

But it won't do

Thanks Bets

Answer 1

function register_tag_styles() {
    wp_register_style( 'tag-circulair-template', get_stylesheet_directory_uri() . '/layout-circulair.css' );
    wp_register_style( 'tag-circulair-kantoor-template', get_stylesheet_directory_uri() . '/layout-circulair.css' );
    }
add_action( 'wp_enqueue_scripts', 'register_tag_styles' );

This code does the trick for me, but i think it's too complicated when i have more than 10 tags with different stylesheets.....

Answer 2

Try has_tag for it.

function customstyles() { 
  if ( has_tag( 'circulair' ) ) {
    //Register and enqueue the stylesheet for tag-circulair.
    wp_register_style( 'tag-circulair', get_template_directory_uri() . '/layout-circulair/style.css' );  
    wp_enqueue_style( 'tag-circulair' );
  } else {
    //Register and enqueue the default stylesheet.    
    wp_register_style( 'styles', get_stylesheet_directory_uri() );
    wp_enqueue_style( 'styles' );  
  }
}
add_action( 'wp_enqueue_scripts', 'customstyles' );

Hope this will helps you.

Answer 3

What you might want to do instead is to get the tag in the header file of the theme and add the tag name as a class to one of the highest elements, for example .

That way, you can have a page tagged with "james", and say:

body.james #mainmenu li > a { color: #f00; }

Otherwise, you could get the tag and use php to try and load a stylesheet with the same name as the tag(or use a standard stylesheet if there are no tags, or file doesn't exist).

<?php
// Get the tags.
$tag = get_the_tags();
// Count the number of tags.
$count = count($tag);

// Check if there are tags at all.
if($tag != null) {
    $dir = get_stylesheet_directory() . "/";

    // Go through each tag.
    foreach($tag as $t) {
        // Get the full path to the CSS file we want to load based on the tag.
        $fullpath = $dir . $t->name . ".css";

        // Check if the file exists.
        if(file_exists($fullpath)) {
            // Link the CSS file.
            echo "<link rel='stylesheet' href='" . $fullpath . "' type='text/css'>";
        } else if($tag == $count) {
            // If not, link the standard CSS file, but only if on the last loop.
            echo "<link rel='stylesheet' href='generic-stylesheet.css' type='text/css'>";
        }
    }
} ?>

That should do the trick. This should go in your theme's/child theme's header file, after all the other CSS files have been loaded.