Mostrar la actividad de BuddyPress en nuestra plantilla personalizada

Ahora que ya sabemos un poco más cómo es la estructura de nuestra plantilla, estamos en disposición de continuar. Lo siguiente será mostrar la información que nos brinda BuddyPress en la plantilla que estamos utilizando, pero sin romper la estética del blog.

En la entrada en la que adaptamos nuestra plantilla con el pluging BuddyPress Temaplate Pack, creamos un menú que mostraba:

• La actividad realiaza por los miembros de la red de blogs
• El listado completo de miembros
• Los grupos de usuarios disponibles
• Foros
• Blogs creados

Pero si pinchamos en alguna de esas opciones, la imagen del blog varía un poco. Para homogenizarla con el resto de páginas del blog, realizaremos un pequeño cambio en nuestra plantilla. Actualmente se ve de esta forma.

Pero queremos que se muestre a tres columnas en las que la actividad se muestre en la zona central y los laterales no varíen respecto al resto.

Necesitamos el fichero abrir el fichero index.php de nuesta plantilla con un editor de texto. También abriremos el fichero index.php que está dentro de la carpeta activity de la plantilla. Esta carpeta la creó el plugin BuddyPress Template Pack para mostrar la actividad de los usuairos. También creo las siguientes carpetaas para mostrar información de BuddyPress:

• Activity x
• Blogs x
• CP
• Forums
• Groups x
• Members x
• Registration x

Cada una de estas carpetas tiene dentro un fichero index.php que necesitaremos modificar. Vamos a hacer los cambios en el de la carpeta activity. El proceso es similar en el resto y deberemos realizarlo en todas las que están marcadas con X.

De esta modo, abriremos con un editor de texto el fichero index.php de la carpeta activity, y tendremos en una ventana / pestaña el index.php general y en otra el de activiy.

En el fichero index.php de plantilla (a partir de ahora, IG: index general) todo el contenido que hay bajo la cabecera está dentro de un div con el atributo id=page. Toda la actividad del fichero index.php de actividad (a partir de ahora IA) se de mostrar dentro de ese div. Lo que haremos será borrar las líneas en las que se declaran los dos primeros div en IA y sustituirlas por el div page de IG.

Al haber eliminado uno de los div, tenemos que eliminar también su etiqueta de cierre. Vamos hasta la parte inferior del IA y eleminamos la línea donde pone </div><!– #content –>.

Ahora tenemos que añadir las barras laterales. Para ello copiamos las siguientes líneas de IG (5-41) y las pegamos al continuación del div page de la IA.:

<?php

if (isset($theme_options["show_featured"]) && isset($theme_options["featured_id"]) && $theme_options["featured_id"]!="") {

}

?>

<?php

if (!isset($theme_options["layout_style"]) || $theme_options["layout_style"] == "scs") {

include (TEMPLATEPATH . '/lsidebar.php');

}

?>

<div id="content">

<?php include (TEMPLATEPATH . '/topads.php'); ?>

<?php if(is_home() && !is_paged() && isset($theme_options["show_featured"]) && isset($theme_options["featured_id"]) && $theme_options["featured_id"]!="") { include (TEMPLATEPATH . '/featuredpost.php'); } ?>

<?php

$temp = $wp_query;

$wp_query= null;

if(is_home() && !is_paged() && isset($theme_options["show_featured"]) && isset($theme_options["featured_id"]) && $theme_options["featured_id"]!="") {

add_filter( 'posts_where', 'exclude_posts' );

function exclude_posts( $where ) {

global $wpdb;

$theme_options = get_option('SimpleBalance');

$whereExt =  " AND $wpdb->posts.ID != ".$theme_options["featured_id"];

return $where . $whereExt;

}

}

$wp_query = new WP_Query();

$wp_query->query('&paged='.$paged);

?>

<?php		if (isset($theme_options["show_featured"]) && isset($theme_options["featured_id"]) && $theme_options["featured_id"]!="") {		}		?>

<?php		if (!isset($theme_options["layout_style"]) || $theme_options["layout_style"] == "scs") {			include (TEMPLATEPATH . '/lsidebar.php');		}		?>

<div id="content">

<?php include (TEMPLATEPATH . '/topads.php'); ?>

<?php if(is_home() && !is_paged() && isset($theme_options["show_featured"]) && isset($theme_options["featured_id"]) && $theme_options["featured_id"]!="") { include (TEMPLATEPATH . '/featuredpost.php'); } ?>					<?php		$temp = $wp_query;		$wp_query= null;

if(is_home() && !is_paged() && isset($theme_options["show_featured"]) && isset($theme_options["featured_id"]) && $theme_options["featured_id"]!="") {			add_filter( 'posts_where', 'exclude_posts' );			function exclude_posts( $where ) {				global $wpdb;				$theme_options = get_option('SimpleBalance');

$whereExt =  " AND $wpdb->posts.ID != ".$theme_options["featured_id"];

return $where . $whereExt;			}		}

$wp_query = new WP_Query();		$wp_query->query('&paged='.$paged);

?>

Volvemos a IG, y vamos hasta el final. Copiamos las líneas que muestran la barra lateral derecha, y las pegamos  en IA, justo después del cierre del último div.

<?php

		if (isset($theme_options["layout_style"]) && $theme_options["layout_style"] == "css") {

			include (TEMPLATEPATH . '/lsidebar.php');

		}

		?>

	<?php include (TEMPLATEPATH . '/rsidebar.php'); ?>

Guardamos los cambios, y accedemos a la página de actividad de nuestro blog. Se debería ver de este modo:

Este mismo proceso lo realizaremos con todos los ficheros index.php de las carpetas que hemos nombrado más arriba. Y por supuesto, si os encontráis con algún problema al realizar los cambios, podéis dejar vuestras dudas en los comentarios.