Crear un foro en Wordpress y quitar el sidebar

En este tip explicaré cómo poner un foro hecho en Wordpress a todo lo ancho de la página, y omitir el Sidebar. Todo eso es muy sencillo, después de analizar el código de las páginas de Wordpress. Pero es necesario haber utilizado Wordpress alguna vez para saber de qué se habla en el tip.

Para empezar, tenemos que descargar el plugin de foro para Wordpres, "WP-FORUM", desde aquí.
Cuando lo tengamos descargado, lo descomprimimos y lo subimos a la carpeta "plugins" de nuestro wordpress.

Ahora debemos ir a nuestro tablero y activar el plugin.

Ya tenemos el plugin listo, pero ahora solo se vería en un tamaño reducido, por la barra lateral (Sidebar). Por tanto, quitaremos el sidebar solo para esta página.

Para esto, tendremos que modificar el estilo de nuestro theme y crear una template de página:

Primero, hacemos una copia del archivo "page.php" y lo renombramos a "foro.php". Abrimos ese archivo y borramos la línea <?php get_sidebar(); ?>, que es la que se encarga de mostrar el sidebar.

Código :

<?php get_header(); ?>
<div id="content-body"> //Fijense Bien en esta linea
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<?php edit_post_link(__('Edit this page','lightword'), '', ''); ?>
<?php the_content(''); ?>
<?php wp_link_pages('before=<div class="nav_link">&after=</div>&next_or_number=number&pagelink=<span class="page_number">%</span>'); ?>
</div>
<?php if ( comments_open() && $lw_disable_comments == "false" ) : comments_template(); endif; ?>
<?php endwhile; else: ?>

<h2><?php _e('Not Found','lightword'); ?></h2>
<p><?php _e("Sorry, but you are looking for something that isn't here.","lightword"); ?></p>

<?php endif; ?>
</div>
<?php get_sidebar(); ?> //Para quitar el contenido del SIdebar eliminaremos ESTA linea
<?php get_footer(); ?>

Ahora solo nos falta hacer mas ancha la página de nuestro foro, para que abarque todo lo ancho del theme.
En el archivo deberían tener una línea parecida a "<div id="content-body">" OJO:Así es en mi theme. Si a ustedes no les sale los mismo exactamente, solo busquen el primer div que vaya después de "<?php get_header(); ?>"

En el template por defecto de WP, es <div id="content">.

Bien a ese div le cambiaremos el nombre (agregando "-foro" al final, por ejemplo) .

Código :

//en mi caso
<div id="content-body">
//lo renombramos a
<div id="content-body-foro">
//
//
//
//
//si es el theme por default o cualquier otro
<div id="content">
// lo renombramos a
<div id="content-foro">

Ya tenemos el DIV con nombre. Ahora modificaremos el archivo Style.css, y buscaremos el DIV del content. En mi theme se ve así:

Código :

#content-body{background-color:#FFF;float:left;width:547px;min-height:300px;height:auto!important;overflow:hidden;}

Copiamos esa misma línea justo debajo, y le ponemos el nombre que le pusimos al DIV en el forum.php, y ponemos más ancho con la opción "width":

Código :

#content-body{background-color:#FFF;float:left;width:547px;min-height:300px;height:auto!important;overflow:hidden;}

//COMO pueden ver ya tiene el otro nombre #content-body-foro y tambien modificamos el width:760px

#content-body-foro{background-color:#FFF;float:left;width:760px;min-height:300px;height:auto!important;overflow:hidden;}

En el theme default de WP debemos agregar esto "Width:100%"

Y el archivo Style.css debe quedar así:

Código :

#content {
font-size: 1.2em;
}

//Solo agregamos WIDTH

#content-foro {
font-size: 1.2em;Width:100%px;
}

Ya podemos subir a nuestro servidor estos archivos (style.css y foro.php).

Ahora vamos al tablero de nuestro wordpress y creamos una nueva página. En el título ponemos FORO
y en el contenido pondremos <!--WPFORUM-->.


Después escogemos nuestra nueva plantilla para la página. Escogemos la que acabamos de crear que es "foro". En mi caso, no se confundan, le puse forum.

Y listo. Tenemos un foro a lo ancho de nuestro theme. Pueden ver como queda en mi foro ancho

Saludos, Mago.ozkuro.

También te interesa

• Crear una plantilla Wordpress 2: El loop
• Cómo crear una plantilla de Wordpress
• Agregar thumbnails al diseño del theme en Wordpress

php hack css wordpress

Deja un comentario

IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.

Nombre

Comentario