WordPress has wp_is_mobile() function to detect mobile and handheld devices. You can use that to define your enqueue function to load fonts conditionally. You can enqueue fonts for non mobile devices like this. function my_enqueue_function() { if ( !wp_is_mobile() ) { wp_enqueue_style( ‘gfonts’, ‘http://fonts.googleapis.com/css?family=Arbutus+Slab’, false, NULL, ‘all’ ); } } add_action( ‘wp_enqueue_scripts’, ‘my_enqueue_function’ );
The action for adding scripts and styles is wp_enqueue_scripts, scripts is plural. The function for adding a script is wp_enqueue_script, script is singular. add_action( ‘wp_enqueue_scripts’, ‘load_top_bar_style’ );
Could you not just pass the different string? wp_script_add_data( ‘foo’, ‘conditional’, ‘(gt IE 6)&(lt IE 9)’ ); Which by the way is probably the same as: wp_script_add_data( ‘foo’, ‘conditional’, ‘(IE 7)|(IE 8)’ ); IE conditionals are pretty unreliable so need to be tested.
There are no errors in your code shown above and I’ve double checked to see it working correctly in a fresh WP install. It should not be the cause of your errors. A white screen is usually any error but it’s not printed to the screen. Take a look at the DEBUG section of the … Read more
wp_add_inline_style needs to be tied to an existing stylesheet in order to work properly. The inline styles will only be printed when the stylesheet they are attached to is enqueued. This is quite handy to control the scope of the inline styles. If the idea is to have them printed globally, the safest handle to … Read more
Please use this instead of what you are using. This will definitely work. <?php function my_theme_enqueue_styles() { $parent_style=”parent-style”; // This is ‘twentyfifteen-style’ for the Twenty Fifteen theme. wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ ); wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array( $parent_style ), wp_get_theme()->get(‘Version’) ); } add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ ); ?> For more details on configuring Child … Read more
Use the style_loader_tag filter: add_filter( ‘style_loader_tag’, function ( $tag, $handle ) { return str_replace( ” id=’$handle-css'”, ”, $tag ); }, 10, 2 );
Replace get_template_directory_uri(), that’s for your parent theme’s directory, with get_stylesheet_directory_uri() since you want to target the file within the child theme’s directory. Or better yet, just use get_theme_file_uri( ‘login_styles.css’ ) if you want to search for it, first in the child theme’s directory, else in the parent theme’s directory.
It looks like all you need is to add a trailing slash so the directory is correct. Solution: change ‘style.css’ to ‘/style.css’ in your second wp_register_style() call on line 7.
Enqueueing via your functions.php is by far preferable, because it allows WordPress to keep track of which styles are loaded and in which order. This matters, because when css statement are equivalent, the one that is loaded last will be applied to the page. This may not matter too much when you are developing a … Read more