Como quitar columnas en páginas concretas de plantilla? nextn.net

Inicio Foros WordPress Themes y Diseño Como quitar columnas en páginas concretas de plantilla? nextn.net

Este debate contiene 17 respuestas, tiene 2 mensajes y lo actualizó  Alias79 hace 6 años, 8 meses.

  • Autor
    Publicaciones
  • #23745

    Alias79
    Participante

    <p>Buenas a todos!!! Me estoy iniciando en WordPress, y en el mundo de la creación de webs de forma mas seria (lo que he hecho hasta ahora, mas bien no llego a ningún puerto).</p>
    <p>En verano registré mi dominio nextn.net, y como ahora estoy en paro, he decidido ya ponerme serio a desarrollar mi web. Quisiera realizar una especie de miniportal de videojuegos Nintendo. He visto millones de plantillas, y finalmente me decidí por la Langit que está en la página. Me parece perfecta para la estética que quiero. Mas bien, casi perfecta, porque hay otras cosas que no me gustan y quiero arreglar.</p>
    <p>De momento, quisiera saber como leñes quitar los menús de la parte derecha en algunas páginas, para que el texto ocupe toda la página a lo ancho. He visto en foros, que lo mejor es crear una plantilla específica para cada página que quiero cambiar. Sería, de momento, para la página de noticias y foro. He creado la plantilla para estas páginas copiando la page.php y añadiendole al principio:<br />
    &lt;?php<br />
    /*<br />
    Template Name: foro<br />
    */<br />
    ?&gt;</p>
    <p>Luego he eliminado la sidebar borrando la parte dentro de la página que la nombra, y desaparece, pero la parte de la columna gris sigue ahí… y hasta aquí he llegado… Supongo que habrá que crear algo en la hoja de estilos y sustituir el código en las páginas que he creado… no se… Todo esto es nuevo para mi!!! Ayudaaarl!!!
    </p>

  • #59088

    LGrusin
    Miembro

    El problema es que la columna es una imagen de fondo. Tendrías que modificar la imagen de fondo para la página que quieras con aspecto diferente. Mira en la carpeta images para que veas lo que te digo.

    Un saludo

  • #59095

    Alias79
    Participante

    Muchas gracias tío, creo que ya se a que imagen te refieres, y no parece difícil de editar, pero entonces creo que se me presentarían varios problemas.

    – No se como hacer para que continúe escribiendo a partir de donde ahora está gris
    – Rompe la estética del cuadro que hay encima de la barra de búsqueda; esto ya lo he arreglado haciendo unos retoquillos con GIMP.
    – Pero lo mas importante, no se como relacionar estos nuevos archivos de imagen dentro de las nuevas páginas que he creado, para que solo se vean las imágenes cambiadas en estas.

    No hay nada peor que la ignorancia…

  • #59121

    Alias79
    Participante

    Algun alma caritativa me podría orientar acerca del tema 😉 , o al menos saber que tipo de documentación tengo que leer para aprender a hacer lo que quiero.

    Muchas gracias!!!

  • #59122

    LGrusin
    Miembro

    Vamos por pasos…

    Empieza retocando las imágenes, cuando lo tengas te vamos diciendo.

    De todas formas ten en cuenta que el ancho de ese theme no es muy grande. No sé si será suficiente para lo que quieres hacer.

    Un saludo

  • #59128

    Alias79
    Participante

    Ya he retocado todo! Ahora mismo tengo la web con las imágenes que quedarían para la página del foro.

    En la página del foro quiero quitar la sidebar y ampliar para que ocupe toda la parte que está ahora de blanco.

    La sidebar tiene un fondo gris, que supongo que eso si se define de alguna forma mediante código (no he visto ninguna imagen para editar).

    Muchas gracias de antemano!!!

  • #59130

    LGrusin
    Miembro

    Puesto que te veo valiente aquí tienes en 6 sencillos pasos 😉 lo que tienes que hacer para ampliar el Foro sin sidebar.

    1 – Tienes que editar las imágenes container.jpg y footer.jpg y quitarles la parte oscura, guardalas como containernew.jpg y footernew.jpg.

    2 – Añade lo siguiente al archivo style.css :

    #f_wrapper {
    margin-left:2px;
    padding-top:1px;
    width: 925px;
    background:url(images/containernew.jpg) repeat-y;
    clear:both;
    }

    #container-new {
    float:left;
    width: 840px;
    padding-left:18px;
    padding-right:13px;
    text-align:justify;
    }

    .entry-new{
    line-height: 18px;
    margin-top:6px;
    width:820px;
    margin-right:4px;
    }

    #footer-new{
    clear: both;
    float: left;
    width: 925px;
    height:88px;
    background:url(images/footernew.jpg) no-repeat;
    padding: 10px 0 0 0;font-size:11px;
    }

    Donde pone
    #footer p {
    line-height:13px;text-align:center;
    }

    modifica para que quede
    #footer p, #footer-new p {
    line-height:13px;text-align:center;
    }

    Donde pone
    #footer a:hover{
    color:#2277dd;
    }

    modifica para que quede
    #footer a:hover, #footer-new a:hover{
    color:#2277dd;
    }

    3 – Crea una plantilla para la página Foro. Para ello copia page.php y llamala foro.php
    Al principio de foro.php pon lo siguiente:

    A – Elimina <?php get_sidebar(); ?>
    B – Modifica <div id=”container”> por <div id=”container-new”>
    C – Modifica <div class=”entry”> por <div class=”entry-new”>

    4 – Al final del header.php sustituye

    <div id=”c_wrapper” class=”clearfix”>

    por

    5 – Al principio del footer.php sustituye

    <div id=”footer”>

    por

    NOTA: foro es el nombre que le hayas puesto a la página del Foro, si tiene otro nombre cambialo por el que corresponde.

    6 – Edita la página del foro y selecciona en el desplegable la plantilla Foro.

    That’s all folks!

    Esta plantilla Foro la puedes usar para cualquier página que quieras a pantalla completa sin sidebar, aunque teniendo en cuenta las modificaciones al final del header y al principio del footer.

    Ahora me dirás que has decidido cambiar de theme porque es muy complicado hacer esto… 🙁

    Un saludo

  • #59154

    Alias79
    Participante

    Muchas gracias!!! No hombre, no soy de los que se rinden tan fácilmente, y menos después de habértelo currado tanto!!! Todo esto es nuevo para mi, pero es hasta emocionante, jeje. A parte, he mirado cientos de plantillas, y no me acaba de cuajar otra, y eso que esta es muy muy limitada comparada con muchas que he visto (me quedé alucinado con suffusion y todo lo que te deja hacer).

    Me voy a poner ahora mismo. Solo una cosa, la cabecera también cambia en la página de foro. La imagen donde está el logo a la izquierda y el perro a la derecha (Jake, de hora de aventuras, jeje), he retocado la parte derecha para crear una imagen independiente para que no se viera cortada a la hora de quitar todo lo de abajo, la imagen es block_me. La he metido en el directorio del tema como block_menew, y ahora intentará comprender como funciona para ver si lo puedo meter dentro del css.

    Ale, manos a la obra!

  • #59165

    LGrusin
    Miembro

    Suponía que usarías la cabecera modificada con el borde redondeado por debajo, como lo tenías antes. No queda tan mal así.

    Te quedan cosas por hacer. Recuerda que debes tener las imágenes originales container.jpg y footer.jpg y las modificadas containernew.jpg y footernew.jpg

    Por cierto, si usas un plugin de caché desactivalo hasta que termines de hacer pruebas. No te va a dejar ver bien los cambios, por otro lado, en un blog tan nuevo ni lo necesitas.

    Un saludo

  • #59167

    Alias79
    Participante

    No tenía un plugin de cache activado… Tenía 2!!! WP Super Cache y W3 cache nosecuantos… jeje, ya los he desactivado.

    En el directorio de imágenes, tengo las imagenes originales sin renombrar (footer.jpg, container.jpg, y también block_me.jpg), y las nuevas (footernew.jpg, containernew.jpg, y block_menew.jpg), me las he bajado del servidor, para ver si me había liado con los nombres, pero está todo correcto.

    He repasado todos los archivos, para ver si me había dejado alguno antiguo, y he repasado todo el texto que me has dado a modificar. El texto que tenía que añadir en style.css, lo he pegado al final del documento, ¿es correcto así o tenía que ponerlo en algún sitio concreto?

    He borrado el historial del los 4 navegadores que me he instalado, por si acaso, porque se ve diferente depende de cual (antes se veía igual en todos, y llegó un momento que se veía bien en uno, jejeje). Será cosa de la caché de internet? Lo mismo en un rato se arregla, no? Ahora en IE se me ve todas las páginas sin el container ni el footer, y en el resto se ve la página principal bien, pero la de foro un poco rara (se ve el footer completo y parte del container antiguo).

    Jeje, ya casi estoy mas cerca! Voy a ir copiando la pagina de foro.php para hacer la de noticias igual, y a ver si averiguo como hacer lo del block_me, porque queda bien el redondeado, pero en la principal queda mucho mejor el original.

  • #59169

    LGrusin
    Miembro

    Creo que los puntos 4 y 5 no los has hecho bien. Recuerda que la palabra foro tienes que cambiarla por el nombre que le has puesto a la página, en tu caso creo que es forum.

    Al final del style.css está bien, aunque se podía haber optimizado pero eso es otra cuestión.

    Deja lo del block_me para el final igual se me ocurre algo fácil.

    EDITO, veo que has cambiado el nombre de la página. No hacía falta, mejor dejalo como estaba con forum porque el foro puede funcionar mal.

    Un saludo

  • #59170

    Alias79
    Participante

    Ah! Vale, creía que era mas fácil cambiar el nombre! Ahora lo arreglo.

    EDIT: Ok, ya lo he cambiado. He modificado header y footer para cambiar lo de foro por forum. Les he agregado lo siguiente para que se vean igual que el foro, no se si se hace así o simplemente se ponía con una coma (¿¿tal vez <?php if (is_page(‘noticias’), (forum) ???). Lo que he añadido es esto:

    <?php if (is_page(‘noticias’)) { ?>

    <div id=”footer-new”>

    <?php } else { ?>

    <div id=”footer”>

    <?php } ?>

    Es curioso que en IE se ve de una forma, casi perfecto, jeje, y en el opera de otra, también casi perfecto. Si junto el resultado de los 2 ya estaría guay, jaja.

  • #59171

    LGrusin
    Miembro

    A ver, esto inicialmente sólo era para el foro. Si quieres añadir otra página la cosa se complica.

    En los puntos 4 y 5 cambia donde pone:

    por

    Después entras en la página noticias y eliges la plantilla foro. Esta no es la forma correcta de hacerlo. Si vas a añadir más páginas a pantalla completa y sin sidebar habrá que ir pensando en otra cosa.

    Un saludo

  • #59172

    Alias79
    Participante

    Ok, entiendo!

    Uy, jejeje, me vas a matar, creo que ya se porque se veía raro… Había guardado una copia del style.css, con el nombre styleoriginal.css, y por eso creo que se veía mal. Al meterme en el editor de WordPress he visto que estaban las 2 activas! Ahora ya creo que está perfecto!!!

    Desde luego, eres un fiera!!

  • #59183

    LGrusin
    Miembro

    Bueno, vamos a hacer las cosas bien.
    1 – Dejamos los archivos header.php y footer.php como estaban de origen. Es decir,
    Sustituye en el header.php
    <?php if (is_page('foro')) { ?>
    <div id="f_wrapper" class="clearfix">
    <?php } else { ?>
    <div id="c_wrapper" class="clearfix">
    <?php } ?>

    por
    <div id=”c_wrapper” class=”clearfix”>
    Sustituye en el footer.php
    <?php if (is_page('foro')) { ?>
    <div id="footer-new">
    <?php } else { ?>
    <div id="footer">
    <?php } ?>

    por
    <div id=”footer”>
    2 – Copia header.php y guardalo como header-foro.php
    3 – Copia footer.php y guardalo como footer-foro.php
    4 – Sustituye en header-foro.php
    <div id=”c_wrapper” class=”clearfix”>
    por
    <div id=”f_wrapper” class=”clearfix”>
    5 – Sustituye en footer-foro.php
    <div id=”footer”>
    por
    <div id=”footer-new”>
    6 – En el archivo foro.php sustituye
    <?php get_header(); ?>
    por
    <?php get_header(‘foro’); ?>
    y también
    <?php get_footer(); ?>
    por
    <?php get_footer(‘foro’); ?>
    Con esto obtemos exactamente el mismo resultado.
    Ahora para la cabecera:
    1 – Copia block_me.jpg y guardala como block_menew.jpg y modificala a tu gusto.
    2 – En el archivo style.css añade al final:
    #blocknew {
    background:url(images/block_menew.jpg) no-repeat;
    height:194px;width:928px;
    margin:0;
    padding:0;
    clear:both;
    }
    3 – En el archivo header-foro.php sustituye
    <div id=”block”>
    por
    <div id=”blocknew”>
    …y con esto y un bizcocho…
    Ahora ya puedes usar la plantilla Foro como plantilla para pantalla completa, sin sidebar y nueva cabecera. Incluso puedes cambiarle el nombre de Foro por cualquier otro.
    Alguien preguntó en otro hilo como hacer que algunas páginas fueran diferentes, esta es una forma de hacerlo.

    Un saludo

  • #59189

    Alias79
    Participante

    Me da error en foro.php linea 7, en esa línea tengo ahora:

    <?php get_header(‘foro’); >?

    Lo estoy repasando todo, a ver si la he liado en algo.

    EDIT: Me lo he revisado 3 veces, pero ¡no veo na!

  • #59199

    LGrusin
    Miembro

    Ufff, las prisas ya he corregido el error. Lo tienes en negrita.

    Un saludo

  • #59202

    Alias79
    Participante

    Muchísimas gracias tío, ya está todo perfecto!!!

    Aún me queda mucho por hacer, pero esos cambios eran la base para animarme ha comenzar con la página en serio.

    Muchas gracias de verdad!

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest