From dcfb172704f3afb68a30425029ec834be2883274 Mon Sep 17 00:00:00 2001
From: bt
Date: Sat, 8 Jun 2024 13:22:19 -0400
Subject: More content porting, on-going markdown changes for lowdown support
---
build/wp-enqueue-for-beginners/index.html | 78 ++++++++++++++++++++-----------
1 file changed, 51 insertions(+), 27 deletions(-)
(limited to 'build/wp-enqueue-for-beginners')
diff --git a/build/wp-enqueue-for-beginners/index.html b/build/wp-enqueue-for-beginners/index.html
index 96ccb68..bc795a6 100644
--- a/build/wp-enqueue-for-beginners/index.html
+++ b/build/wp-enqueue-for-beginners/index.html
@@ -1,36 +1,43 @@
-
+
WP Enqueue for Beginners
-
-
+
+
+
-
WP Enqueue for Beginners
+
WP Enqueue for Beginners
+
2020-05-05
-
Throughout my career designing, developing and auditing WordPress themes, I've come across many that include their custom styles / scripts as static HTML elements inside their respective header and footer templates. This is perfectly fine, but there is a cleaner way to include these files.
-
This post is purposefully catered for WordPress beginners, so if this seems overly simple, then you're probably already developing WordPress themes that utilize these techniques. (Which is awesome!)
-
Introducing WP Enqueue
+
+
Throughout my career designing, developing and auditing WordPress themes, I’ve come across many that include their custom styles / scripts as static HTML elements inside their respective header and footer templates. This is perfectly fine, but there is a cleaner way to include these files.
+
+
This post is purposefully catered for WordPress beginners, so if this seems overly simple, then you’re probably already developing WordPress themes that utilize these techniques. (Which is awesome!)
+
+
Introducing WP Enqueue
+
The description of Wp Enqueue from the WordPress documentation:
-
-
- Registers the style [script] if source provided (does NOT overwrite) and enqueues
-
-
+
In a nutshell: Placing a wp_enqueue_script or wp_enqueue_style script in the functions.php of your custom theme tells WordPress to pull external files into the header or footer of your website. Best practice being: styles into the header, scripts into the footer.
$in_footer: True (places script before closing body tag)
-
Packaging Everything Together
+
+
Packaging Everything Together
+
Now that we have the custom stylesheet and script ready to be loaded into our custom WordPress theme, we just need to properly package them together as a function in our functions.php file:
-
// Add styles and scripts to the header/footer
+
+
That's it! Hopefully this helps prevent WordPress newbies from statically rendering their external CSS and JS files directly in template files. Let WordPress do that for you!
+
+
That’s it! Hopefully this helps prevent WordPress newbies from statically rendering their external CSS and JS files directly in template files. Let WordPress do that for you!