BuddyPress, WordPress y bbPress

Para el desarrollo del Taller didáctico: Comunidades virtuales con WPµ, BuddyPress y bbPress, necesitaremos:

Un servidor con las siguientes características:

1. PHP 4.3 o superior
2. MySQL 4.0 superior
3. Módulo Apache mod_rewrite
4. Límite memoria php Apache, mínimo 64M
5. register_global = off (FUNDAMENTAL).
6. Posibilidad de redireccionamiento del subdominio “*.dominio.com” al root de la instalación. (esto no se puede en todos los hostings), si deseamos crear blogs en subdominios.
7. Muy aconsejable, acceso SSH (pocos te dejan) te salvará de más de un problema que te pueda surgir.

Nos deberemos descargar:

WordPress MU
BuddyPress (se puede realizar de forma automática)
bbPress (en estos momentos va dentro de BuddyPress)
Traducciones de WPMU y BuddyPress (bbPress se traduce mediante BuddyPress).

Para realizar las Pruebas de funcionamiento:

Necesitaremos 2 emails (la del administrador del sistema y la de las pruebas)

Comenzamos Descargándonos lo necesario, para ello, acudiremos a las páginas oficiales:

WordPress MU
BuddyPress
Traducciones, desde aquí mismo.

Procedemos a la creación de la base de datos. Nos apuntamos todos los datos para la instalación:

Nombre Base de Datos
Usuario
Contraseña

Procedemos a crear el redireccionamiento para los subdominios, no todo el mundo podrá realizarlo.

Subimos por FTP todo lo necesario.

Acudimos a la dirección de nuestra comunidad.

Si en nuestro servidor no hay instalado suPHP, deberemos dar permisos de escritura (777) al directorio raíz de nuestra instalación y al subdirectorio wp-content (fijarnos antes que permisos tiene el directorio raíz y el subdirectorio wp-content, después deberemos restaurarlos)

Acudimos a la dirección de nuestra comunidad.

Nos saldrá la página de instalación.

Si estamos instalando WPMU en un subdirectorio y en el directorio superior tenemos una instalación de WP, nos dará un error. Para subsanarlo, debemos renombrar temporalmente el archivo wp-config.php del directorio superior para que WPMU no haga uso de él.

Rellenamos todos los datos que nos pide, prestando especial atención en donde nos pregunta si la instalación la vamos a realizar para subdominios o subdirectorios.

Si estamos realizando la instalación en un subdirectorio o en un subdominios, deberemos realizar la instalación para subdirectorios.

Instalamos y guardamos la contraseña.

Comprobamos que nos ha llegado el email de instalación. Esto nos servirá para saber si el servidor envía emails correctamente.

Accedemos a la administración de WPMU, usando el usuario Admin y la contraseña generada.

Lo primero que deberemos realizar, es cambiar la contraseña por una más amigable para nosotros. Para ello acudiremos a Users –> Your Profile

Cambiamos la contraseña por la que deseemos

Procedemos a la traducción de WPMU.

Accedemos por FTP y vamos a wp-content y creamos el subdirectorio “languages“.

Dentro de este directorio, colocaremos el archivo de traducción de WordPress MU es_ES.mo que nos hemos descargado.

Acudimos a la administración de WPMU y vamos a:

Site Admin –> Options, abajo de todo, seleccionamos “Spanish; Castilian”

Settings –> General:

Volvemos a seleccionar “Spanish; Castilian”

Seleccionamos La Zona horaria donde nos encontramos, en este caso “Madrid”

Seleccionamos el tipo de fecha a mostrar.

Ahora, vamos a otorgarle más espacio a nuestro Blog, para que no tengamos problemas de espacio, para ello, acudiremos a Administración –> Blogs y colocándonos sobre nuestro dominio, nos aparecerá un menú, apretamos sobre “Editar”

En el lado Derecho, veremos un apartado que nos pone “Cuota Espacio Subida para Blog”, introducimos la cantidad de espacio que deseamos darnos. Si ahora acudimos al Tablero, veremos que ya disponemos de ese espacio.

El siguiente paso, es muy importante y es comprobar que todo funciona correctamente.

Para ello, primero deberemos dejar que los usuarios puedan registrarse y crear blogs.

Acudiremos a Administración –> Opciones y en “Permitir nuevos registros” marcaremos la opción “Habilitado. Pueden ser creados blogs y usuarios”

Para realizar las pruebas, apretamos en “Cerrar sesión” (parte superior derecha)

Acudimos al home de la instalación y nos registraremos con un nuevo email, marcando que queremos un blog y que no sea público.

Activamos la cuenta mediante el email que nos enviará la instalación.

Accedemos al blog
Creamos una entrada
Comentamos en la entrada
Eliminamos el comentario
Eliminamos la entrada
Cerramos la Sesión.

Ahora debemos realizar una última prueba en la administración del sistema.

Nos identificamos como administrador de WPMU.

Vamos a Administración –> Blogs

Marcamos el blog que hemos creado y apretamos en borrar.

Si en todos los pasos anteriores, no hemos tenido ningún problema, nuestra instalación de WPMU está instalada correctamente.

Una vez que nos hemos cerciorado que todo funciona bien, ya podemos seguir con la configuración e instalación.

Protegemos ciertos nombres de blogs.

Debemos proteger ciertos nombres de blogs, ya sea porque nos los reservamos, son subdominios ya en uso por Apache o simplemente no queremos que los usen ya que podrían llevar a confusión.

Para ello, acudiremos a:

Administración –> Opciones

Buscamos donde pone “Nombres no Permitidos” y añadimos todos los que se nos ocurran:

www web root admin main invite administrator groups news blogs members buddypress buddypress-es administrador es search register activate ftp www webmail mail web correo pop3 html blog activity forums html usuarios foros foro usuario inicio wordpress bbpress wordcamp espana spain

Procedemos con la instalación de BuddyPress

Podemos instalar BuddyPress de dos formas diferentes, con el Instalador Automático y mediante FTP

Mediante el instalador automático, acudiremos a Plugins –> Añadir, en el buscador pondremos “buddypress” y apretaremos “Buscar Plugin”, en los resultados buscaremos BuddyPress y apretaremos en “Instalar”.

Mediante FTP, descomprimiremos el archivo que nos hemos descargado y subiremos la carpeta buddypress, con todo su contenido a /wp-content/plugins/

Activamos el Plugin de BuddyPress Plugins –> Activar BuddyPress

Podemos activarlo solo o Globalmente, el resultado será el mismo. (automáticamente se activará Globalmente)

En ambos tipos de instalación, debemos accederemos por FTP al subdirectorio /wp-content/plugins/buddypress/bp-themes/ donde encontraremos 2 subdirectorios “bp-default” y “bp-sn-parent”, ambos directorios los debemos pasar a /wp-content/themes/

Ahora, una vez que hemos traspasado los themes, acudimos en el area de admistración de WPMU a Administración –> Temas, marcamos “Sí” bajo activar el el Theme “BuddyPress Default”, sobre todo, no activar “BuddyPress Social Network Parent Theme” y apretamos en “Actualizar Temas”

Acudimos a Aspecto –> Temas

Apretamos en “Activar” bajo el Theme de BuddyPress

Si ahora acudimos a la home de nuestra instalación, ya nos saldrá el Theme de BuddyPress.

Ahora debemos desactivar el Theme para que nadie de nuestra comunidad pueda utilizarlo, para ello, volveremos a Administración –> Temas y marcaremos “No” bajo Activar y seguidamente apretamos en “Actualizar Temas”

Ahora vamos añadir los Widgets para configurar la Home de nuestra comunidad.

Para ello, acudimos a Aspecto –> Widgets

Ahora vamos arrastrando los widgwts que nos interesan en cada apartado.

Los widgets específicos de BuddyPress son:

Bienvenido
Publicaciones Recientes
Actividad de la Comunidad
Grupos
Activos Recientemente
Quién está en línea
Usuarios

Colocamos estos widgets como más nos guste.

Configuramos los widgets

Prestamos especial atención en el widget “Actividad de la Comunidad”, debemos cambiar la configuración, si lo deseamos, pero, cambiemos la configuración, o no, debemos apretar en guardar.

Si acudimos a la Home, ya nos saldrán todos los widgets.

Ahora, instalamos e integramos bbPress, antiguamente, podía convertirse en una autentica pesadilla, en estos momentos hay que apretar un botón.

Acudimos a BuddyPress –> “Configuración Foros” y seguimos las instrucciones.

Ya tenemos Instalado, WPMU, BuddyPress y bbPress y todo perfectamente integrado.

Ahora hay que comenzar con la configuración de BuddyPress.

Acudiremos a BuddyPress –> Configuración General

Ponemos el nombre que deseemos a Nombre de perfil Base, por ejemplo Básico

Rellenamos “Nombre de la casilla Full Name”, por ejemplo Nombre Completo

Configuramos lo que deseamos que realice BuddyPress (por defecto todo)

Seleccionamos un Avatar Predeterminado para BuddyPress.
Apretamos en “Guardar Configuración”

Apretamos en BuddyPress –> “Configuración de Componentes”

Si hay algún componente que no queremos que esté activo, lo desactivamos, por defecto, están todos activados.

Apretamos en BuddyPress –> “Configuración Campos de Perfil”

Aquí añadimos todos los campos que desearíamos que pudieran rellenar nuestros usuarios.

Todos los campos que se pongan en Básico, se mostrarán durante el registro.

Podemos seleccionar que los campos sean obligatorios u opcionales.

Ya tendremos BuddyPress configurado.

Ahora vamos a proceder a dar un poco de Estilo al Theme por defecto de BuddyPress, ya que como podemos apreciar, carece de un aspecto arreglado.

Lo primero que deberemos hacer, es crear un archivo que llamaremos custom.css

En este archivo, añadiremos las siguientes líneas.

@charset "utf-8";
/* CSS Document */

body {
	line-height: 170%;
	color: #555;
	min-width: 960px;
	max-width: 1300px;
	margin:0 auto 0 auto;

}
#header h1#logo {
		float: left;
		background:url(../images/logotipo.png) center left no-repeat;
		overflow: hidden;
		width: 171px;
		height: 200px;
	}
#header h1#logo a {
		text-indent: -999em;
}
#admin-bar-logo {
	text-indent: -999em;
	background:url(../images/logotipo.png) center left no-repeat;
	width: 9px;
	height: 10px;
}

Tenéis que sustituir el nombre del logo, por el nombre de vuestro propio logo.

Ahora una vez creado el archivo, lo subimos a /wp-content/themes/bp-default/_inc/css/

Así mismo, debemos subir la imagen del logo a /wp-content/themes/bp-default/_inc/images/

Ahora, deberemos “activar” el archivo custom.css, para ello, deberemos editar el archivo /wp-content/themes/bp-default/style.css

La última línea de todas, que es la que realiza la llamada al archivo custom.css, está comentada, debemos descomentarla, es decir,

Pasara de:

/* @import url( _inc/css/custom.css ); */

A:

@import url( _inc/css/custom.css );

Eliminaremos el /* y */

Subiremos de nuevo el archivo, sobrescribiendo el existente.

Si todo lo hemos realizado correctamente, visitando nuestra comunidad, la tendremos configurada y con los logos.

En el siguiente paso, vamos a personalizar las url’s.

Si en nuestra comunidad, por ejemplo, acudimos a nuestro perfil, veremos que en la url pone “members”. Esto es lo que vamos a personalizar en este paso.

Se puede realizar de dos formas diferentes, añadiendo unas líneas al archivo wp-config.php o la que es la idónea (para no ser intrusivos en WPMU) creando un archivo que llamaremos “bp-custom.php” y que deberemos guardar directamente en el subdirectorio plugins.

En este archivo, deberemos introducir las siguientes líneas:

<?php
//Para wp-config.php o /plugins/bp-custom.php
// definir nuestras propias url
// define( 'BP_DISABLE_ADMIN_BAR', true );
define( 'BP_MEMBERS_SLUG', 'usuarios' );
define( 'BP_REGISTER_SLUG', 'registro' );
define( 'BP_ACTIVATION_SLUG', 'activar' );
define( 'BP_SEARCH_SLUG', 'buscar' );
define( 'BP_HOME_BLOG_SLUG', 'noticias' );
define( 'BP_FORUMS_SLUG', 'foros' );
define( 'BP_BLOGS_SLUG', 'bitacoras' );
define( 'BP_GROUPS_SLUG', 'grupos' );
?>

Deberemos sustituir los nombre por los que sean de nuestro agrado.

Fijémonos que hay una línea que está en el código, pero la tengo comentada. La línea es esta:

 // define( 'BP_DISABLE_ADMIN_BAR', true );

Si descomentamos esta línea, lo que haremos es que BuddyPress no muestre la barra de administración.

Si ahora acudimos al Home, veremos que todas las url’s utilizan nuestros nombres.

Ahora, hay que protegernos del Spam, tanto de Blogs como de Comentarios.

Para protegernos del Spam de Comentarios, deberemos instalar Akismet.

Para instalar Akismet, acudimos a Plugins –> Añadir y al igual que con BuddyPress, realizamos una búsqueda de Akismet, apretamos en instalar, pero no lo activéis.

Si tenemos una instalación de BuddyPress, donde permitimos la creación de Blogs, nos interesa que nuestros usuarios usen Akismet, para que la base de datos no se llene de comentarios de Spam.

Para ello, apretaremos en Plugins y Apretaremos en “Activar Akismet globalmente”.

Con esto, cuando un usuario entre en su administración, le saldrá un mensaje que debe introducir la clave API de Akismet.

Con el paso anterior, nos hemos protegido del Spam en los comentarios.

Para protegernos del Spam de Blogs, ojo, solo de los robots, no de las granjas de registradores. Estos últimos son humanos y no podemos defendernos de ellos, solo controlando los blogs que crean y eliminando los que detectemos. Deberemos añadir unas líneas en el archivo .htaccess

Las líneas a añadir son, justo antes de “#uploaded files”:

# LINEAS PARA CONTROL ROBOTS SPAM BLOGS
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .registro*
RewriteCond %{HTTP_REFERER} !.*comunidad.wordcamp.es.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) http://no-a-los-spammers.com/ [R=301,L]
# FIN LINEAS PARA CONTROL ROBOTS SPAM BLOGS 

Debéis sustituir registro, por la url que tengáis y la dirección de la comunidad por la vuestra.

Subimos de nuevo el archivo. Es mejor que eliminéis de el archivo .htaccess del servidor y lo subáis, muchas veces, no se puede sobrescribir este archivo.

Ahora ya tenemos la comunidad en marcha. Instalada, configurada y protegida.