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
  *
@@ -50,7 +51,8 @@ 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.
@@ -80,8 +82,8 @@ if ( ! function_exists( 'studio_up_setup' ) ) :
 		// 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'),
 			)
 		);
 
@@ -114,6 +116,12 @@ if ( ! function_exists( 'studio_up_setup' ) ) :
 
 		// Add support for responsive embedded content.
 		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');
@@ -126,12 +134,13 @@ add_action( 'after_setup_theme', 'studio_up_setup' );
  *
  * @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'),
-			'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">',
@@ -144,7 +153,8 @@ 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);
 
@@ -157,7 +167,8 @@ 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;
 
 	if (
@@ -186,7 +197,8 @@ 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;
 }
@@ -199,7 +211,8 @@ 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) {
 		return $args;
 	}

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'); ?>">
-			<?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">
+
+			<?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
  *
@@ -26,7 +27,8 @@
 		$studio_up_description = get_bloginfo('description', 'display');
 		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>
 
@@ -36,8 +38,8 @@
 		<?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"
 				}
 			]