theme-development - Read For Learn

Identifying the priority of style.css so I can make a small CSS file load last

When you properly enqueue a file, an instance of the wp_styles (more on this) class is created. The priority of actions is ignored. So it doesn’t matter if you write anything like add_action (‘wp_enqueue_scripts’,’function_adding_main_style’,10); add_action (‘wp_enqueue_scripts’,’function_adding_small_style’,11); The reason is exactly the existence of the dependency system. WP first collects all enqueued style files and then … Read more

WordPress Customizer Typography: How to load just the unique Google Fonts?

This question is way too broad for a complete answer in a Q&A format, but here is roughly what I would do: Collect all system fonts in an array $sys_fonts Collect all Google fonts in an array $ggl_fonts Collect the complete info about Google fonts in a multidimensional array $ggl_fontinfo Merge $sys_fonts and $ggl_fonts in … Read more

How to fix the error “file_get_contents was found in the file functions.php”?

To Add External Atylesheet: Generally speaking, you should use the wp_enqueue_style() function to add external stylesheet to your theme. function wpse259600_add_style() { wp_enqueue_style( ‘theme_critical’, get_template_directory_uri() . ‘/css/critical.css’, array(), ‘1.0.0’ ); } add_action( ‘wp_enqueue_scripts’, ‘wpse259600_add_style’ ); To Add Internal Stylesheet: However, if (for whatever reason) you have to add internal stylesheet (i.e. printing the entire CSS … Read more

How do you enqueue script tags for ReactDOM in WordPress’ functions.php?

So I’m thinking you can use the script_loader_tag filter to replace HTML as the script is being loaded in. This will allow you to control where you’re enqueueing the script as usual via wp_enqueue_scripts hook while still allowing you to add in any script attributes. The Enqueue /** * Enqueue whatever script we may need … Read more

How to deploy a new theme/theme options from staging to production site

There are a number of options that depend on your level of comfort with code and the number of changes you need to make. There are also a number of ways to achieve the same result. You mention partial migrations. If you can do that, go with it. That’s the fastest. I’m going to cover … Read more

Enabling Widgets By Default in Custom Theme Development

@Volomike, When you register a sidebar in your themes functions it will be active in the dashboard. If no widgets are added to your sidebars WordPress will add the default widgets. You can prevent WordPress from adding the default widgets by unregistering them: // Remove WP default Widgets // WP 2.8 function using $widget_class if … Read more

Removing all classes from nav_menu except current-menu-item and current-menu-parent

Sure, you can filter out all the classes but the ones you want. add_filter(‘nav_menu_css_class’, ‘discard_menu_classes’, 10, 2); function discard_menu_classes($classes, $item) { $classes = array_filter( $classes, create_function( ‘$class’, ‘return in_array( $class, array( “current-menu-item”, “current-menu-parent” ) );’ ) ); return array_merge( $classes, (array)get_post_meta( $item->ID, ‘_menu_item_classes’, true ) ); }

Active theme responds to theme change request to alert user

I’m usually a fan of doing this kind of work on the server-side since it’s far too easy to circumvent JavaScript on the client-side with modern debugging tools, but this is a unique problem and this may fit your use case (depending on who your audience is). Using pure JavaScript, you can do this: Create … Read more

How to choose which template to be used for multiple taxonomy query?

I’m not sure if this the best method, and I would like to hear some other suggestions! This will alter the template to some pre-defined template if two or more taxonomies are being queried. You can hard-code the taxonomies to check or use get_taxonomies: /* * Checks to see if more than one of (certain) … Read more

How to Auto Approve Comments on a Specific Page?

Considering that in Settings > Discussion you have this options checked: The first is comment_moderation and the second comment_whitelist. Then, it is possible to selectively disable them using the filter pre_option_(option-name), as follows: add_filter( ‘pre_option_comment_moderation’, ‘wpse_72990_auto_aprove_selective’ ); add_filter( ‘pre_option_comment_whitelist’, ‘wpse_72990_auto_aprove_selective’ ); function wpse_72990_auto_aprove_selective( $option ) { global $post; if( $post->ID == 2 ) return 0; … Read more

+ More