Como hacer home page como la del ejemplo  

Hola Laura,

Supongo que te refieres a cómo implementar un Slider en el encabezado de la página, para implementarlo tienes 2 opciones:

1.- A través de alguna opción del tema. Para esto es necesario que tu template cuente con la funcionalidad de implementar el Slider por encima del menú o en el encabezado (header), debes revisar la documentación del mismo para saber si es o no posible. 

2.- En caso de que no sea posible lo anterior podrás insertar el shortcode (esto dependerá del plugin utilizado para crear el Slider, una opción es Smart Slider) en los archivos de la plantilla del template. Por ejemplo, una vez que yo he creado el Slider, el plugin de Smart Slider me crea el shortcode para insertarlo: 

[smartslider3 slider="2"]

Como mi tema no ofrece la opción que se requiere para insertarlo en el header, debo insertar el Slider mediante los hooks de personalización de mi tema, Storefront, en el archivo functions.php o mediante codesnippets:

add_action( 'init', 'child_theme_init' );
function child_theme_init() {
 add_action( 'storefront_before_header', 'fullwidth_slider', 5 );
}

function fullwidth_slider() { ?>
  <div id="slider">
    <?php echo do_shortcode("[smartslider3 slider=2]"); ?>
  </div>
<?php
}

Para insertar el slider en otras secciones de la página podemos usar los distintos books de personalización de Storefront -> storefront-hooks-actions-filters

Saludos 🙂

Hola Muchas gracias por tu respuesta mi tema  es storefront y me gustaria que el slide que de en donde esta la imagien de plantas aqui en mi pagina mira http://www.juntoati.com.mx/

me podrias orientar como mil gracias 

Hola Laura,

Para poder hacer eso puedes utilizar como lo comenta Bulmaro el complemento de Smart Slider → https://es.wordpress.org/plugins/smart-slider-3/ o cualquier otro que encuentres cómodo al momento de editar y si no buscas directamente que se ubique arriba del todo es aun mas facil simplemente cuando ya tengas el slider creado el te mostrará un shortcode algo similar a esto:

[smartslider3 slider="2"]

El cual al tu colocarlo en tu entrada donde lo ingreses, hará que se visualice el slider 😀 

Nos comentas como te va, saludos 🖐️ 

@bulmaro-webempresa

Hola Muchas gracias ya vi que tengo que poner el codigo, pero tengo una duda ya adelante un poco mi pagina y no cree mi Child theme hay algun problema? o creo mi child theme y como paso todas las modificaciones ya realizadas?

Gracias

@lz-arjonagmail-com

Hola Laura, 

No es necesario utilizar un Child theme, en este caso encuentro mas factible utilizar el plugin de Code Snippets, si deseas usar un Child theme puedes revisar el siguiente artículo donde explicamos cómo crearlo -> crear-temas-hijo-child-themes-en-wordpress, no es necesario realizar cambios, al menos de que hallas creado códigos personalizados como el que te he compartido, entonces sí valdría la pena moverlos de el archivo functions.php del tema padre al del tema hijo o si los insertaste en el archivo header.php (del tema padre) hay que copiar el archivo y su estructura de directorios en la carpeta del tema hijo. En resumen, el tema hijo debe contener los códigos personalizados o el código modificado de las plantillas (archivos de código) del tema padre. 

Saludos

@bulmaro-webempresa

Muchas gracias ya realice el tema hijo muchas gracias y ya quedo el slide pero siento que quedo un poco ancho hay forma de hacerlo un poco angosto mira asi quedo http://www.juntoati.com.mx/

gracias

@lz-arjonagmail-com

Hola Laura,

Utiliza el siguiente código:

add_action( 'storefront_content_top', 'dcms_custom_slider_storefront' );
function dcms_custom_slider_storefront() {
    if ( is_front_page() ) {
    	echo do_shortcode('[metaslider id="2"]');
      }
}  

Reemplazado el do_shortcode('[metaslider id="2"]'); por el generado en tu Wordpress por el MetaSlider.

Saludos