feliciaceballos

<?php
get_header();
if (have_posts()) :
   while (have_posts()) :
      the_post();  ?>

	<h1><?php the_title() ;?></h1>	
	<?php 
    the_post_thumbnail( 'featured-large' );
    the_content(); 

feliciaceballos

<?php
// First we'll add support for featured images
add_theme_support( 'post-thumbnails' );

// Then we'll add our 2 custom images
add_image_size( 'featured-large', 1600, 400, true );
add_image_size( 'blog-width', 800, 600 );

// And then we'll add the custom size that spans the width of the blog to the Gutenberg image dropdown
add_filter( 'image_size_names_choose', 'wpmudev_custom_image_sizes' );

feliciaceballos

<?php

add_filter( 'image_size_names_choose','wpmudev_custom_image_sizes' );

function wpmudev_custom_image_sizes( $sizes ) {
return array_merge( $sizes, array(

//Add your custom sizes here
'custom-image-square' => __( 'Square' ),
'blog-width' => __( 'Blog Content Full Width' ),

feliciaceballos

<picture>
 <source
   media="(min-width: 900px)"
   srcset="large-image_1x.jpeg 1x, large-image_retina.jpeg 2x"
   type="image/jpeg >
 <source
   media="(min-width: 601px)"
   srcset="medium-image_1x.webp 1x, medium-image_retina.jpeg 2x"
   type="image/jpeg" >
 <source

feliciaceballos

<?php
//remove <?php when you paste inside your functions.php file

function admin_login_redirect( $redirect_to, $request, $user ) {
   global $user;
   
   if( isset( $user->roles ) && is_array( $user->roles ) ) {
      if( in_array( "administrator", $user->roles ) ) {
      return $redirect_to;
      } 

feliciaceballos

<?php 
//remove <?php when you paste into your functions.php file

function login_error_override()
{
    return 'Incorrect login details.';
}
add_filter('login_errors', 'login_error_override');

feliciaceballos

body.login div#login h1 a {
  background-image: url('login-logo.png');
}

feliciaceballos

body.login div#login p#nav {
  display: none;
}

feliciaceballos

body.login div#login form#loginform p.submit input#wp-submit {
  background-color:#17a8e3 !important;
  color: #ffffff;
  border: 1px solid #0d9ed9;
  margin: 10px 10px 10px 10px;
}

feliciaceballos

body.login div#login form#loginform input {
  font-size: 15px;
  color: #555555;
}