El Diseño del fondo de la sección del contenido no cubre todo el ancho y alto de la página  

 
Guillermo
 Guillermo
Estimable Member

Hola, buenos días,

Como os he contado en otro hilo, estoy realizando modificaciones en mi sitio Web, uno de los cambios es que en lugar de utilizar una sección de contenido central y amplia y el sidebar right, quiero dejarlo como una sóla sección, es decir, tipo landpage. Esto me lo permite el genesis de forma muy fácil, pero me encuentro que quiero que mi contenido se visualice a todo el ancho y alto de la página, pero no me deja, es decir, no he podido. Para que lo veáis mejor, os adjunto una imagen.

Agradezco me digáis cómo solucionarlo.

Un saludo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/03/2018 12:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

Tienes la web en mantenimiento y no podemos realizar las pruebas que necesitamos, por favor abre la web para que podamos revisar lo que nos indicas

Adicionalmente, comentarte que dependerá de la configuración de tu plantilla y puede ser complicado realizar lo que nos comentas sin modificar su estructura.

Un saludo

ResponderCitar
Respondido : 03/03/2018 12:36 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Guillermo
 Guillermo
Estimable Member

Hola Pepe,

Perdona, ya se encuentra activa. Si hay que modificar la estructura, crees que yo podría hacerlo con vuestras instrucciones?. Creo que ya he modificado la estructura en otras ocasiones, lo digo porque lo he tenido que hacer desde el editor, es decir, del código fuente. Pero, si se puede hacer de otra manera más fácil, te agradeceré tus instrucciones al respecto.

Un Saludo.

ResponderCitar
Respondido : 03/03/2018 1:11 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

Revisa este enlace -> https://www.billerickson.net/full-width-landing-pages-in-genesis/

Recuerda realizar copias de los archivos antes de modificar los archivos..

Un saludo

ResponderCitar
Respondido : 03/03/2018 2:47 pm

Cursos Gratuitos WordPress

Guillermo
 Guillermo
Estimable Member

Hola Pepe,

Muchas gracias por el enlace, pero aunque he leído varias veces el artículo, no logro aclararme, es decir, qué se supone que debo de cambiar?, lo que yo he entendido es lo siguiente:

Debo ir al editor del tema Genesis, localizar el apartado correspondiente al "Archivo de Plantilla" y copiar el código modificado que nos enseña Bill Erickson?. He estado mirando en el edito de mi tema Genesis, pero en mi caso, tengo cuatro tipos de plantillas, estas son: Plantilla de la Página Principal, Página Simple, Archive Plantilla de Página y, Blog Plantilla de Página. En cuál de todas ellas debo modificar el código?.

También entiendo, que sólo se debe eliminar el .site-inner si ya he definido la 'structural-wraps', pero si no lo tengo, mi tema hijo lo añadirá a todo, excepto a .site-inner y que luego ya podré ajustar el estilo .site-inner a mi hoja de estilos. Por lo tanto, entiendo que no pasa nada, si en todo caso añado las líneas de código que eliminan el 'site-inner' del structural-wraps.

Por último, indica que también se debe actualizar los estilos si quiero un ancho del 100% en mi plantilla de página, pero también dice, que si estoy usando en la página de inicio el ancho completo, el ancho del .site-inner se marca como "Ninguno".

Considerando todo lo que he entendido que debe hacerse, me puedes decir si estoy en lo cierto?. Si estoy equivocado totalmente o en algo, te agradezco que me corrijas y poder ver la posibilidad de yo proceder a modificar este código en mi tema.

Un Saludo.

ResponderCitar
Respondido : 03/03/2018 4:29 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Guillermo,

Una consulta antes de profundizar ene l problema, ya que con Génesis da para mucho.

Antes de avanzar en tu consulta, y leyendo lo que nos plateas, te hago la siguiente pregunta:

Desconocemos los conocimientos que tienes de WordPress y en particular de Génesis, pero cabe añadir que Génesis es para usuarios con conocimientos medios/altos porque la curva de integración y adaptación a este frameworks es bastante laboriosa en comparación con temas tradicionales para WordPress.

Génesis es algo más que un Tema para WordPress, pues necesita de un framework (Génesis) para funcionar y además algunos plugins específicos para Génesis, eso afecta a la distribución de contenidos y a como se configura y personaliza un tema de StudioPress como es Genesis o cualquier de los que trabaje con el framework citado.

Lo que con Génesis obliga a modificar código y trastear un poco y tener algo de conocimiento de PHP con builders "gratuitos" como por ejemplo Elementor lo haces en uno o dos minutos y sin conocimientos de programación o personalización de archivos.

No pretendo que te desprendas de Genesis, pero entiende que has ido a escoger un tema con un framework muy particular y no apto para todos los públicos.

Saludos

ResponderCitar
Respondido : 04/03/2018 12:16 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Buenos días Luis,

Muchas gracias por tu apreciación. La verdad no soy experto, ni mucho menos, en Wordpress y Genesis, pero sí te puedo decir que yo personalmente he trasteado bastante con ambos. Tengo también un ecommerce bajo Genesis y con tema hijo Epik, por lo que he tenido que tocar mucho código y, te puedo asegurar que gracias a que soy autodidacta y a vuestra valiosa ayuda, he podido hacer con el diseño de esta tienda lo que he querido.

No tengo conocimientos de PHP, sin embargo, la opción que me ha sugerido Pepe mediante un enlace de Bill Erickson, creo que puede ayudar bastante, pero para ello debo estar seguro de cómo hacerlo. Es por ello, que en mi anterior mensaje describo lo que yo entiendo de cómo modificar el código del archivo de plantilla, para que vosotros, si podéis, me digáis si es correcta mi apreciación o estoy equivocado en alguna parte de mi entendimiento. Sólo pido eso o, si conocéis otra forma de hacerlo, pero sin tener que cambiar de tema, tal como me sugieres tu. Creo que el tema Genesis es de los mejores que hay en el mercado, no sólo por su eficiencia, sino también, por las facilidades que da al usuario, no siendo así cuando de tocar código se trata, pero con ayuda creo que se puede hacer, no crees tu?.

Luis, muchas gracias a ti y al resto del equipo por vuestro interés, pero si pensáis que esto no se puede solucionar por mi falta de conocimiento y el alto riesgo de hacer un daño peor, os agradezco me lo digáis para dejarlo como está.

Quedo a la espera de vuestras instrucciones. De nuevo, muchas gracias.

Un Saludo.

ResponderCitar
Respondido : 04/03/2018 9:14 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

Tienes que crear un archivo con el nombre " template-full.php " y le añades el siguiente código:

<?php
// Template Name: Full Width Page

add_filter( 'genesis_attr_site-inner', 'be_site_inner_attr' );
/**
 * Add the attributes from 'entry', since this replaces the main entry.
 * @param array $attributes Existing attributes.
 * @return array Amended attributes.
 */
function be_site_inner_attr( $attributes ) {

    // Add a class of 'full' for styling this .site-inner differently
    $attributes['class'] .= ' full';

    // Add an id of 'genesis-content' for accessible skip links
    $attributes['id'] = 'genesis-content';

    // Add the attributes from .entry, since this replaces the main entry
    $attributes = wp_parse_args( $attributes, genesis_attributes_entry( array() ) );

    return $attributes;
}

// Display Header.
get_header();

// Display Content.
the_post(); // sets the 'in the loop' property to true. Needed for Beaver Builder but not Elementor.
the_content();

// Display Comments (if any are already present and if comments are enabled in Genesis settings - disabled by default for Pages).
genesis_get_comments_template();

// Display Footer.
get_footer();

El archivo que creaste lo añades en la carpeta del tema hijo

.- Una vez con eso en las pagina que quieras aplicar el ancho completo, en la opción de atributos de la pagina selecciona en la opción template " Full Width page "

Revisa lo siguiente donde explican los pasos:
-> https://sridharkatakam.com/full-width-page-template-genesis-beaver-builder-elementor/

Un saludo

ResponderCitar
Respondido : 04/03/2018 10:00 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Buenos días Pepe,

Muchas gracias por tu interés. Acabo de ver el sitio que me sugieres y me parece muy bien. Sólo tengo tres dudas, la primera es si luego de crear dicho archivo y montarlo en la plantilla, es posible tirar atrás dicha operación (Porque no me guste el diseño final o, por lo que sea); segundo, el autor habla de que si quiero hacer lo mismo para el home, debo hacer algo más, pero ahora mismo en realidad, mi home tiene el ancho completo, el problema lo tengo es en las demás secciones. Supongo, que no es necesario hacer ese otro procedimiento y; la tercera, es que se indica de agregar o modificar un código de style css al tema secundario, esto también lo tengo que hacer aunque no cree el archivo para la página de inicio, es decir, del home?.

No más me aclares estas dudas, pasaré a realizar todo este procedimiento y ver si hay suerte. ah!, por cierto, recuerda decirme por favor, en cuál de las 4 plantillas que tiene mi tema, es en la que debo copiar el archivo?, supongo que es en la plantilla de la página principal, pero prefiero asegurarme. Gracias.

Un Saludo.

ResponderCitar
Respondido : 04/03/2018 11:41 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

es posible tirar atrás dicha operación (Porque no me guste el diseño final o, por lo que sea);
Si, claro todo es reversible, solo tendrias que eliminar ese archivo o renombrarlo.

Supongo, que no es necesario hacer ese otro procedimiento
No hace falta , solo lo aplicas en la página que quieres que se muestre.

indica de agregar o modificar un código de style css al tema secundario
primero realiza los pasos que te indican y si todo funciona bien, veremos lo del CSS pero antes crea el archivo y revisa si funciona bien, ya que no lo probe y no puede decirte el resultado. Una vez realizados los pasos que te indican veremos si hace falta añadir algo de estilos.

Un saludo

ResponderCitar
Respondido : 04/03/2018 11:57 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Guillermo
 Guillermo
Estimable Member

Buenas tardes Pepe,

He probado a realizar el procedimiento que me has indicado, pero después de guardar el fichero (En el tema hijo) y actualizar la página, no pasa absolutamente nada, todo sigue igual. Es posible que tenga que hacer algo más?.

Quedo a la espera de tus instrucciones. Gracias.

Un Saludo.

ResponderCitar
Respondido : 04/03/2018 4:29 pm
Guillermo
 Guillermo
Estimable Member

Hola Pepe,

Perdona, te escribo de nuevo porque ahora sí que funciona, lo que pasaba es que yo, para comprobar los cambios, suelo picar en "Vista Previa de los Cambios", pero de esa manera no me mostraba ningún cambio, sin embargo, le he dado a actualizar directamente y, ahora sí, ya me sale todo el ancho de la página. Muchas gracias Pepe, ya sabes lo que pienso de ti: "Eres un crack". También recuerda que he dicho que les iba a marear en este proceso de modificación de mi sitio Web, lo reitero, pero espero que no sea mucho más. jajaja.

Mil gracias de nuevo.

Un Saludo.

ResponderCitar
Respondido : 04/03/2018 5:12 pm

Cursos Gratuitos WordPress