footer and init project

README.md

@@ -63,22 +63,6 @@ Or [deploy with the tool of your choice](https://underscoretw.com/docs/deploymen
   Add live reloads and synchronized cross-device testing to your workflow
 
 
-### Lando file
+### Wordpress admin
-
+noel
-name: studio-up
+R*#gsI7ln^ClEE5oxg
-recipe: wordpress
-config:
-  webroot: wordpress
-  php: '8.3'
-proxy:                
-  theme:
-    - localhost:3000
-services:
-  theme:
-    type: node:20
-    services:
-      ports:
-        - 3000:3000
-tooling:
-  yarn:
-    service: theme

tailwind/custom/base.css

@@ -7,5 +7,13 @@
  * file and is applied both to the front end and in the block editor.
  */
 body {
-	@apply bg-background text-foreground font-sans;
+	@apply bg-background font-sans;
+}
+
+footer {
+	@apply bg-secondary w-full text-white;
+
+	.footer-menu {
+		@apply mb-4 flex flex-col gap-4 md:flex-row md:justify-center md:gap-8;
+	}
 }

tailwind/tailwind-theme.css

@@ -44,6 +44,9 @@
 		ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
 		"Liberation Mono", "Courier New", monospace;
 
+	--font-barlow: "Barlow", sans-serif;
+	--font-montserrat: "Montserrat", sans-serif;
+	--font-roboto: "Roboto", sans-serif;
 	/**
 	 * Add your theme below:
 	 */

tailwind/tailwind-typography.config.js

@@ -18,6 +18,18 @@ const hexToRgb = (hex) => {
 };
 
 module.exports = {
+	safelist: [
+		'w-full',
+		'text-primary',
+		'text-secondary',
+		'text-tertiary',
+		'text-background',
+		'size-13',
+		'w-1/4',
+		'font-barlow',
+		'font-roboto',
+		'font-montserrat',
+	],
 	theme: {
 		extend: {
 			typography: (theme) => ({

tailwind/tailwind-typography.css

@@ -10,3 +10,5 @@
 
 @plugin "@_tw/typography";
 @config "./tailwind-typography.config.js";
+
+@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

theme/functions.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * studio-up functions and definitions
  *
@@ -7,7 +8,7 @@
  * @package studio-up
  */
 
-if ( ! defined( 'STUDIO_UP_VERSION' ) ) {
+if (! defined('STUDIO_UP_VERSION')) {
 	/*
 	 * Set the theme’s version number.
 	 *
@@ -15,10 +16,10 @@ if ( ! defined( 'STUDIO_UP_VERSION' ) ) {
 	 * to create your production build, the value below will be replaced in the
 	 * generated zip file with a timestamp, converted to base 36.
 	 */
-	define( 'STUDIO_UP_VERSION', '0.1.0' );
+	define('STUDIO_UP_VERSION', '0.1.0');
 }
 
-if ( ! defined( 'STUDIO_UP_TYPOGRAPHY_CLASSES' ) ) {
+if (! defined('STUDIO_UP_TYPOGRAPHY_CLASSES')) {
 	/*
 	 * Set Tailwind Typography classes for the front end, block editor and
 	 * classic editor using the constant below.
@@ -42,7 +43,7 @@ if ( ! defined( 'STUDIO_UP_TYPOGRAPHY_CLASSES' ) ) {
 	);
 }
 
-if ( ! function_exists( 'studio_up_setup' ) ) :
+if (! function_exists('studio_up_setup')) :
 	/**
 	 * Sets up theme defaults and registers support for various WordPress features.
 	 *
@@ -50,17 +51,18 @@ if ( ! function_exists( 'studio_up_setup' ) ) :
 	 * runs before the init hook. The init hook is too late for some features, such
 	 * as indicating support for post thumbnails.
 	 */
-	function studio_up_setup() {
+	function studio_up_setup()
+	{
 		/*
 		 * Make theme available for translation.
 		 * Translations can be filed in the /languages/ directory.
 		 * If you're building a theme based on studio-up, use a find and replace
 		 * to change 'studio-up' to the name of your theme in all the template files.
 		 */
-		load_theme_textdomain( 'studio-up', get_template_directory() . '/languages' );
+		load_theme_textdomain('studio-up', get_template_directory() . '/languages');
 
 		// Add default posts and comments RSS feed links to head.
-		add_theme_support( 'automatic-feed-links' );
+		add_theme_support('automatic-feed-links');
 
 		/*
 		 * Let WordPress manage the document title.
@@ -68,20 +70,20 @@ if ( ! function_exists( 'studio_up_setup' ) ) :
 		 * hard-coded <title> tag in the document head, and expect WordPress to
 		 * provide it for us.
 		 */
-		add_theme_support( 'title-tag' );
+		add_theme_support('title-tag');
 
 		/*
 		 * Enable support for Post Thumbnails on posts and pages.
 		 *
 		 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
 		 */
-		add_theme_support( 'post-thumbnails' );
+		add_theme_support('post-thumbnails');
 
 		// This theme uses wp_nav_menu() in two locations.
 		register_nav_menus(
 			array(
-				'menu-1' => __( 'Primary', 'studio-up' ),
+				'header' => __('Cabecera', 'studio-up'),
-				'menu-2' => __( 'Footer Menu', 'studio-up' ),
+				'footer' => __('Pie', 'studio-up'),
 			)
 		);
 
@@ -103,35 +105,42 @@ if ( ! function_exists( 'studio_up_setup' ) ) :
 		);
 
 		// Add theme support for selective refresh for widgets.
-		add_theme_support( 'customize-selective-refresh-widgets' );
+		add_theme_support('customize-selective-refresh-widgets');
 
 		// Add support for editor styles.
-		add_theme_support( 'editor-styles' );
+		add_theme_support('editor-styles');
 
 		// Enqueue editor styles.
-		add_editor_style( 'style-editor.css' );
+		add_editor_style('style-editor.css');
-		add_editor_style( 'style-editor-extra.css' );
+		add_editor_style('style-editor-extra.css');
 
 		// Add support for responsive embedded content.
-		add_theme_support( 'responsive-embeds' );
+		add_theme_support('responsive-embeds');
+		add_theme_support('custom-logo', array(
+			'height'      => 40,
+			'width'       => 220,
+			'flex-height' => true,
+			'flex-width'  => true,
+		));
 
 		// Remove support for block templates.
-		remove_theme_support( 'block-templates' );
+		remove_theme_support('block-templates');
 	}
 endif;
-add_action( 'after_setup_theme', 'studio_up_setup' );
+add_action('after_setup_theme', 'studio_up_setup');
 
 /**
  * Register widget area.
  *
  * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
  */
-function studio_up_widgets_init() {
+function studio_up_widgets_init()
+{
 	register_sidebar(
 		array(
-			'name'          => __( 'Footer', 'studio-up' ),
+			'name'          => __('Footer', 'studio-up'),
-			'id'            => 'sidebar-1',
+			'id'            => 'sidebar-footer',
-			'description'   => __( 'Add widgets here to appear in your footer.', 'studio-up' ),
+			'description'   => __('Añadir widgets aquí para que aparezcan en el pie de página.', 'studio-up'),
 			'before_widget' => '<section id="%1$s" class="widget %2$s">',
 			'after_widget'  => '</section>',
 			'before_title'  => '<h2 class="widget-title">',
@@ -139,26 +148,28 @@ function studio_up_widgets_init() {
 		)
 	);
 }
-add_action( 'widgets_init', 'studio_up_widgets_init' );
+add_action('widgets_init', 'studio_up_widgets_init');
 
 /**
  * Enqueue scripts and styles.
  */
-function studio_up_scripts() {
+function studio_up_scripts()
-	wp_enqueue_style( 'studio-up-style', get_stylesheet_uri(), array(), STUDIO_UP_VERSION );
+{
-	wp_enqueue_script( 'studio-up-script', get_template_directory_uri() . '/js/script.min.js', array(), STUDIO_UP_VERSION, true );
+	wp_enqueue_style('studio-up-style', get_stylesheet_uri(), array(), STUDIO_UP_VERSION);
+	wp_enqueue_script('studio-up-script', get_template_directory_uri() . '/js/script.min.js', array(), STUDIO_UP_VERSION, true);
 
-	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
+	if (is_singular() && comments_open() && get_option('thread_comments')) {
-		wp_enqueue_script( 'comment-reply' );
+		wp_enqueue_script('comment-reply');
 	}
 }
-add_action( 'wp_enqueue_scripts', 'studio_up_scripts' );
+add_action('wp_enqueue_scripts', 'studio_up_scripts');
 
 /**
  * Enqueue the block editor script.
  */
-function studio_up_enqueue_block_editor_script() {
+function studio_up_enqueue_block_editor_script()
-	$current_screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
+{
+	$current_screen = function_exists('get_current_screen') ? get_current_screen() : null;
 
 	if (
 		$current_screen &&
@@ -175,10 +186,10 @@ function studio_up_enqueue_block_editor_script() {
 			STUDIO_UP_VERSION,
 			true
 		);
-		wp_add_inline_script( 'studio-up-editor', "tailwindTypographyClasses = '" . esc_attr( STUDIO_UP_TYPOGRAPHY_CLASSES ) . "'.split(' ');", 'before' );
+		wp_add_inline_script('studio-up-editor', "tailwindTypographyClasses = '" . esc_attr(STUDIO_UP_TYPOGRAPHY_CLASSES) . "'.split(' ');", 'before');
 	}
 }
-add_action( 'enqueue_block_assets', 'studio_up_enqueue_block_editor_script' );
+add_action('enqueue_block_assets', 'studio_up_enqueue_block_editor_script');
 
 /**
  * Add the Tailwind Typography classes to TinyMCE.
@@ -186,11 +197,12 @@ add_action( 'enqueue_block_assets', 'studio_up_enqueue_block_editor_script' );
  * @param array $settings TinyMCE settings.
  * @return array
  */
-function studio_up_tinymce_add_class( $settings ) {
+function studio_up_tinymce_add_class($settings)
+{
 	$settings['body_class'] = STUDIO_UP_TYPOGRAPHY_CLASSES;
 	return $settings;
 }
-add_filter( 'tiny_mce_before_init', 'studio_up_tinymce_add_class' );
+add_filter('tiny_mce_before_init', 'studio_up_tinymce_add_class');
 
 /**
  * Limit the block editor to heading levels supported by Tailwind Typography.
@@ -199,17 +211,18 @@ add_filter( 'tiny_mce_before_init', 'studio_up_tinymce_add_class' );
  * @param string $block_type Block type name including namespace.
  * @return array
  */
-function studio_up_modify_heading_levels( $args, $block_type ) {
+function studio_up_modify_heading_levels($args, $block_type)
-	if ( 'core/heading' !== $block_type ) {
+{
+	if ('core/heading' !== $block_type) {
 		return $args;
 	}
 
 	// Remove <h1>, <h5> and <h6>.
-	$args['attributes']['levelOptions']['default'] = array( 2, 3, 4 );
+	$args['attributes']['levelOptions']['default'] = array(2, 3, 4);
 
 	return $args;
 }
-add_filter( 'register_block_type_args', 'studio_up_modify_heading_levels', 10, 2 );
+add_filter('register_block_type_args', 'studio_up_modify_heading_levels', 10, 2);
 
 /**
  * Custom template tags for this theme.

theme/template-parts/layout/footer-content.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * Template part for displaying the footer content
  *
@@ -9,22 +10,25 @@
 
 ?>
 
-<footer id="colophon">
+<footer id="colophon" class="site-footer py-8">
-
+	<section class="container mx-auto">
-	<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
+		<?php if (is_active_sidebar('sidebar-footer')) : ?>
-		<aside role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'studio-up' ); ?>">
+			<aside role="complementary" aria-label="<?php esc_attr_e('Footer', 'studio-up'); ?>">
-			<?php dynamic_sidebar( 'sidebar-1' ); ?>
+				<?php dynamic_sidebar('sidebar-footer'); ?>
 			</aside>
 		<?php endif; ?>
 
-	<?php if ( has_nav_menu( 'menu-2' ) ) : ?>
+		<div class="flex w-full flex-col items-center justify-between font-roboto gap-4 py-8  text-sm md:flex-row md:gap-8">
-		<nav aria-label="<?php esc_attr_e( 'Footer Menu', 'studio-up' ); ?>">
+
+			<?php if (has_nav_menu('footer')) : ?>
+				<nav aria-label="<?php esc_attr_e('Footer Menu', 'studio-up'); ?>">
 					<?php
 					wp_nav_menu(
 						array(
-					'theme_location' => 'menu-2',
+							'theme_location' => 'footer',
 							'menu_class'     => 'footer-menu',
 							'depth'          => 1,
+							'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 						)
 					);
 					?>
@@ -32,21 +36,8 @@
 			<?php endif; ?>
 
 			<div>
-		<?php
+				Copyright ® <?= date('Y') ?> <?= get_bloginfo('name') ?> <?= __('Todos los derechos reservados', 'studio-up') ?>.
-		$studio_up_blog_info = get_bloginfo( 'name' );
-		if ( ! empty( $studio_up_blog_info ) ) :
-			?>
-			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
-			<?php
-		endif;
-
-		/* translators: 1: WordPress link, 2: WordPress. */
-		printf(
-			'<a href="%1$s">proudly powered by %2$s</a>.',
-			esc_url( __( 'https://wordpress.org/', 'studio-up' ) ),
-			'WordPress'
-		);
-		?>
 			</div>
-
+		</div>
+	</section>
 </footer><!-- #colophon -->

theme/template-parts/layout/header-content.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * Template part for displaying the header content
  *
@@ -13,31 +14,32 @@
 
 	<div>
 		<?php
-		if ( is_front_page() ) :
+		if (is_front_page()) :
 		?>
-			<h1><?php bloginfo( 'name' ); ?></h1>
+			<h1><?php bloginfo('name'); ?></h1>
 		<?php
 		else :
 		?>
-			<p><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
+			<p><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></p>
 		<?php
 		endif;
 
-		$studio_up_description = get_bloginfo( 'description', 'display' );
+		$studio_up_description = get_bloginfo('description', 'display');
-		if ( $studio_up_description || is_customize_preview() ) :
+		if ($studio_up_description || is_customize_preview()) :
 		?>
-			<p><?php echo $studio_up_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
+			<p><?php echo $studio_up_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+				?></p>
 		<?php endif; ?>
 	</div>
 
-	<nav id="site-navigation" aria-label="<?php esc_attr_e( 'Main Navigation', 'studio-up' ); ?>">
+	<nav id="site-navigation" aria-label="<?php esc_attr_e('Main Navigation', 'studio-up'); ?>">
-		<button aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'studio-up' ); ?></button>
+		<button aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e('Primary Menu', 'studio-up'); ?></button>
 
 		<?php
 		wp_nav_menu(
 			array(
-				'theme_location' => 'menu-1',
+				'theme_location' => 'header',
-				'menu_id'        => 'primary-menu',
+				'menu_class'     => 'header-menu',
 				'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 			)
 		);

theme/theme.json

@@ -9,24 +9,19 @@
 					"color": "#ffffff",
 					"name": "Background"
 				},
-				{
-					"slug": "foreground",
-					"color": "#404040",
-					"name": "Foreground"
-				},
 				{
 					"slug": "primary",
-					"color": "#b91c1c",
+					"color": "#f793ad",
 					"name": "Primary"
 				},
 				{
 					"slug": "secondary",
-					"color": "#15803d",
+					"color": "#1f2635",
 					"name": "Secondary"
 				},
 				{
 					"slug": "tertiary",
-					"color": "#0369a1",
+					"color": "#3e47bd",
 					"name": "Tertiary"
 				}
 			]