improve default wp settings, styles, scripts, and html

Author: kevindees

functions.php

@@ -16,6 +16,11 @@
 add_action('wp_enqueue_scripts', function() use ($manifest) {
     wp_enqueue_style( 'main-style', THEME_URI . '/public' . $manifest['/theme/theme.css'] );
     wp_enqueue_script( 'main-script', THEME_URI . '/public' . $manifest['/theme/theme.js'], [], false, true );
+
+    // Threaded comment reply styles.
+    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
+        wp_enqueue_script( 'comment-reply' );
+    }
 });
 
 // Admin Assets
@@ -24,12 +29,31 @@
     wp_enqueue_script( 'admin-script', THEME_URI . '/public' . $manifest['/admin/admin.js'], [], false, true );
 });
 
-// Supports
-add_theme_support( 'post-thumbnails' );
-add_theme_support( 'title-tag' );
+// Navigation
 register_nav_menu( 'main', 'Main Menu' );
 
-// Templates
+// Comments
 apply_filters( 'comments_template', function() {
     return tr_views_path('comments.php');
+});
+
+// Clean Theme Setup
+add_action('after_setup_theme', function() {
+    // Add Supports
+    add_theme_support( 'automatic-feed-links' );
+    add_theme_support( 'title-tag' );
+    add_theme_support( 'align-wide' );
+    add_theme_support('html5', ['comment-form', 'comment-list', 'navigation-widgets', 'script', 'style', 'gallery', 'caption']);
+    add_theme_support( 'responsive-embeds' );
+
+    // Thumbnails
+    add_theme_support( 'post-thumbnails' );
+    set_post_thumbnail_size( 1568, 9999 );
+
+    // Remove EditURI link
+    remove_action( 'wp_head', 'rsd_link' );
+    // Remove windows live writer
+    remove_action( 'wp_head', 'wlwmanifest_link' );
+    // Remove WP version
+    remove_action( 'wp_head', 'wp_generator' );
 });

public/mix-manifest.json

@@ -1,6 +1,6 @@
 {
     "/admin/admin.js": "/admin/admin.js?id=7f1c26ce1b42c5bdd2a5",
-    "/theme/theme.js": "/theme/theme.js?id=ba0009ce829beb0e3c5b",
-    "/theme/theme.css": "/theme/theme.css?id=bf6e7fa8253168981f5f",
+    "/theme/theme.js": "/theme/theme.js?id=f8984cfedbf21061b1ca",
+    "/theme/theme.css": "/theme/theme.css?id=8948a7e7a88523dd20f5",
     "/admin/admin.css": "/admin/admin.css?id=d41d8cd98f00b204e980"
 }

public/theme/theme.css

@@ -1 +1,30 @@
+/**
+ * Make embeds responsive so they don't overflow their container.
+ * Add max-width & max-height to <iframe> elements, depending
+ * on their width & height props.
+ *
+ * @return {void}
+ */
+function themeResponsiveEmbeds() {
+    var proportion, parentWidth;
 
+    // Loop iframe elements.
+    document.querySelectorAll( 'iframe' ).forEach( function( iframe ) {
+        // Only continue if the iframe has a width & height defined.
+        if ( iframe.width && iframe.height ) {
+            // Calculate the proportion/ratio based on the width & height.
+            proportion = parseFloat( iframe.width ) / parseFloat( iframe.height );
+            // Get the parent element's width.
+            parentWidth = parseFloat( window.getComputedStyle( iframe.parentElement, null ).width.replace( 'px', '' ) );
+            // Set the max-width & height.
+            iframe.style.maxWidth = '100%';
+            iframe.style.maxHeight = Math.round( parentWidth / proportion ).toString() + 'px';
+        }
+    } );
+}
+
+// Run on initial load.
+themeResponsiveEmbeds();
+
+// Run on resize.
+window.onresize = themeResponsiveEmbeds;