En este tutorial vamos a ver como insertar una widget área por encima del encabezado para poder colocar un mensaje fijo en el tema Infinity Pro de Genesis. Vamos a tener que registrar la widget área y después ubicarla en el tema. Para ello insertaremos el siguiente código en el archivo functions.php de nuestro tema […]
Infinity pro
Habilitar los widgets del pié de página en la home de Infinity Pro
Por defecto los footer widgets o widgets del pié de página están deshabilitados en la home del tema Infinity Pro Para hacerlos visibles tendréis que modificar el archvo front-page.php de la plantilla. Para localizarlo ir a wp-content/themes/infinity-pro/front-page.php Localizar la fila donde hay este código:
|
1 |
remove_theme_support( 'genesis-footer-widgets' ); |
Una vez localizada podéis comentarla o eliminarla. Guardar los cambios […]
¿Cómo reducir los espacios en blanco de la home de Infinty Pro?
Acaban de preguntarme como reducir los espacios en blanco que se ven en la home en el tema Infinity Pro de Gensis. Si inspeccionamos estas zonas con el inspector de nuestro navegador veremos que las Front Page widget áreas tiene unos paddings que son los responsables de estos espacios:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
.front-page-2 { padding-bottom: 180px; padding-top: 170px; } .front-page-3 { padding-bottom: 180px; padding-top: 170px; } .front-page-4 { padding-bottom: 180px; padding-top: 170px; } .front-page-5 { padding-bottom: 180px; padding-top: 170px; } .front-page-6 { padding-bottom: 180px; padding-top: 170px; } .front-page-7 { padding-bottom: 180px; padding-top: 170px; } |
Para cambiar estos paddings tendremos […]
Adaptar Infinity Pro de Genesis para un restaurante
Hoy os dejo un video de como configurar el tema Infinity Pro de Genesis, pero esta vez no va a ser comolademo! Va a ser una adaptación para una web de un restaurante. Para ello vamos a hacer tres cambios: Poner un video de fondo en la primera sección de la home. Incluir un […]
¿Cómo añadir una caja de búsqueda en el menú de Genesis?
Vamos a ver los pasos para incluir el buscador en el menú de un tema Genesis y luego concretamente en Infinity Pro Para poner la caja de búsqueda en el menú podemos utilizar este código de Sridhar Katakam que deberéis colocar en el archivo functions.php de vuestra plantilla:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<?php //* Do NOT include the opening php tag add_filter( 'wp_nav_menu_items', 'theme_menu_extras', 10, 2 ); /** * Filter menu items, appending a search form. * * @param string $menu HTML string of list items. * @param stdClass $args Menu arguments. * * @return string Amended HTML string of list items. */ function theme_menu_extras( $menu, $args ) { //* Change 'primary' to 'secondary' to add search form to the secondary navigation menu if ( 'primary' !== $args->theme_location ) return $menu; $menu .= '<li class="right search">' . get_search_form( false ) . '</li>'; return $menu; } |
Una vez aparezca la caja […]
Video background en Infinity Pro
En esta entrada vamos a ver como colocar un video de fondo en el área Front Page 1 en la home del tema Infinity Pro. Lo primero que haremos es obtener las versiones mp4 y webm de nuestro video. El ratio recomentdado es de 1920 x 1080. También crearemos una imagen del video para mostrarla […]