feat: move style registration from template to StarterSite.php (#169)

jasalt · web-flow · commit af563d02211b · 2025-09-24T16:12:16.000+02:00
* feat: move style registration from template to StarterSite.php

* load styles from assets/styles/main.css instead

* parametrize $main_stylesheet
diff --git a/assets/styles/main.css b/assets/styles/main.css
@@ -0,0 +1 @@
+/* Add your own styles here */
diff --git a/src/StarterSite.php b/src/StarterSite.php
@@ -26,6 +26,7 @@ public function __construct() {
 		add_action( 'after_setup_theme', [ $this, 'theme_supports' ] );
 		add_action( 'init', [ $this, 'register_post_types' ] );
 		add_action( 'init', [ $this, 'register_taxonomies' ] );
+		add_action( 'wp_enqueue_scripts', [ $this, 'enqueue_styles' ] );
 
 		add_filter( 'timber/context', [ $this, 'add_to_context' ] );
 		add_filter( 'timber/twig/filters', [ $this, 'add_filters_to_twig' ] );
@@ -35,6 +36,19 @@ public function __construct() {
 		parent::__construct();
 	}
 
+	/**
+	 * This enqueues theme styles.
+	 */
+	public function enqueue_styles() {
+		$main_stylesheet = '/assets/styles/main.css';
+		wp_enqueue_style(
+			'timber-starter-style',
+			get_template_directory_uri() . $main_stylesheet,
+			[],
+			filemtime(get_template_directory() . $main_stylesheet)
+		);
+	}
+
 	/**
 	 * This is where you can register custom post types.
 	 */
diff --git a/style.css b/style.css
@@ -2,4 +2,9 @@
  * Theme Name: My Timber 2.x Starter Theme
  * Description: Starter Theme to use with Timber
  * Author: Timber Team and You!
-*/
+ */
+
+/* NOTE:
+ * This file is reserved for the theme metadata and is not loaded.
+ * Write styles in assets/styles/main.css instead.
+ */
diff --git a/views/partials/head.twig b/views/partials/head.twig
@@ -1,6 +1,5 @@
 <head>
     <meta charset="{{ site.charset }}" />
-    <link rel="stylesheet" href="{{ site.theme.link }}/style.css" type="text/css" media="screen" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="author" href="{{ site.theme.link }}/humans.txt" />
     <link rel="profile" href="http://gmpg.org/xfn/11" />
