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
  WordPress: Artículos vs Páginas Carlos Mendoza 7 133 22-05-2017, 08:23 PM
Último mensaje: brettavz
Bug Error og:image en wordpress yuma2009 8 420 03-05-2017, 05:04 AM
Último mensaje: ReyNexo23
  Solucionado: WordPress 4.7.2 versión de seguridad Vicen 15 343 17-04-2017, 09:49 PM
Último mensaje: brettavz
  Wordpress problema [While Screen] yuma2009 4 165 03-02-2017, 04:04 AM
Último mensaje: yuma2009
  multiples errores en web con wordpress elcarnes 11 368 05-01-2017, 09:41 AM
Último mensaje: Vicen
  LMS para Wordpress xvvrsoftware 15 537 23-12-2016, 07:07 AM
Último mensaje: Lerans
Exclamación [HACK] Wordpress Bloodman and 1x33x7 yuma2009 4 174 22-12-2016, 12:16 AM
Último mensaje: jcifuentes
Arcoiris Resolver error en wordpress magoazul 6 267 01-12-2016, 07:49 AM
Último mensaje: Duandri23
Arcoiris Olvidaste clave y correo en wordpress magoazul 13 402 17-11-2016, 05:53 PM
Último mensaje: angelismo
  Curso Wordpress para Iniciados Parte 01: Instalación en Localhost Carlos Mendoza 10 376 16-10-2016, 06:28 PM
Último mensaje: Mtraker



Usuarios navegando en este tema: 1 invitado(s)