<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sumolari.com &#187; foros</title>
	<atom:link href="http://sumolari.com/tag/foros/feed/" rel="self" type="application/rss+xml" />
	<link>http://sumolari.com</link>
	<description>Proyectos de un amante de la informática</description>
	<lastBuildDate>Thu, 09 Feb 2012 21:18:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Liberado SMF 2.0 RC3</title>
		<link>http://sumolari.com/liberado-smf-2-0-rc3/</link>
		<comments>http://sumolari.com/liberado-smf-2-0-rc3/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 19:51:13 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[descargas]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[release candidate (RC)]]></category>
		<category><![CDATA[smf]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=3607</guid>
		<description><![CDATA[Desde que se liberó la segunda versión candidata de SMF 2.0, poco se ha oído de este gestor de foros, pero hoy se ha vuelto a hacer oir liberando la tercera versión candidata de SMF 2.0, que viene con casi 350 cambios respecto a la anterior versión candidata. Entre estos destacan: Múltiples arreglos de fallos [...]]]></description>
			<content:encoded><![CDATA[<p>Desde que <a href="http://sumolari.com/descarga-simple-machines-forum-2-0-rc2/">se liberó la segunda versión candidata de SMF 2.0</a>, poco se ha oído de este gestor de foros, pero hoy se ha vuelto a hacer oir <a href="http://www.simplemachines.org/community/index.php?topic=369616.0">liberando la tercera versión candidata de SMF 2.0</a>, que viene con casi 350 cambios respecto a la anterior versión candidata. Entre estos destacan:</p>
<ul>
<li>Múltiples arreglos de fallos de seguridad</li>
<li>Mejor compatibilidad con idiomas RTL (que se leen de derecha a izquierda)</li>
<li>Añadidas cabecezas curvas a diversas tablas que anteriormente no las tenían así</li>
<li>Mejoras en los mensajes privados</li>
<li>Diversas mejoras al editor WYSIWYG</li>
<li>Se ha rediseñado el centro de estadísticas de cada perfil</li>
<li>Se ha actualizado la sección de ayuda</li>
</ul>
<p>Podéis descargar la nueva versión en desde <a href="http://download.simplemachines.org/">la página de descargas de SMF</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/liberado-smf-2-0-rc3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Liberado phpBB 3.0.7</title>
		<link>http://sumolari.com/liberado-phpbb-3-0-7/</link>
		<comments>http://sumolari.com/liberado-phpbb-3-0-7/#comments</comments>
		<pubDate>Mon, 01 Mar 2010 16:17:50 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[descargas]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[phpBB]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=3564</guid>
		<description><![CDATA[Ya está disponible la versión 3.0.7 de phpBB, que principalmente soluciona problemas detectados en las anteriores versiones. Esta versión aporta muy poco en cuanto a nuevas funciones (hay que tener en cuenta que la versión 3.0.6 estuvo repleta de novedades, así que es normal que esta versión no tenga tantas como su predecesora). En cuanto [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1.png" rel="lightbox-3564"><img class="alignright size-full wp-image-1973" style="margin: 10px;" title="phpBB Logo" src="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1.png" alt="" width="152" height="53" /></a>Ya está disponible la versión 3.0.7 de phpBB, que principalmente soluciona problemas detectados en las anteriores versiones. Esta versión aporta muy poco en cuanto a nuevas funciones (hay que tener en cuenta que la versión 3.0.6 estuvo repleta de novedades, así que es normal que esta versión no tenga tantas como su predecesora).</p>
<p>En cuanto a aportes de esta versión, los bugs parcheados en esta versión ascienden a <a href="http://www.phpbb.com/support/documents.php?mode=changelog&amp;version=3#v306">más de 30</a>, siendo 85 los cambios entre esta versión y la anterior., Por tanto, es más que recomendable actualizar a esta nueva versión lo antes posibles.</p>
<p><a href="http://www.phpbb.com/community/viewtopic.php?f=14&amp;t=2005525">Más información y enlaces de descarga</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/liberado-phpbb-3-0-7/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ya está disponible phpBB 3.0.6 RC4</title>
		<link>http://sumolari.com/ya-esta-disponible-phpbb-3-0-6-rc4/</link>
		<comments>http://sumolari.com/ya-esta-disponible-phpbb-3-0-6-rc4/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 17:11:02 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[descargas]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[phpBB]]></category>
		<category><![CDATA[release candidate (RC)]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2994</guid>
		<description><![CDATA[Siguiendo con su ritmo de lanzamientos cada dos semanas, se ha liberado la cuarta versión candidata de phpBB 3.0.6, versión que desde mediados de septiembre se puede descargar en diversas versiones candidatas. Las noveades de esta RC respecto a las anteriores son pocas, realmente todas son diversos bugs arreglados. Aunque no es recomendable usar una [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1.png" rel="lightbox-2994"><img class="alignleft size-thumbnail wp-image-1973" style="margin: 10px;" title="phpBB Logo" src="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1-150x53.png" alt="phpBB Logo" width="150" height="53" /></a>Siguiendo con su ritmo de lanzamientos cada dos semanas, <a href="http://www.phpbb.com/community/viewtopic.php?f=14&amp;t=1840745">se ha liberado la cuarta versión candidata de phpBB 3.0.6</a>, versión que <a href="http://sumolari.com/ya-disponible-phpbb-3-0-6-rc1/">desde mediados de septiembre</a> se puede descargar en diversas versiones candidatas. Las noveades de esta RC respecto a las anteriores son pocas, realmente todas son diversos bugs arreglados.</p>
<p>Aunque no es recomendable usar una versión en desarrollo en un foro estable, podéis descargar phpBB 3.0.6 RC4 en diversos formatos:</p>
<p>Instalación completa (para foros nuevos):</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC4.zip">phpBB 3.0.6-RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC4.tar.bz2">phpBB 3.0.6-RC4 (bz2)</a></li>
</ul>
<p>Actualización automática (de 3.0.5 a 3.0.06 RC4):</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.5_to_3.0.6-RC4.zip">Actualización automática de 3.0.5 a 3.0.6 RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.5_to_3.0.6-RC4.tar.bz2">Actualización automática de 3.0.5 a 3.0.6 RC4 (bz2)</a></li>
</ul>
<p>Actualización automática (de 3.0.6 RC1 a 3.0.6 RC4):</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC1_to_3.0.6-RC4.zip">Actualización automática de 3.0.6 RC1 a 3.0.6 RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC1_to_3.0.6-RC4.tar.bz2">Actualización automática de 3.0.6 RC1 a 3.0.6 RC4 (bz2)</a></li>
</ul>
<p>Actualización automática (de 3.0.6 RC2 a 3.0.6 RC4):</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC2_to_3.0.6-RC4.zip">Actualización automática de 3.0.6 RC2 a 3.0.6 RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC2_to_3.0.6-RC4.tar.bz2">Actualización automática de 3.0.6 RC2 a 3.0.6 RC4 (bz2)</a></li>
</ul>
<p>Actualización automática (de 3.0.6 RC3 a 3.0.6 RC4):</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC3_to_3.0.6-RC4.zip">Actualización automática de 3.0.6-RC3 a 3.0.6-RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC3_to_3.0.6-RC4.tar.bz2">Actualización automática de 3.0.6-RC3 a 3.0.6-RC4 (bz2)</a></li>
</ul>
<p>Sólo archivos modificados:</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC4-files.zip">Sólo archivos modificados de phpBB 3.0.6 RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC4-files.tar.bz2">Sólo archivos modificados de phpBB 3.0.6 RC4 (bz2)</a></li>
</ul>
<p>Cambios de código (de 3.0.5 a 3.0.6 RC4):</p>
<ul>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.5_to_3.0.6-RC4-codechanges.zip">Cambios de código de 3.0.5 a 3.0.6 RC4 (zip)</a></li>
<li><a href="http://www.phpbb.com/files/qa/phpBB-3.0.5_to_3.0.6-RC4-codechanges.tar.bz2">Cambios de código de 3.0.5 a 3.0.6 RC4 (bz2)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/ya-esta-disponible-phpbb-3-0-6-rc4/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Ya está disponible phpBB 3.0.6 RC3</title>
		<link>http://sumolari.com/ya-esta-disponible-phpbb-3-0-6-rc3/</link>
		<comments>http://sumolari.com/ya-esta-disponible-phpbb-3-0-6-rc3/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 15:57:54 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[descargas]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[phpBB]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2902</guid>
		<description><![CDATA[Ayer se liberó la tercera versión candidata (RC) de phpBB 3.0.6, una versión que viene cargada de novedades. Esta nueva versión candidata principalmente aporta soluciones a diferentes errores que había en las versiones anteriores, por lo que si estáis usando la RC2 es muy recomendable actualizar a la RC3. Viendo la frecuencia de liberación de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1.png" rel="lightbox-2902"><img class="alignleft size-thumbnail wp-image-1973" style="margin: 10px;" title="phpBB Logo" src="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1-150x53.png" alt="phpBB Logo" width="150" height="53" /></a>Ayer se liberó la tercera versión candidata (RC) de <a href="http://sumolari.com/tag/phpbb/">phpBB</a> 3.0.6, una versión que <a href="http://sumolari.com/las-novedades-que-incluira-phpbb-3-0-6/">viene cargada de novedades</a>. Esta nueva versión candidata principalmente aporta soluciones a diferentes errores que había en las versiones anteriores, por lo que si estáis usando la RC2 es muy recomendable actualizar a la RC3.</p>
<p>Viendo la frecuencia de liberación de nuevas versiones de <a href="../tag/phpbb/">phpBB</a> 3.0.6, no sería de extrañar ver en unas dos o tres semanas una nueva versión, tal vez candidata o tal vez la final.</p>
<p>Podéis descargar el instalador de <a href="../tag/phpbb/">phpBB</a> 3.0.6 RC3 desde <a href="http://www.phpbb.com/files/qa/phpBB-3.0.6-RC3.zip">aquí</a>, aunque en <a href="http://www.phpbb.com/community/viewtopic.php?f=14&amp;t=1817515">el anuncio oficial</a> encontraréis enlaces para descargar diferentes paquetes, como los cambios de código o los archivos actualizados.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/ya-esta-disponible-phpbb-3-0-6-rc3/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Descarga phpBB 3.0.6 RC2</title>
		<link>http://sumolari.com/descarga-phpbb-3-0-6-rc2/</link>
		<comments>http://sumolari.com/descarga-phpbb-3-0-6-rc2/#comments</comments>
		<pubDate>Sun, 27 Sep 2009 07:22:19 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[descargas]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[phpBB]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2811</guid>
		<description><![CDATA[Hace un par de semanas ya comenté que se había liberado la primera versión candidata (RC) de phpBB 3.0.6. Pues bien, hace un par de días se libero la segunda versión candidata de phpBB 3.0.6, una versión que está un paso más cerca de la versión estable final. Los cambios entre ésta y la anterior [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1.png" rel="lightbox-2811"><img class="alignleft size-full wp-image-1973" style="margin: 10px;" title="phpBB Logo" src="http://sumolari.com/wp-content/uploads/2009/06/logo_phpbb1.png" alt="phpBB Logo" width="152" height="53" /></a>Hace un par de semanas ya comenté que <a href="http://sumolari.com/ya-disponible-phpbb-3-0-6-rc1/">se había liberado la primera versión candidata</a> (RC) de phpBB 3.0.6. Pues bien, hace un par de días se libero la segunda versión candidata de phpBB 3.0.6, una versión que está un paso más cerca de la versión estable final.</p>
<p>Los cambios entre ésta y la anterior versión candidata no deben ser muy abundantes, ya que no se comentan demasiado en el anuncio oficial. De todos modos, los links para descargar esta versión están disponibles <a href="http://www.phpbb.com/community/viewtopic.php?f=14&amp;t=1794675">aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/descarga-phpbb-3-0-6-rc2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Migrando a Simple Machines Forum</title>
		<link>http://sumolari.com/migrando-a-simple-machines-forum/</link>
		<comments>http://sumolari.com/migrando-a-simple-machines-forum/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 15:22:12 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[phpBB]]></category>
		<category><![CDATA[smf]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2800</guid>
		<description><![CDATA[Cuando elegí phpBB3 como sistemas de foro para el foro de Sumolari.com lo hice principalmente pensando en el diseño hoy y de cara al futuro, dejando un poco de lado el tema de la seguridad, los Mods y demás. El argumento con el que me convencí fue: &#8220;¿Para qué necesitas Mods si el foro es [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando elegí <a href="http://sumolari.com/tag/phpbb/">phpBB3</a> como sistemas de foro para <a href="http://foro.sumolari.com">el foro de Sumolari.com</a> lo hice principalmente pensando en el diseño hoy y de cara al futuro, dejando un poco de lado el tema de la seguridad, los Mods y demás. El argumento con el que me convencí fue: &#8220;¿Para qué necesitas Mods si el foro es sólo para dar soporte y ayuda? No lo necesitas&#8221; y &#8220;Mejor deja <a href="http://sumolari.com/tag/smf/">SMF</a> que está en desarrollo y te tocará crear el theme dos veces, una para la versión 2.0 RC1 y otro para la 2.0 RC2 y posterior&#8221;.</p>
<p>Sin embargo, mi forma de pensar ha cambiado estos últimos dos días, después de una oleada de Spam en el foro. Se me presentaban dos opciones para acabar con el Spam: Buscar un Mod para <a href="../tag/phpbb/">phpBB3</a> que me ayude con el Spam e instalarlo o migrar a <a href="../tag/smf/">SMF</a> (con el cual nunca tuve problemas de Spam) y olvidarme del problema o instalar un Mod para <a href="../tag/smf/">SMF</a> que me ayude con el Spam.</p>
<p>Al final me he decantado por la segunda opción. Tengo más experiencia con <a href="../tag/smf/">SMF</a> y puedo crear themes más complejos, además de que los Mods se instalan y actualizan (al igual que el sistema en sí) de forma automática, lo cual me ahorra mucho trabajo y problemas.</p>
<p>Es por esto por lo que a partir de ahora el foro estará gestionado con <a href="../tag/smf/">Simple Machines Forum</a>. De momento (y hasta que esté lista la versión 2.0 RC2) utilizaré el theme por defecto del foro, que a muchos (incluído yo) no me gusta, pero creo que es mucho mejor un foro limpio y feo que uno bonito y lleno de Spam.</p>
<p>Así que durante esta tarde el foro estará semi-accesible hasta que acabe de migrar de sistema. Disculpad las molestias.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/migrando-a-simple-machines-forum/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Los próximos diseños para foros – Simple Machines Forum</title>
		<link>http://sumolari.com/los-proximos-disenos-para-foros-%e2%80%93-simple-machines-forum/</link>
		<comments>http://sumolari.com/los-proximos-disenos-para-foros-%e2%80%93-simple-machines-forum/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 08:05:26 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[smf]]></category>
		<category><![CDATA[SMF 2.0]]></category>
		<category><![CDATA[themes]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2651</guid>
		<description><![CDATA[Continuando el artículo anterior sobre los próximos diseños para foros, en este artículo comentaré el nuevo diseño de Simple Machines Forum: Curve. El 16 de febrero de este año se anunció el nuevo diseño de Simple Machines Forum (SMF), Curve, que se liberará junto con la segunda versión candidata (RC2) de SMF, que no tiene [...]]]></description>
			<content:encoded><![CDATA[<p>Continuando el <a href="http://sumolari.com/los-proximos-disenos-para-foros-vbulletin/">artículo anterior sobre los próximos diseños para foros</a>, en este artículo comentaré el nuevo diseño de <a href="http://simplemachines.org">Simple Machines Forum</a>: <strong>Curve</strong>.</p>
<p>El 16 de febrero de este año se anunció el nuevo diseño de <a href="http://sumolari.com/tag/smf">Simple Machines Forum</a> (<a href="http://sumolari.com/tag/smf">SMF</a>), <strong>Curve</strong>, que se liberará junto con la segunda versión candidata (RC2) de <a href="../tag/smf">SMF</a>, que no tiene fecha prevista. Este nuevo diseño promete ser una revolución para <a href="../tag/smf">SMF</a>.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/Boardindex.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2653" title="Listado de foros" src="http://sumolari.com/wp-content/uploads/2009/09/Boardindex-848x600.png" alt="Listado de foros" width="848" height="600" /></a></p>
<p><a href="../tag/smf">SMF</a> se ha rediseñado completamente. Lo primero que veremos es que el foro está metido dentro de un contenedor con esquinas curvas (como casi todas las del diseño), y tiene por fondo un bonito degradado que hace un gran contraste con la cabecera del foro.</p>
<p>Podemos ver también cómo se han añadido enlaces para aumentar el tamaño del texto, al igual que se ha rediseñado la cabecera. Ahora encontramos en la parte izquierda información sobre nuestra cuenta (nombre de usuario, mensajes sin leer, etc) y en la derecha las últimas noticias de la comunidad y el buscador.</p>
<p>El menú principal está totalmente cambiado, usando ahora un estilo simple pero bonito. El listado de foros está encabezado por el nombre de la categoría en la que están, que tiene por fondo un bonito degradado con esquinas curvas. Sin embargo, los foros en sí no se han modificado tanto y siguen teniendo un aspecto muy similar al de una tabla.</p>
<p>Los enlaces para ver la versión imprimible de los temas, responder o marcar cómo leídos también se han simplicado y se les ha dado un aspecto más bonito.</p>
<p>Para separar el bloque del &#8220;<em>Centro de información</em>&#8220;, se le ha añadido un fino borde y un color de fondo diferente del resto.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/MessageIndex.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2656" title="Listado de temas" src="http://sumolari.com/wp-content/uploads/2009/09/MessageIndex-848x564.png" alt="Listado de temas" width="848" height="564" /></a></p>
<p>Sinceramente, el listado de temas es uno de los puntos que sigue sin convencerme del nuevo diseño.</p>
<p>Básicamente se aplican los nuevos enlaces y la nueva combinación de colores sobre la misma plantilla que se usaba en el anterior diseño. Realmente la estructura no ha variado demasiado en esta zona, tan sólo se han unido el nombre del autor a la columna del título del tema al igual que se han unido las respuestas y las visitas.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/Display.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2655" title="Tema" src="http://sumolari.com/wp-content/uploads/2009/09/Display-848x627.png" alt="Tema" width="848" height="627" /></a></p>
<p>El listado de mensajes en un tema sí que se ha mejorado bastante. Ahora los mensajes están separados y cada uno está en un bloque diferente. La información del autor no está separada por ninguna línea de la del contenido del mensaje.</p>
<p>Sin embargo hay cosas que aún se podrían mejorar, como los iconos de los enlaces que hay en la parte superior de cada mensaje, o los iconos que aparecen después de la información de cada autor.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/Calendar.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2654" title="Calendario" src="http://sumolari.com/wp-content/uploads/2009/09/Calendar-694x848.png" alt="Calendario" width="694" height="848" /></a></p>
<p>El calendario se ha adaptado al nuevo estilo de <strong>Curve</strong>, aunque no han habido cambios en la estructura del mismo, sólo unos nuevos colores y fondos.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/Stats.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2660" title="Estadísticas" src="http://sumolari.com/wp-content/uploads/2009/09/Stats-481x848.png" alt="Estadísticas" width="481" height="848" /></a></p>
<p>Las estadísticas del foro han tenido un cambio de color y fondo. Podemos ver que las nuevas barras indicativas de las estadísticas tienen ahora un nuevo degradado y unos bordes ligeramente curvos.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/Profile.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2657" title="Perfil" src="http://sumolari.com/wp-content/uploads/2009/09/Profile-848x449.png" alt="Perfil" width="848" height="449" /></a></p>
<p>El perfil se ha renovado totalmente.</p>
<p>El menú del perfil ha adoptado el mismo estilo que el menú principal, y ahora los bloques del perfil están mejor definidos y separados que antes, y como es característico de <strong>Curve</strong>, con esquinas curvas.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/Admin.png" rel="lightbox-2651"><img class="alignnone size-large wp-image-2652" title="Administración" src="http://sumolari.com/wp-content/uploads/2009/09/Admin-848x662.png" alt="Administración" width="848" height="662" /></a></p>
<p>El <em>Panel de Administración</em> del foro también ha tenido ligeros cambios. Ha adoptado el nuevo estilo del menú principal y se ha mejorado ligeramente el menú desplegable.</p>
<p>En resumen: <strong>Curve</strong> es una gran apuesta de <a href="http://simplemachines.org">Simple Machines Forum </a>que en principio está realmente bien, pero que parece no adaptado del todo a las diferentes páginas del foro, como el listado de temas. Además, no se han adaptado los iconos al nuevo aspecto de <strong>Curve</strong>, lo que le da un aspecto no del todo bueno.</p>
<p>De todos modos, una vez liberado <strong>Curve</strong>, comenzarán a surgir themes basados en él que mejorarán todas esas cosas que parecen estar &#8220;<em>a medias</em>&#8220;.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/los-proximos-disenos-para-foros-%e2%80%93-simple-machines-forum/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Los próximos diseños para foros &#8211; vBulletin</title>
		<link>http://sumolari.com/los-proximos-disenos-para-foros-vbulletin/</link>
		<comments>http://sumolari.com/los-proximos-disenos-para-foros-vbulletin/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 07:13:21 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[smf]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[vBulletin]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2633</guid>
		<description><![CDATA[Actualmente están en desarrollo nuevas ramas de los principales sistemas de foros: vBulletin y Simple Machines Forum y ambas ramas tendrán un nuevo diseño por defecto, que puede que marque un poco el camino que seguirán los próximos diseños para foros. Debido a que estoy limitado a 12 imágenes por artículo voy a separar el [...]]]></description>
			<content:encoded><![CDATA[<p>Actualmente están en desarrollo nuevas ramas de los principales sistemas de foros: <a href="http://www.vbulletin.com/">vBulletin</a> y <a href="http://simplemachines.org">Simple Machines Forum</a> y ambas ramas tendrán un nuevo diseño por defecto, que puede que marque un poco el camino que seguirán los próximos diseños para foros.</p>
<p>Debido a que estoy limitado a 12 imágenes por artículo voy a separar el análisis del nuevo diseño de <a href="http://sumolari.com/tag/vbulletin/">vBulletin</a> del de <a href="http://sumolari.com/tag/smf">Simple Machines Forum</a>, de forma que pueda comentar más ampliamente cada uno.</p>
<p>A finales de 2008 se anunció la versión 4.0 de <a href="../tag/vbulletin/">vBulletin</a>, que además de diversos cambios y nuevas funciones (como URLs amigables y un sistema de búsqueda mejorado) incluirá un nuevo diseño.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/hnbt.png" rel="lightbox-2633"><img class="alignnone size-full wp-image-2636" title="Cabecera y menú principal" src="http://sumolari.com/wp-content/uploads/2009/09/hnbt.png" alt="Cabecera y menú principal" width="769" height="209" /></a></p>
<p>La cabecera se ha rediseñado completamente. Ahora podemos ver un menú basado en pestañas y mejor diseñado. Cada enlace del menú tiene sus sublinks que se muestran en la parte inferior de la cabecera. En la imagen sólo podemos ver los sublinks de la pestaña de Foro, pero es muy probable que todas las pestañas tengan sublinks.</p>
<p>Inmediatamente después del menú principal encontramos el conjunto de enlaces que nos indican dónde estamos.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/forumbits.png" rel="lightbox-2633"><img class="alignnone size-full wp-image-2635" title="Listado de foros" src="http://sumolari.com/wp-content/uploads/2009/09/forumbits.png" alt="Listado de foros" width="748" height="375" /></a></p>
<p>El listado de foros se ha mejorado bastante, aunque sigue usando los mismos iconos que en el diseño actual.</p>
<p>Podemos ver cómo se ha eliminado el aspecto de tabla que tenía el anterior diseño, además de que se ha suprimido el icono del último mensaje en el listado de foros. En <a href="../tag/vbulletin/">vBulletin</a> han apostado por mostrar más información de cada foro en la parte superior e inferior del bloque que le corresponde a cada uno, dejando más espacio para la descripción.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/whats-going-on.png" rel="lightbox-2633"><img class="alignnone size-full wp-image-2643" title="¿Qué está pasando?" src="http://sumolari.com/wp-content/uploads/2009/09/whats-going-on.png" alt="¿Qué está pasando?" width="841" height="349" /></a></p>
<p>La zona de &#8220;<em>¿Qué está pasando?</em>&#8221; se ha rediseñado creando una serie de bloques para cada contenido. Ahora podemos ver en la columna de la izquierda los usuarios que están conectados en cada momento, y en la derecha los eventos que hay los próximos 14 días, junto a los cumpleaños de hoy.</p>
<p>Por último en la parte inferior del conjunto podemos verel recuento de mensajes y saber quién es el último miembro del foro.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/threadbits.png" rel="lightbox-2633"><img class="alignnone size-large wp-image-2642" title="Listado de temas" src="http://sumolari.com/wp-content/uploads/2009/09/threadbits-848x431.png" alt="Listado de temas" width="848" height="431" /></a></p>
<p>El listado de temas también se ha mejorado. Podemos ver cómo los iconos de cada mensaje ya no se muestran en una columna independiente, sino junto al título del tema. Además se han unido las columnas de respuestas y visitas, dándole más prioridad a las primeras que a las segundas.</p>
<p>Podemos ver cómo han obtado por los bordes curvos en los enlaces de la paginación de cada foro.</p>
<div id="attachment_2638" class="wp-caption alignleft" style="width: 140px"><a href="http://sumolari.com/wp-content/uploads/2009/09/popupmenu.png" rel="lightbox-2633"><img class="size-thumbnail wp-image-2638" title="Menú desplegable" src="http://sumolari.com/wp-content/uploads/2009/09/popupmenu-230x130.png" alt="Menú desplegable" width="130" height="73" /></a><p class="wp-caption-text">Menú desplegable</p></div>
<p>El menú característico de <a href="../tag/vbulletin/">vBulletin</a> se ha rediseñado para no recurrir a <a href="http://sumolari.com/category/javascript/">Javascript</a> y necesitar sólo <a href="http://sumolari.com/category/css/">CSS</a> para funcionar. De nuevo podemos ver el tema de los bordes curvos en los enlaces, tanto en el propio menú desplegable cómo en el enlace que lo despliega.</p>
<p>Ya podemos ver la combinación de colores predominante: blanco, un morado claro, amarillo (casi blanco) y naranja. Una combinación que permite leer perfectamente el texto en color negro.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/postbit.png" rel="lightbox-2633"><img class="alignnone size-full wp-image-2640" title="Un tema" src="http://sumolari.com/wp-content/uploads/2009/09/postbit.png" alt="Un tema" width="737" height="562" /></a></p>
<p>El listado de mensajes de un tema de ha renovado totalmente. Ahora la información del autor se muestra a la izquierda del mensaje, sin ninguna línea de división, a la vez que el título del mensaje se separa con un fondo con un degradado claro.</p>
<p>Los enlaces para responder a un tema, editar y citar son ahora más simples y no recurren a imágenes, aunque se puede activar el modo antiguo de mostrar los mensajes, quedando así en el nuevo diseño:</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/postbit-hover.png" rel="lightbox-2633"><img class="alignnone size-full wp-image-2639" title="Mensaje" src="http://sumolari.com/wp-content/uploads/2009/09/postbit-hover.png" alt="Mensaje" width="664" height="307" /></a></p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/09/newreply-upper.png" rel="lightbox-2633"><img class="alignnone size-full wp-image-2637" title="Responder a un mensaje" src="http://sumolari.com/wp-content/uploads/2009/09/newreply-upper.png" alt="Responder a un mensaje" width="682" height="638" /></a></p>
<p>El formulario para publicar nuevos temas se ha rediseñado también. Ahora el editor no destaca tanto y tiene un fondo blanco que le da un aspecto más claro, simple y agradable.</p>
<p>Sin duda, un nuevo diseño totalmente acertado que seguro que les gustará a todos los usuarios de <a href="../tag/vbulletin/">vBulletin</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/los-proximos-disenos-para-foros-vbulletin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tutorial: Crear un portal con WordPress y bbPress – Parte II</title>
		<link>http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-%e2%80%93-parte-ii/</link>
		<comments>http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-%e2%80%93-parte-ii/#comments</comments>
		<pubDate>Sun, 23 Aug 2009 08:44:45 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[bbPress]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[foros]]></category>
		<category><![CDATA[themes]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2460</guid>
		<description><![CDATA[Bien, ayer dejamos el tutorial después de tener instalado, configurado y ajustado WordPress y Portal Colorido, que debería tener un aspecto como el de la imagen de arriba, así que ahora vamos a comenzar a instalar, configurar y ajustar bbPress y Foro Colorido. Instalar bbPress Lo primero que haremos será ir a la URL de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sumolari.com/wp-content/uploads/2009/08/como_queda_wordpress.png" rel="lightbox-2460"><img class="alignnone size-large wp-image-2465" title="WordPress con Portal Colorido" src="http://sumolari.com/wp-content/uploads/2009/08/como_queda_wordpress-848x372.png" alt="WordPress con Portal Colorido" width="848" height="372" /></a></p>
<p>Bien, <a href="http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-parte-i/">ayer dejamos el tutorial</a> después de tener instalado, configurado y ajustado <a href="http://sumolari.com/category/wordpress">WordPress</a> y <a href="http://sumolari.com/plugins-temas/portal-colorido/">Portal Colorido</a>, que debería tener un aspecto como el de la imagen de arriba, así que ahora vamos a comenzar a instalar, configurar y ajustar <a href="http://sumolari.com/tag/bbpress">bbPress</a> y <a href="http://sumolari.com/plugins-temas/foro-colorido/">Foro Colorido</a>.</p>
<p><span id="more-2460"></span></p>
<h3>Instalar bbPress</h3>
<div id="attachment_2467" class="wp-caption alignleft" style="width: 168px"><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_1.png" rel="lightbox-2460"><img class="size-thumbnail wp-image-2467" title="Instalar bbPress" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_1-230x130.png" alt="Instalar bbPress" width="158" height="89" /></a><p class="wp-caption-text">Instalar bbPress</p></div>
<p>Lo primero que haremos será ir a la <em>URL de bbPress</em>, que debería ser: <em>URL a WordPress / foro</em>. En mi caso es <em>http://localhost:8888/demo_portal_con_foro/foro/</em>. Esta página nos redirigirá al instalador de <a href="../tag/bbpress">bbPress</a>. El primer paso del instalador comprueba que no existe el archivo <em>bb-config.php</em> y nos propone ir al paso 1 de la instalación. Para continuar hacemos clic en <em>Go to step 1.</em></p>
<div id="attachment_2468" class="wp-caption alignright" style="width: 159px"><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_2.png" rel="lightbox-2460"><img class="size-thumbnail wp-image-2468" title="Instalar bbPress - Paso 1" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_2-230x130.png" alt="Instalar bbPress - Paso 1" width="149" height="84" /></a><p class="wp-caption-text">Instalar bbPress - Paso 1</p></div>
<p>En el primer paso nos pedirá los datos de la base de datos. ¿Os acordáis de los que ayer pusimos en <a href="../category/wordpress">WordPress</a>? Pues bien, aquí serán los mismos. Una vez rellenados, tenemos que marcar la opción <em>Show advanced settings</em>, que nos mostrará otros datos, como el prefijo de las tablas. Este prefijo no tiene que coincidir con el de <a href="../category/wordpress">WordPress</a>, deben ser distintos. Puedes dejar <em>bb_</em>, aunque yo he obtado por poner <em>foro_</em>. Una vez hayamos acabado, hacemos clic en <em>Save database configuration file</em>.</p>
<div id="attachment_2469" class="wp-caption alignleft" style="width: 166px"><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_3.png" rel="lightbox-2460"><img class="size-thumbnail wp-image-2469" title="Instalar bbPress - Paso 2" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_3-230x130.png" alt="Instalar bbPress - Paso 2" width="156" height="87" /></a><p class="wp-caption-text">Instalar bbPress - Paso 2</p></div>
<p>Ahora llegamos al punto más complicado de la instalación: la integración de los usuarios y las sesiones. En la página que veremos tendremos que marcar <em>Add integration settings</em>, y una vez marcado, <em>Add cookie integration settings</em> y <em>Add user database integration settings</em>.</p>
<p>Explicaré primero el punto de las cookies.</p>
<p>El primer dato que nos pide es la <em>URL de WordPress</em>. Este dato lo sabemos, al igual que el siguiente, que es la <em>URL al blog</em>, que coincide con la de <a href="../category/wordpress">WordPress</a>. A partir de aquí ya vienen los puntos complicados.</p>
<p><em>WordPress &#8220;auth&#8221; cookie key</em> es un valor que está en el archivo <em>wp-config.php</em>, en la <em>raíz de WordPress</em>. Durante este paso modificaremos un par de veces el archivo, así que no lo cerréis antes de acabar.</p>
<p>Nos situaremos en las líneas 45-48, y veremos el siguiente código:</p>
<pre class="brush: php; title: ; notranslate">
define('AUTH_KEY', 'put your unique phrase here');
define('SECURE_AUTH_KEY', 'put your unique phrase here');
define('LOGGED_IN_KEY', 'put your unique phrase here');
define('NONCE_KEY', 'put your unique phrase here');
</pre>
<p>Bien, estas 4 líneas definen los valores de <em>AUTH_KEY</em>, <em>SECURE_AUTH_KEY</em>, <em>LOGGED_IN_KEY</em> y <em>NONCE_KEY</em>. Yo los voy a modificar sólo para que podáis distinguirlos, pero es muy recomendable cambiarlos por otros. Poned lo que queráis, números al azar, una frase, etc. Mi código al final quedaría así:</p>
<pre class="brush: php; title: ; notranslate">
define('AUTH_KEY', 'auth');
define('SECURE_AUTH_KEY', 'secure_auth');
define('LOGGED_IN_KEY', 'logged');
define('NONCE_KEY', 'nonce');
</pre>
<p>De momento ya hemos acabado con <em>wp-config.php</em>, pero aún nos quedan unos pocos valores por colocar.</p>
<p>Ahora tenemos que ir a <em>URL a WordPress/wp-admin/options.php</em>. Allí tendremos que buscar en la columna de la izquierda unos nombres y sacar los valores que hay a su derecha.</p>
<p>El primero será <em>auth_salt</em>, que se corresponde con el valor de <em>WordPress &#8220;auth&#8221; cookie salt</em>. En mi caso es <em>K%p*az)*k!jkKnEOyzqLGX$I@pYrBKF7YkUahn@BV6hRvXk6m$ObQis!nvr#*v(D</em>.</p>
<p>El segundo será <em>logged_in_salt</em>, que se corresponde con el valor de <em>WordPress &#8220;logged in&#8221; cookie salt</em>. En mi caso es <em>Hi9pyrf6lj(OkMPklgY(rTzHgPwTqBTIG0vMm6Z5jrlBAKq1L4T!hkiXxz*95!OK</em>.</p>
<p>El campo de <em>WordPress &#8220;secure auth&#8221; cookie salt </em>estará en blanco, no os preocupéis, no pasa nada, <a href="../tag/bbpress">bbPress</a> tratará de detectarlo automáticamente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_4.png" rel="lightbox-2460"><img class="alignnone size-full wp-image-2470" title="Instalar bbPress - Integración de Cookies" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_4.png" alt="Instalar bbPress - Integración de Cookies" width="734" height="454" /></a></p>
<div id="attachment_2471" class="wp-caption alignleft" style="width: 223px"><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_5.png" rel="lightbox-2460"><img class="size-thumbnail wp-image-2471" title="Instalar bbPress - Integración de usuarios" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_5-230x130.png" alt="Instalar bbPress - Integración de usuarios" width="213" height="120" /></a><p class="wp-caption-text">Instalar bbPress - Integración de usuarios</p></div>
<p>Bien, ya tenemos la parte de las cookies, ahora toca la integración de usuarios. Este paso es más fácil. Veremos dos campos, el primero tendrá de valor <em>wp_</em> y el segundo estará en blanco. El primer campo correponde con el prefijo de las tablas de <a href="../category/wordpress">WordPress</a>, en mi caso es <em>portal_</em>.  El segundo es para integración con WordPress MU, pero como usamos <a href="../category/wordpress">WordPress</a> no necesitamos poner nada.</p>
<p>Por último le damos a <em>Save WordPress integration settings</em>. Si todo ha ido bien veremos una página que nos confirma que todo está correcto. En esa página le daremos a <em>Go to step 3</em>.</p>
<p>El último paso nos pedirá un nombre para el foro (yo suelo usar NOMBRE DE WORDPRESS &#8211; FORO), la URL del foro (que se rellena automáticamente), el usuario que será el administrador del foro (debes seleccionar tu usuario, aunque seguramente no habrá nadie registrado en WordPress, así que no podás equivocarte) y por último un nombre para el primer foro (puedes poner lo que quieras, ya que se puede cambiar más adelante).</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_6.png" rel="lightbox-2460"><img class="alignnone size-full wp-image-2472" title="Instalar bbPress - Paso 3" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_6.png" alt="Instalar bbPress - Paso 3" width="738" height="369" /></a></p>
<p>Cuando hayamos acabado le damos a <em>Save site settings</em>. A continuación nos mostrará una página que nos confirmará que todo está correcto. Tendremos que darle a <em>Complete the installation</em>.</p>
<p>Finalmente <a href="../tag/bbpress">bbPress</a> nos mostrará una página con la <em>URL a nuestro foro</em>, el usuario que usaremos para administrar el foro y su contraseña.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_7.png" rel="lightbox-2460"><img class="alignnone size-full wp-image-2473" title="Instalar bbPress - Completado" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_bbpress_7.png" alt="Instalar bbPress - Completado" width="730" height="386" /></a></p>
<h3>Ajustar bbPress</h3>
<p>Ya hemos completado la instalación. Ahora es el momento de ajustar el diseño. Vamos a <em>URL de bbPress /bb-admin</em>. Allí vamos a <em>Appearance</em> y activamos el tema <a href="../plugins-temas/foro-colorido/">Foro Colorido</a>.</p>
<p>Ahora tenemos que modificar el tema <a href="../plugins-temas/foro-colorido/">Foro Colorido</a> para que tenga el mismo menú que el del portal. Abrimos el archivo <em>header.php</em> que se encuentra en <em>raíz de bbPress/bb-templates/foro-colorido</em>.</p>
<p>Por otro lado, vamos a la <em>URL de WordPress</em>, y miramos el código fuente de la página (en Firefox se hace con: Botón Derecho -&gt; Ver código fuente de la página.</p>
<p>Buscamos una línea que comienza con:</p>
<pre class="brush: xml; title: ; notranslate">&lt;ul id=&quot;mainmenu&quot;&gt;</pre>
<p>En esa línea está el menú principal. Cada enlace del menú principal tiene la siguiente estructura:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;li class=&quot;color-COLOR&quot;&gt;&lt;a href=&quot;URL&quot;&gt;&lt;span class=&quot;tab-left&quot;&gt;&lt;span class=&quot;tab-right&quot;&gt;&lt;span class=&quot;tab-center&quot;&gt;NOMBRE&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
</pre>
<p>Tenemos que copiar todos los enlaces que hay hasta llegar al del foro. Por ejemplo, en mi caso tendría que copiar:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;li class=&quot;color-black&quot;&gt;&lt;a href=&quot;http://localhost:8888/demo_portal_con_foro&quot;&gt;&lt;span class=&quot;tab-left&quot;&gt;&lt;span class=&quot;tab-right&quot;&gt;&lt;span class=&quot;tab-center&quot;&gt;Inicio&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;color-blue&quot;&gt;&lt;a href=&quot;http://localhost:8888/demo_portal_con_foro/about/&quot;&gt;&lt;span class=&quot;tab-left&quot;&gt;&lt;span class=&quot;tab-right&quot;&gt;&lt;span class=&quot;tab-center&quot;&gt;About&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
</pre>
<p>En vuestros casos debería ser igual a excepción de los enlaces.</p>
<p>Ahora volvemos al archivo <em>header.php</em>, y pegamos este código en la línea 106.</p>
<p>De momento tenemos el mismo menú, sólo que ahora hay un par de enlaces más y el color no es el correcto. Corrijamos esto.</p>
<p>Nos situamos en las lineas 7-15 de <em>header.php</em>, y veremos la siguiente matriz:</p>
<pre class="brush: php; title: ; notranslate">
$colors = array (
1 =&gt; 'black',
2 =&gt; 'blue',
3 =&gt; 'orange',
4 =&gt; 'brown',
5 =&gt; 'red',
6 =&gt; 'purple',
7 =&gt; 'green'
);
</pre>
<p>La matriz está ordenada de la siguiente forma: negro &#8211; azul &#8211; naranja &#8211; marrón  &#8211; rojo &#8211; morado &#8211; verde. Al unir los menús, el color del menú que crea <a href="../plugins-temas/foro-colorido/">Foro Colorido</a> comienzan desde el negro, cuando es más que probable que en el portal el link hacia el foro sea de color naranja. Lo que tenemos que hacer es reordenar los colores.</p>
<p>Por ejemplo, en mi caso el link hacia el foro es naranja, pues tendré que ir moviendo los índices (los números) de la matriz de forma que quede el 1 en el naranja (orange), el 2 en el marrón (brown), etc.</p>
<p>A mí me quedaría así la matriz:</p>
<pre class="brush: php; title: ; notranslate">
$colors = array (
6 =&gt; 'black',
7 =&gt; 'blue',
1 =&gt; 'orange',
2 =&gt; 'brown',
3 =&gt; 'red',
4 =&gt; 'purple',
5 =&gt; 'green'
);
</pre>
<p>Y finalmente, el foro quedaría así:</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/foro_final.png" rel="lightbox-2460"><img class="alignnone size-large wp-image-2466" title="Foro al final" src="http://sumolari.com/wp-content/uploads/2009/08/foro_final-848x360.png" alt="Foro al final" width="848" height="360" /></a></p>
<p>Y&#8230; ¡voilá! Ya tenemos listo el foro y el portal, unificados en estilo y usuarios gracias a <a href="http://sumolari.com/category/wordpress">WordPress</a>, <a href="http://sumolari.com/plugins-temas/portal-colorido/">Portal Colorido</a>, <a href="http://sumolari.com/tag/bbpress">bbPress</a> y <a href="http://sumolari.com/plugins-temas/foro-colorido/">Foro Colorido</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-%e2%80%93-parte-ii/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Tutorial: Crear un portal con WordPress y bbPress &#8211; Parte I</title>
		<link>http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-parte-i/</link>
		<comments>http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-parte-i/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 08:56:40 +0000</pubDate>
		<dc:creator>Sumolari</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[bbPress]]></category>
		<category><![CDATA[foros]]></category>

		<guid isPermaLink="false">http://sumolari.com/?p=2424</guid>
		<description><![CDATA[Aunque crear un portal con WordPress y bbPress es algo muy sencillo (y es igual de fácil compartir los usuarios), es posible que hayan dudas sobre el proceso. En este tutorial explicaré paso a paso a instalar WordPress, instalar bbPress, usar el tema Portal Colorido para WordPress, el tema Foro Colorido para bbPress y unificar [...]]]></description>
			<content:encoded><![CDATA[<p>Aunque crear un portal con <a href="http://sumolari.com/category/wordpress">WordPress</a> y <a href="http://sumolari.com/tag/bbpress">bbPress</a> es algo muy sencillo (y es igual de fácil compartir los usuarios), es posible que hayan dudas sobre el proceso. En este tutorial explicaré paso a paso a instalar <a href="../category/wordpress">WordPress</a>, instalar <a href="../tag/bbpress">bbPress</a>, usar el tema <a href="http://sumolari.com/plugins-temas/portal-colorido/">Portal Colorido</a> para <a href="../category/wordpress">WordPress</a>, el tema <a href="http://sumolari.com/plugins-temas/foro-colorido">Foro Colorido</a> para <a href="../tag/bbpress">bbPress</a> y unificar el aspecto de ambos.</p>
<h3><span id="more-2424"></span>Preparar los archivos</h3>
<p>Lo primero que haremos será <a href="http://wordpress.org/latest.zip">descargar WordPress</a>. Luego descomprimiremos la carpeta y la subiremos al servidor donde lo queremos instalar. En mi caso lo voy a intalar en mi servidor local, dentro de una carpeta llamada <em>demo_portal_con_foro</em>. A partir de ahora para referirnos a esta carpeta hablaremos de la carpeta raíz de <a href="../category/wordpress">WordPress</a>. La carpeta raíz de <a href="../category/wordpress">WordPress</a> deberá tener tres subcarpetas (<em>wp-admin</em>, <em>wp-includes</em> y <em>wp-content</em>) y diversos archivos (como <em>wp-config-sample.php</em>).</p>
<p><strong>Nota:</strong> Si lo que queréis es tener el portal en la página principal de un dominio (por ejemplo, miweb.com), tendremos que poner los archivos de WordPress en la carpeta principal del dominio, si tenéis problemas con este punto, consultad con vuestros proveedores de hosting. La mayoría de las veces la carpeta raíz del dominio coincide con la carpeta public_html.</p>
<div id="attachment_2432" class="wp-caption alignright" style="width: 110px"><a href="http://sumolari.com/wp-content/uploads/2009/08/Imagen-31.png" rel="lightbox-2424"><img class="size-thumbnail wp-image-2432 " title="Carpeta themes" src="http://sumolari.com/wp-content/uploads/2009/08/Imagen-31-230x130.png" alt="Carpeta themes" width="100" height="55" /></a><p class="wp-caption-text">Carpeta themes</p></div>
<p>Bien, una vez tenemos los archivos en el servidor tenemos que <a href="http://wordpress.org/extend/themes/portal-colorido">descargar Portal Colorido</a>. Una vez descargado lo descomprimimos y subimos la carpeta que hemos obtenido al descomprimir a la carpeta themes de <a href="../category/wordpress">WordPress</a>.</p>
<p>Esta carpeta se encuenta en: <em>Raíz de WordPress » wp-content » themes</em>.</p>
<div id="attachment_2431" class="wp-caption alignleft" style="width: 141px"><a href="http://sumolari.com/wp-content/uploads/2009/08/Imagen-21.png" rel="lightbox-2424"><img class="size-thumbnail wp-image-2431" title="Raíz de WordPress después del proceso" src="http://sumolari.com/wp-content/uploads/2009/08/Imagen-21-230x130.png" alt="Raíz de WordPress después del proceso" width="131" height="72" /></a><p class="wp-caption-text">Raíz de WordPress después del proceso</p></div>
<p>Ahora crearemos una carpeta dentro de la carpeta <em>Raíz de WordPress</em>, que tendrá por nombre: <em>foro</em>. En la carpeta foro es donde colocaremos los archivos de <a href="../tag/bbpress">bbPress</a>, pero para ello debemos <a href="http://bbpress.org/latest.zip">descargar bbPress</a> primero. A partir de ahora hablaremos de la <em>Raíz de bbPress </em>para referirnos a esta carpeta.</p>
<div id="attachment_2434" class="wp-caption alignright" style="width: 141px"><a href="http://sumolari.com/wp-content/uploads/2009/08/Imagen-51.png" rel="lightbox-2424"><img class="size-thumbnail wp-image-2434 " title="Carpeta bb-templates" src="http://sumolari.com/wp-content/uploads/2009/08/Imagen-51-230x130.png" alt="Carpeta bb-themes" width="131" height="74" /></a><p class="wp-caption-text">Carpeta bb-templates</p></div>
<p>Dentro de la Raíz de bbPress veremos diversas carpetas, de las cuales nos interesa <em>bb-templates</em>, ya que ahí debemos colocar la carpeta que obtenemos al descomprimir los archivos de <a href="http://sumolari.com/plugins-temas/foro-colorido">Foro Colorio</a>, que podemos descargar <a href="http://sumolari.com/?dl_id=2">aquí</a>.</p>
<div id="attachment_2433" class="wp-caption alignleft" style="width: 100px"><a href="http://sumolari.com/wp-content/uploads/2009/08/Imagen-41.png" rel="lightbox-2424"><img class="size-thumbnail wp-image-2433" title="Raíz de bbPress" src="http://sumolari.com/wp-content/uploads/2009/08/Imagen-41-230x130.png" alt="Raíz de bbPress" width="90" height="50" /></a><p class="wp-caption-text">Raíz de bbPress</p></div>
<p>Después de este proceso ya tendremos en nuestro servidor todos los archivos que usaremos a lo largo del proceso.</p>
<p>Antes de seguir con la instalación de <a href="../category/wordpress">WordPress</a> me gustaría aclarar que a partir de ahora haré referencias a la URL de <a href="../category/wordpress">WordPress</a> (la URL a la carpeta <em>raíz de WordPress</em>) y a la URL de <a href="../tag/bbpress">bbPress</a> (la URL a la carpeta <em>raíz de bbPres</em>).</p>
<h3>Instalar y ajustar WordPress</h3>
<p>Vamos a instalar <a href="../category/wordpress">WordPress</a>, para ello tenemos que ir a la URL de <a href="../category/wordpress">WordPress</a>, en mi caso, <em>http://localhost:8888/demo_portal_con_foro/</em>, en el vuestro dependerá de la carpeta<em> raíz de WordPress</em>. Al entrar veremos una página como la que podéis ver a continuación.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_1.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2451" title="Paso 1 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_1.png" alt="Paso 1 de la instalación" width="840" height="250" /></a></p>
<p>Le daremos a <em>Create a Configuration file</em>.</p>
<p><strong>Nota:</strong> Es posible que <a href="../category/wordpress">WordPress</a> no pueda crear el archivo <em>wp-config.php</em> de forma automática. Esto es debido a los permisos de la carpeta. Para que pueda crearlo debéis tener los permisos de la carpeta en, por ejemplo, 777, aunque luego los podéis cambiar después de crear el archivo <em>wp-config</em> y completar la instalación.</p>
<p>A confinuación veremos una página como la de la imagen siguiente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_2.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2452" title="Paso 2 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_2.png" alt="Paso 2 de la instalación" width="827" height="514" /></a></p>
<p>Esta ventana nos indica los datos que necesitaremos para la instalación. Si no los sabéis, consultad con vuestro proveedor de hosting.</p>
<p>Le daremos a <em>Let&#8217;s go!</em>. Y obtendremos una página como la siguiente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_3.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2453" title="Paso 3 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_3.png" alt="Paso 3 de la instalación" width="793" height="532" /></a></p>
<p>Aquí tendremos que introducir los datos de nuestra base de datos. En mi caso, el nombre es <em>demo_portal_con_foro</em>, el usuario <em>root</em>, la contraseña <em>root</em> y el servidor <em>localhost</em>. Como dice el instalador, el 99% de las veces no es necesario cambiarlo, así que podéis dejar éste último como venía por defecto. Como estoy usando un servidor local, que sólo sirve para pruebas, no importa que de los datos de mi base de datos, pero ojo, nunca debéis dar estos datos a nadie, ya que si alguien los supiese, podría modificar todo el contenido del portal y del foro.</p>
<p>Bien, hay que tener en cuenta que instalaremos <a href="../category/wordpress">WordPress</a> y bbPress en la misma base de datos, así que el prefijo (el último campo) deberá ser diferente en cada caso. Por defecto viene <em>wp_</em>, que no está mal, pero para diferenciar más y dejar claro las tablas que corresponden al portal, yo lo he cambiado por <em>portal_</em>.</p>
<p>Una vez lo hayamos completado le damos a <em>Submit</em>. Si todo ha ido bien, veremos una página como la siguiente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_4.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2454" title="Paso 4 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/instalar_wordpress_4.png" alt="Paso 4 de la instalación" width="810" height="266" /></a></p>
<p>Ahora basta con darle a <em>Run the install</em> y tras unos segundos veremos una página como la siguiente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/install_wordpress_5.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2455" title="Paso 5 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/install_wordpress_5.png" alt="Paso 5 de la instalación" width="796" height="544" /></a></p>
<p>En esta página nos pide un nombre para el blog (o el portal, en nuestro caso), un email para la cuenta del administrador (es recomendable usar uno verdadero, debido a que yo uso un servidor local, no suelo poner un email que exista, sino que me invento uno) y por último nos preguntará si queremos que la página aparezca en los buscadores. Es recomendable marcar esa casilla, aunque, de nuevo debido a mi servidor local, yo no la he marcado.</p>
<p>Cuando hayáis completado esta página, le dais a<em> Install WordPress</em> y veréis una página como la de la imagen siguiente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/install_wordpress_6.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2456" title="Paso 6 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/install_wordpress_6.png" alt="Paso 6 de la instalación" width="816" height="435" /></a></p>
<p>Esta página es tremendamente importante. Aquí veréis vuestro nombre de usuario (siempre es <em>admin</em>) y vuestra constraseña, que se genera al azar. Anotad esa clave, porque la necesitaréis para iniciar sesión (aunque luego se puede cambiar).</p>
<p>Bien, una vez anotada la clave le podéis dar a <em>Log In</em>, que os llevará a una página como la de la imagen.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/install_wordpress_7.png" rel="lightbox-2424"><img class="alignnone size-full wp-image-2457" title="Paso 7 de la instalación" src="http://sumolari.com/wp-content/uploads/2009/08/install_wordpress_7.png" alt="Paso 7 de la instalación" width="512" height="412" /></a></p>
<p>En esta página introduciremos nuestros datos (admin y la clave que hemos visto en el paso anterior) y le daremos a <em>Log In.</em></p>
<p>Con esto ya hemos instalado WordPress, pero aún nos queda ajustar algunas opciones, que podemos modificar en el Panel de Adminstración de WordPress (la página a la que llegamos después de iniciar sesión en el punto anterior).</p>
<p>Primero iremos a <em>Settings » Permalinks</em>, y ahí marcaremos la opción <em>Custom Structure</em> y pondremos en el campo de texto de su derecha: <em>/%postname%/</em>, dejándolo como la imagen siguiente.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_1.png" rel="lightbox-2424"><img class="alignnone size-large wp-image-2447" title="Ajustar WordPress - Paso 1" src="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_1-848x356.png" alt="Ajustar WordPress - Paso 1" width="848" height="356" /></a></p>
<p>A continuación iremos a <em>Appearance</em>, donde veremos un listado de temas. Buscamos Portal Colorido y  lo activamos, con lo que veremos una página como la de la imagen.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_2.png" rel="lightbox-2424"><img class="alignnone size-large wp-image-2448" title="Ajustar WordPress - Paso 2" src="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_2-848x212.png" alt="Ajustar WordPress - Paso 2" width="848" height="212" /></a></p>
<p>Después veremos un nuevo enlace en el menú del lateral izquierdo llamado <em>Portal Colorido</em>. Hacemos clic en él y veremos una página como la de la imagen.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_3.png" rel="lightbox-2424"><img class="alignnone size-large wp-image-2449" title="Ajustar WordPress - Paso 3" src="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_3-848x288.png" alt="Ajustar WordPress - Paso 3" width="848" height="288" /></a></p>
<p>Ésta es la página de opciones del tema <a href="../plugins-temas/portal-colorido/">Portal Colorido</a>, el lugar donde configuraremos un poco el diseño del portal. Debéis dejarlo como se ve en la imagen de arriba. En el campo de texto que no se ve bien (el tercero) pone: sort_column=menu_order&amp;parent=0.</p>
<p>Guardamos los cambios y ya tenemos configurado el diseño, pero aún queda una última cosa por hacer: un enlace al foro.</p>
<p>Vamos a <em>Pages <em>» </em>Add New</em> y escribimos en el título: <em>Foro</em>. A continuación le damos a <em>Publish</em> para publicar la página. Debería quedar como en la imagen que podéis ver a continuación.</p>
<p><a href="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_4.png" rel="lightbox-2424"><img class="alignnone size-large wp-image-2450" title="Ajustar WordPress - Paso 4" src="http://sumolari.com/wp-content/uploads/2009/08/ajustar_wordpress_4-848x374.png" alt="Ajustar WordPress - Paso 4" width="848" height="374" /></a></p>
<p>Ojo, fijáos en que debajo del título, donde pone <em>Permalink</em>, la dirección acabe en <em>/foro/</em>. Es muy importante, así que no acaba de esa forma, editadlo para que sí lo haga.</p>
<p>Por último tenemos que editar el archivo<em> functions.php</em> que hay dentro de la <em>carpeta de Portal Colorido</em>, que está en:<em> Raíz de WordPress » wp-content » themes » portal-colorido » functions.php</em>. En la línea 97 tenemos que añadir:</p>
<pre class="brush: php; title: ; notranslate">
if ($echo) { echo '
&lt;li class=&quot;color-'.$colors[1].'&quot;&gt;&lt;a href=&quot;'.get_bloginfo('url').'&quot;&gt;&lt;span class=&quot;tab-left&quot;&gt;&lt;span class=&quot;tab-right&quot;&gt;&lt;span class=&quot;tab-center&quot;&gt;'.$lang[39].'&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
'; }

$n++;
</pre>
<p>Y con esto hemos acabado de instalar y configurar <a href="../category/wordpress">WordPress</a>. En la parte II explicaré como instalar e integrar <a href="../tag/bbpress">bbPress</a> con <a href="../category/wordpress">WordPress</a> y como adaptarlo para que tengan el mismo estilo y el mismo menú.</p>
]]></content:encoded>
			<wfw:commentRss>http://sumolari.com/tutorial-crear-un-portal-con-wordpress-y-bbpress-parte-i/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

