Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Crear un foro en Wordpress y quitar el sidebar
#1
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.

Cita:<?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) .

Cita://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í:

Cita:#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":

Cita:#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í:

Cita:#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-->.

[Imagen: foro-ancho01.png]

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.

[Imagen: foro-ancho02.png]

Y listo. Tenemos un foro a lo ancho de nuestro theme.
#2
Vendria bien unas capturas o alguna pagina demo
WWW
#3
lo unico que hace es quitar el sidebar y hacer mas ancho una pagina

mira te pongo el ejemplo de mi web de una pagina asi quedaria

http://www.gx-reloaded.com/afiliaciones/

[Imagen: cFxq.jpeg]

Ahi puse mas o menos explicado
WWW
#4
pero eso es un blog aun, no un foro como dice el compañero Guiño
WWW
#5
puse un ejemplo de como quedaria, solo imagina cambia el contenido por el de un foro y ya xD
WWW
#6
Muy buen aporte, pero en lo personal, creo que un foro en un blog como que no es buena idea.

Muevo a WoedPress
WWW
#7
Julio H. escribió:creo que un foro en un blog como que no es buena idea.
Y porque no?

Se puede hacer perfectamente (y lo he visto) un blog donde se coloquen las noticias, sin embargo en el foro se genere automáticamente un post con el del blog donde se pueda debatir todo y así tener el blog limpio de comentarios y más ligero para quien solo quiera leer la noticia y el foro para quienes quieran comentarla o debatirla.
WWW
#8
(09-12-2011, 09:11 PM)Arrakis escribió:
Julio H. escribió:creo que un foro en un blog como que no es buena idea.
Y porque no?

Se puede hacer perfectamente (y lo he visto) un blog donde se coloquen las noticias, sin embargo en el foro se genere automáticamente un post con el del blog donde se pueda debatir todo y así tener el blog limpio de comentarios y más ligero para quien solo quiera leer la noticia y el foro para quienes quieran comentarla o debatirla.

No se, es que a mi no me gusta la idea.

Pero para gustos los colores.

Yo veo como que el foro le quitaría actividad al blog, nose, es mi forma de verlo
WWW
#9
Julio H. escribió:Yo veo como que el foro le quitaría actividad al blog, nose, es mi forma de verlo
De eso se trata. De tener el blog limpio y solo para noticias.
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Corazón Themes wordpress gratuitos! Axelazo! 7 150 18-07-2018, 08:32 PM
Último mensaje: alieninc
  copia de seguridad wordpress jalejandroolarte11 11 262 28-06-2018, 04:27 AM
Último mensaje: jalejandroolarte11
Ladrillo Pixel Caffeine para Wordpress WMasterT 1 113 11-06-2018, 05:15 PM
Último mensaje: brettavz
  [Aporte]Como crear un foro en wordpress Murcia1021 9 207 10-06-2018, 10:20 AM
Último mensaje: SoloPosts
  Personalizar Login de WordPress jcifuentes 5 140 07-06-2018, 02:46 PM
Último mensaje: alieninc
  Insertar contenido de Dropbox en WordPress jcifuentes 6 131 05-06-2018, 03:13 PM
Último mensaje: Iro
  Importando contenido directamente en wordpress jcifuentes 1 58 05-06-2018, 05:24 AM
Último mensaje: Jesam
  Convertir temas WordPress a español jcifuentes 5 111 05-06-2018, 05:22 AM
Último mensaje: Jesam
  Mostrar PDF's alojados en Box en WordPress jcifuentes 1 57 05-06-2018, 05:07 AM
Último mensaje: Jesam
  Seguridad Básica en WordPress jcifuentes 1 57 05-06-2018, 05:06 AM
Último mensaje: Jesam



Usuarios navegando en este tema: 1 invitado(s)