En este link se explica como crear el .ico con photoshop y como usarlo.

Como no me puedo permitir imponer al usuario el requisito de que, si utiliza el Explorer, use IE7+ he tenido que buscar una solución. Me he dado un tiempo para buscar y probar soluciones y al final a pesar de algunos avances he tenido claro que había que cambiar de extensión.

Puestos en faena no ha sido tan traumático, ya que no he tardado mucho en encontrar otra extensión que ofreciera pestañas. La extensión es jTabs y de hecho he visto que mejoraba en bastantes aspectos el producto de Gavick. Primero, claro, porque permite usar IE6 y segundo es que cumplía mis necesidades de una manera mucho mas sencilla que el anterior. Es un único módulo en cuya configuración dispone de un formulario con 10 entradas para 10 pestañas (como no he necesitado más, desconozco si en caso de necesitarlo habría manera de conseguir más pestañas). Para cada pestaña indicamos un título y el contenido directamente. Esto nos evita crear grupos de pestañas, un artículo para cada pestaña y finalmente asociar los artículos a pestañas como nos pasaba con Gavick.

El contenido de la pestaña lo podemos tratar como un artículo, pudiendo incluir otros módulos como en mi caso era necesario (para imágenes, vídeos y audios).

Instalación

1.- Bajamos el módulo de aquí.
2.- Lo instalamos desde el Back de Joomla.
3.- Accedemos a la Gestión de Módulos y desde aquí al Back del módulo.
4.- Lo activamos y podemos tocar otros aspectos de la configuración como el tipo de pestañas (Acordeón u horizontal) así como otras opciones y el contenido de cada pestaña descrito previamente.
5.- Como se trata de un módulo, podemos crear un artículo que lo incluya (ver este artículo).

A partir de aquí me he dedicado a tocar la css (jquery-ui.css) y algunas partes del módulo para ajustar el diseño al template de mi portal.

1.- Código XHTML y CSS válidos.

Este punto ya lo hemos resuelto (ver el artículo 1.-Cumplir los estándares).

2.- URL’s SEF. Básicamente se trata de utilizar URL’s que sean medianamente comprensibles (esto vale tanto para google como para los humanos). Como ejemplo, en mio sitio, la URL de noticias generada por Joomla es:

www.aesa-nerja.com/index.php?option=com_content&view=category&layout=blog&id=2

que ni a nosotros ni al bsucador nos dice demasiado. Mientras que una URL SEF sería:

www.aesa-nerja.com/noticias

O sea que se trata de mapear las URL’s de Joomla con otras más amigables.

Para ello necesitamos lo siguiente:

* Que nuestro servidor sea Apache. Si no lo es, no se puede.

* Un fichero .htaccess, con el código que transforme las URL’s. La transformación puede ser manual mediante mapeos directos o se puede utilizar un código que lo haga automáticamente, basándose en el lenguaje que entiende Apache. Joomla trae un htaccess.txt que, renombrándolo a .htaccess, debería valer pero a mi no me funcionó, asíq ue anduve buscando y encontré que el siguiente me servía:
Options +FollowSymLinks

RewriteEngine On

RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|\%3D) [OR]
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]
RewriteCond %{QUERY_STRING} (\|%3E) [NC,OR]
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
RewriteRule ^(.*)$ index.php [F,L]

RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !^/index.php
RewriteCond %{REQUEST_URI} (/|\.php|\.html|\.htm|\.feed|\.pdf|\.raw|/[^.]*)$ [NC]
RewriteRule (.*) index.php
RewriteRule .* – [E=HTTP_AUTHORIZATION:%{HTTP:Authorization},L]

No entiendo nada de lo que pone pero me funciona.

* Tener en nuestro servidor la opción mod_rewrite activada.

*Activar en el Back de Joomla las opciones SEF. Desde “Sitio->ConfiguraciónGlobal”, ir a pestaña “Sitio” y en el bloque de opciones “Parámetros de optimización SEO”, marcar las dos primeras. La tercera añade “.html” a la url y (personalmente) prefiero que no lo haga.

Esto es sólo un resumen , para ver por donde van los tiros. En este artículo podéis encontrar más información.

3.- Robots.txt y sitemap.xml.

El primero nos viene por defecto en la instalación de Joomla indicando a google qué directorios de la instalación debe ignorar. En este fichero se puede indicar también a google donde puede encontrar el xml con el mapa del sitio, para facilitarle el rastreo (lo cual nos favorecerá a la hora de posicionar). Esto no viene por defecto con Joomla pero lo podemos añadir con la siguiente línea:

Sitemap: http://www.nuestro_dominio.com/sitemap.xml

Al final del fichero.

Se trataría de que el fichero sitemap.xml se generara y actualizara automáticamente mediante algún script para evitarnos hacer esta tarea de manera manual. En realidad, la extensión Xmap que tenemos instalada (Ver artículo) ya nos facilita esta tarea. Accediendo a Su back (“Componentes->Xmap”) dentro de la pestaña “sitemaps” desplegamos menú “opciones->preferencias” y nos muestra, entre otras cosas, una url al xml. Esta url genera dinámicamente el xml por lo que, poniéndola en el robots.txt mantendremos la información que se da a Google siempre actualizada.

4.- Registro de nuestra url en google.

Si no tenemos una cuenta como Webmaster en Google, la creamos. Ahí podemos registrar nuestra web y acceder a múltiples herramientas para controlar las visitas y el posicionamiento en google de nuestra web.

5.- Información del contenido en Joomla. Mayormente, descripción del sitio, palabras clave, títulos de las páginas y breadcrumbs.

Los dos primeros los encontramos en “Sitio->Configuración Global” pestaña “sitio”, bloque “Parámetros de los metadatos”.

Los títulos de las páginas se pueden indicar a partir de la configuración de los ítems de los menús. En la columna de la derecha, en la pestaña “Parámetros-Sistema” y, lógicamente, conviene que sean descriptivos del contenido de dicha opción de menú.

Los “breadcrumbs” son la ruta de acceso que suele aparecer en la parte superior de algunos sitios web, que nos indica en qué punto dentro del mapa del sitio nos encontramos, permitiéndonos acceder a cualquier contenido del que cuelga la página actual. Es un módulo y para activar debemos ir a “Extensiones -> Gestor de módulos”, añadir un nuevo módulo (botón “Nuevo” de la parte superior derecha) y seleccionar “Ruta de Acceso”. Desde aquí accedemos a la configuración del módulo, bastante sencilla.

6.- Conseguir links a nuestra web
Siempre y cuando la temática esté relacionada será positivo disponer de enlaces desde otras webs.

Para solucionar estos errores existen los hacks que no dejan de ser código ‘tramposo’ en nuestras css que utilizan bugs de los navegadores para meter código que sólo va a ser interpretado por uno u otro navegador.

Esto presenta dos grandes problemas. Primero que es una chapuza y, pero aun, que la chapuza es visible por el usuario. Segundo que los hacks, al ser ‘errores’ no validan CSS y eso ya es mas grave.

Existe una solución que permite adaptarnos al navegador de manera transparente al usuario y utilizando código CSS válido. Ésta se puede ver en este artículo:

‘Hacks’ css válidos

Joomla cumple con estos estandares por lo que los problemas pueden venir por las extensiones que hayamos instalado o por las modificaciones que hayamos realizado nosotros mismos sobre éstas.

1.-Validación XHTML

Para validar que nuestro código cumple el estándar XHTML 1.0 podemos utilizar el validador oficial en:

http://validator.w3.org/

Donde indicamos la url que queremos validar y corregimos los errores que nos hayan podido aparecer. El problema es que esto sólo nos valida la url indicada, de manera que si le pasamos la raíz d nuestra web no navega por todo el entramado de enlaces que cuelga de ésta. Una herramienta que mejora esto es:

http://www.validator.ca/

La cual rastrea y evalúa toda nuestra web mostrándonos, para cada página, los errores que haya podido encontrar. Para algunas de las urls dentro de mi sitio me he encontrado que indicaba error pero al acceder al resultado de la validación W3C me salía como correcta. No sé si es un bug o es que algo se me escapa, en cualquier caso nos facilita bastante la vida.

En el conjunto de las extensiones instaladas, la que más problemas me ha dado con diferencia es ccboard (para el foro) aunque también es la más compleja. A la hora de elegir extensiones Joomla no suelo ver comentarios referente al resultado de las validaciones W3C, pero sería recomendable informarse sobre este punto dado que, si queremos que nuestro sitio valide, puede suponernos una cantidad de horas importante corrigiendo errores de código ajeno (sobretodo por que a veces encontrar la raíz del problema puede ser un verdadero quebradero de cabeza).

A continuación hago referencia a un par de errores de validación que creo que merece la pena mencionar.

1.1.-Uso del ‘&’ en links y action’s de formularios

El uso del carácter ‘&’ (tal cual) en links y actions genera un error XHTML ya que el estándar pide que se utilice el código html (‘&’). Dado que algunos links venían parametrizados como variables PHP la manera que he encontrado de resolverlo ha sido utilizando el método str_replace(…) de php. Así si el link viene como:

….href=”<?php echo $url ?>”

lo cambio por

….href=”<?php echo str_replace(‘&’, ‘&amp;’, $url) ?>”

lo que sustituirá cada aparición de un ampersand por su codificación HTML.

Esto vale para otros caracteres que generen error por no estar codificados.

Nota: Estuve investigando sobre si esto supondría un problema en el caso de que le queramos pasar un ‘&’ como parte de un parámetro (p.ej. si queremos pasar ‘smith&wesson’ como valor de un parametro ‘gun’). Por lo que he visto no habría conflicto ya que la manera de pasar este tipo de caracteres por url es mediante la codificación de éstos (con el método PHP urlencode(“”) p.ej.) y la codificación del ampersand queda como “%26″. Supongo que debe haber algún caso patológico en el que el uso de esta solución genere algún problema, pero en este caso me ha solucionado el problema.

1.2.-Código generado automáticamente en editores WYSIWYG

Al guardar textos en editores WYSIWYG es frecuente que este le añada código y que éste no sea XTHML válido. Por más que queramos eliminar este código, al guardar, el editor los vuelve a generar. La manera como he resuelto este problema ha sido modificando el contenido directamente en la BD. Como me ha pasado con artículos he modificado la columna ‘introtext’ de la tabla ‘jos_content’, eliminando de ahí los errores. Evidentemente si el error se encuentra en el texto de categorías, secciones u otro ítem del sistema habría que buscar la tabla donde se guarda en bd y modificarla.

2.-Validación CSS

Para la validación CSS también existe el validador oficial:

http://jigsaw.w3.org/css-validator/

Pero en este caso no he encontrado una herramienta que rastree el sitio completo y nos libere de hacer esta tarea manualmente. Lo que he hecho ha sido pasarle manualmente todas las URLs generadas por la herramienta anteriormente comentada (http://www.validator.ca/) para evitar así dejarme alguna. Una tarea de chinos sin duda.

No he encontrado ningún error especialmente difícil, pero si muchos warnings que a simple vista eran tan complejos de resolver que he preferido dejarlos (con los warnings valida igualmente).

3.-Validación RSS

La validación de nuestro RSS la podemos hacer en la página:

http://feedvalidator.org/

pasándole la URL  del feed que queremos validar. Para el rss-feed que tengo instalado (bca-rss-syndicator) no  me ha dado ningún error pero si una recomendación. Se quejaba de que el tag title estaba vacío y que esto podía provocar algún problema. Para resolverlo me he ido al fichero ‘feedcreator.class.php’ del componente y donde genera el título he cambiado:

$feed.= ”        <title>”.FeedCreator::iTrunc(htmlspecialchars($this->title),100).”</title>\n”;

por

if(str_replace(” “, “”, $this->title)==”"){

$feed.= ”        <title>”.FeedCreator::iTrunc(htmlspecialchars(“No Feed Title”),100).”</title>\n”;

}

else{

$feed.= ”        <title>”.FeedCreator::iTrunc(htmlspecialchars(” “.$this->title),100).”</title>\n”;

}

Lo que he hecho ha sido validar si el feed tiene o no título (ya que desde el back del componente no se nos obliga a darle un título). Si lo tiene lo informo tal y como ya lo hacía previamente y si no lo tiene se lo pongo como “No Feed Title”. Así el warning queda resuelte y en el caso de que el feed no tenga título, aparece algo coherente.

Conclusiones

Con estos puntos resueltos ya podemos poner los links que permiten a los usuarios comprobar que nuestro sitio cumple los estándares W3C.

http://extensions.joomla.org/extensions/advanced-search-results/14899

El primero que he probado ha sido Xmap y como me ha funcionado perfectamente es con el que me he quedado. Se puede bajar desde:

http://joomla.vargas.co.cr/downloads/doc_download/124-xmap-122-for-joomla-15

Viene el componente y un plugin. Los instalamos en ese orden mediante el back de Joomla. Al acceder al back del complemento (Componentes->Xmap) podemos indicarle de qué menús queremos que nos genera el mapa web. Yo los he incluido todos para que me genere el mapa web completo del sitio.

Si continuamos en la configuración del complemento Xmap tenemos un pequeño menú “Opciones” desde el que podemos acceder a más preferencias del complemento. Esto nos sirve, entre otras cosas, para ver la URL del mapa web en HTML (también se puede acceder a la URL del XML y a la del News Sitemap, que no sé lo que es).

Ahora, en el mismo módulo de HTML personalizado que creé para el link RSS le incluyo una imagen para el sitemap con link a la URL del HTML del sitemap.

1.- Feed (aka servidor de noticias o fuente de noticias). Es la herramienta que lleva a cabo la sindicación de contenidos, es decir, el control de un determinado sistema de información (p.ej. un blog, portal, wiki, o apartados concretos dentro de éstos) y que se actualiza periódicamente (según configuremos el tiempo de cache del feed) con las novedades que se puedan generar. Al feed se accede mediante una URL desde la que sirve los contenidos.

2.- Lector RSS (aka agregador). Es el programa que lee del feed (indicándole su URL) y que se actualiza con los nuevos contenidos. Hay programas exclusivos de lectura de feeds y páginas web que proporcionan este servicio aunque los navegadores suelen tenerlos incorporados.

3.- Teniendo en cuenta las definiciones del punto 1 y 2, ya podemos decir que RSS (Really Simple Sindication) es un estándard que define un formato XML, mediante el cual se comunican el feed y el lector de noticias.

Lo que se requiere en este proyecto es un Feed que sirva las novedades en cuanto a “Noticias” y “Anuncios”. Las “Noticias” y los “Anuncios” en nuestro portal van a ser artículos que van a estar asociados a la categoría “noticias” o “anuncios” que hemos definido en el back de Joomla. Así cualquier nuevo artículo que se publique en una de estas categorías será leído y enviado por el feed, para que los suscriptores lo reciban mediante su agregador.

Nota: Podríamos crear dos feeds y asociar cada uno a una categoría, pero de momento se pueden enviar conjuntamente en un feed único.

La lista de extensiones Joomla para la sindicación de contenidos la podemos encontrar en:

http://extensions.joomla.org/extensions/advanced-search-results/4697

Después de haber buscado por otras vías, por popularidad me he quedado con el BCA RSS Syndicator:

http://extensions.joomla.org/extensions/content-sharing/rss-syndicate/6392

Instalación, Configuración y Uso

1.- Al descargarlo nos viene un zip con un componente y un módulo (un detalle el que venga ya todo junto y no tengas que andar buscando y bajando por separado). Instalamos primero el componente y luego el módulo mediante el instalador de extensiones de Joomla.

2.- Una vez instalado, nos vamos a Componentes->BCA RSS Syndicator->Feeds.

3.- En el menú superior pinchamos sobre Nuevo, para crear un feed. Para ello le damos un nombre al feed, mantenemos el RSS 2.0 (si queremos ser más completos podemos generar varios feed’s siguiendo las diferentes implementaciones del estándar, para así ser compatible con más agregadores, aunque el RSS 2.0 es el más extendido). Las otras opciones importantes son:
3.1.- Section(s), para indicar qué seccion/es de Joomla queremos sindicar.
3.2.- Excluded Categories. Si dentro de alguna sección queremos excluir del feed alguna categoría.
3.3.- Excluded article(s). Si queremos que algún artículo concreto no se sindique.

Todavía dentro del back del componente nos dice que la imagen que mostraremos por defecto será la de rss 2.0 (más adelante la cambiaremos).

Una vez hemos creado el feed, se nos muestra su URL, que es la que necesitaremos para suscribirnos a éste.

Como más adelante necesitaremos un link al generador del mapa web y para evitar tener un módulo para RSS y otro para el mapa web, lo que haremos será crear un módulo de HTML personalizado y en éste metemos dos imágenes, una para el feed RSS y otra para el generador del mapa web, los dos integrados en un sólo módulo que quedará mejor en cuanto a la apariencia de la web. Para ello:

4.-Accedemos a la gestión de módulos (Extensiones->Gestor de módulos) y le damos al botón “Nuevo”. En la lista de tipos de módulos seleccionamos “Personalizar HTML”. Ya dentro de la configuración de este tipo de módulo, en el campo de texto donde poner nuestro HTML, le insertamos la imagen RSS 2.0 (he creado una personalizada que se ajuste a las medidas y los colores de mi template) con link a la URL del feed que encontramos en el componente.

Al pinchar sobre la imagen se nos abre el feed y ya podemos agregarlo a cualquier lector rss.

  http://extensions.joomla.org/extensions/advanced-search-results/1407

Yo me he quedado con la más simple, “Very simple image gallery” (vsig) que es una extensión de tipo plugin. Se puede encontrar en:

  http://extensions.joomla.org/extensions/photos-a-images/photo-gallery/6301

El proceso de instalación, configuración y uso es el siguiente.

  1.-Bajar el plugin, instalarlo mediante el back de Joomla y activarlo (en la gestión de plugins).

  2.- En la configuración del plugin se pueden definir aspectos como la anchura/altura máxima de los thumbnails (que crea automáticamente el plugin), la calidad de éstos, el tamaño de la galería….

  3.- Dentro del directorio “images/stories” de Joomla creamos un directorio donde guardaremos las imágenes que queremos que aparezcan en la galería.

  4.- Para utilizar el plugin en un artículo simplemente debemos usar el tag {vsig}dir_imagenes{/vsig} donde “dir_imagenes” es el directorio que hemos creado en el paso 3. No se debe poner la raíz “images/stories/” ya el plugin lo pone automáticamente previo al nombre del directorio que indiquemos en el tag.

  5.- La primera vez que accedemos al artículo donde hemos usado el plugin, éste crea un directorio “vsig_thumbs” dentro de nuestro “dir_imagenes”, con los thumbnails de las imágenes de la galería.

NOTA 1: Al añadir una imagen en el directorio de la galería el plugin crea automáticamente el thumbnail correspondiente. Sin embargo, si la eliminamos, el thumbnail permanece. Es por esto que, si modificamos frecuentemente el directorio de la galería, para no acumular thumbs no utilizados, puede ser conveniente borrar el directorio de thumbs para que el plugin lo regenere sólo con aquellos que sean necesarios.

NOTA 2: El plugin juega con las opciones de configuración “tamaño maximo” y “altura máxima” de los thumbnails para mantener la proporción de la imagen. Por ello, si usamos imágenes de diferentes proporciones los thumbnails tendrán diferentes alturas o anchuras y puede quedar poco estético.

En el caso del portal que estoy implementando una vez he llevado a cabo todos estos pasos, he modificado el componente de tabs para incluir la galería dentro de una pestaña.

http://extensions.joomla.org/extensions/search/events+calendar

Mi idea inicial era un calendario en el que se destacasen las fechas en las que se da algún evento y que permitiera consultar diferentes meses. Me valía tanto un módulo que se mostrara como un bloque en el lateral de la web, como un componente que permitiera ver los eventos como contenido de una opción de menú.

Investigando vi diferentes opciones. Una primera mostraba un calendario con un diseño bastante atractivo y permitía editar las fechas para añadir los eventos, el problema es que era de pago, así que continué buscando. Encontré opciones gratuitas, pero con diseños de calendarios muy flojitos y que en los diferentes casos que probé me daban errores al instalarlos, con los que prefería evitar tener que pelearme.

En el bombardeo inicial de tests me encontré con EventList, gratuito y muy completo (aunque como suele pasar, me sobran el 90% de opciones).

http://extensions.joomla.org/extensions/calendars-a-events/events/99

No se muestra como un calendario sino como una lista de fechas, que permite ordenar por columnas, filtrar y paginar, con lo cual me servía perfectamente.

Instalación

1.- Descargar el componente

http://sourceforge.net/projects/eventlist/files/EventList%20Component/EventList%201.0.1/com_eventlist_1.0.1_schlu.zip/download

2.- Instalarlo mediante el adminstrador de Joomla.

Uso

1.- Crear una categoría para los eventos. Componentes->EventList, nos vamos a la pestaña Categorías y creamos una nueva. Yo en principio no voy a necesitar las categorías pero hay que crearla igualmente.

2.- Con la categoría ya creada nos vamos a la pestaña Events y creamos un nuevo evento, perteneciente a la categoría creada (con su título, descripción, fecha, hora…).

3.- Añadimos una ítem de menú de tipo EventList->Simplelist Layout.

Configuración y modificaciones del componente

El componente toma, siempre que es posible, los estilos del template de Joomla, por lo que a nivel de apariencia queda muy integrado en el portal. Aún y así he tenido que llevar a cabo las siguientes modificaciones:

1.- Dado que el color del texto del template lo modifiqué a blanco (me gustaba más como quedaba en la extensión de los foros) los ítems pares de la lista de eventos no se veían, ya que el fondo de éstos está definido con un color muy claro. Para evitarlo en la css del componente (eventlist.css) modifiqué el color de fuente de estos ítems para que fuera del mismo color que el fondo de la página (gris oscuro) y destacara sobre el fondo claro.

2.- Los ítems impares de la lista, tienen definido un efecto hover en la css, que hace que cambie el color de fondo de la fila. Para evitar este efecto me he ido a la hoja de estilo del componente (eventlist.css) y he eliminado este estilo.

3.- Elimino la columna “Type” del listado (en principio no voy a distinguir categorías de eventos). Esto se hace a través de la configuración del componente, Componentes->Eventlist, pestaña Configuraciones y dentro de ésta, pestaña Presentación. En el bloque “Category Column”, he pusto a “no” la opción “Show Category”.

4.-Idiomas. En principio viene sólo en inglés. Me he bajado el fichero de la extensión para español:

Back:

http://www.joomlaspanish.org/foros/attachment.php?attachmentid=2153&d=1219145996

Front:

http://www.joomlaspanish.org/foros/attachment.php?attachmentid=2154&d=1219146019

Descomprimimos los ficheros bajados y copiamos los .ini en la carpeta languages de joomla.

Todavía me queda cambiar el idioma de la select que aparece para filtrar los resultados de la lista. Estos se encuentran en la tabla “jos_eventlist_settings” columnas “cityname”, “locationname” y “titlename”, que yo he traducido como “Ciudad”, “Recinto” y “Título”.

Con estos pasos he conseguido integrar la funcionalidad buscada en mi portal.

La lista de extensiones joomla están en:

  http://extensions.joomla.org/extensions/communication/forum

Después de un ligero vistazo y basándome en los comentarios que he visto me he quedado con ccBoard:

  http://extensions.joomla.org/extensions/communication/forum/6823

Que permite muchas más cosas de las que necesito pero que me ha venido bien. Para usarlo:

  1.- Descargar el componente.

    http://codeclassic.org/the-downloads/joomla-extensionscomponents/247-ccboard-bulletin-board-forum/download.html

  2.- Y el idioma español

    http://codeclassic.org/the-downloads/language-pack/170-es-es-spanish.html

  3.- Instalar el componente mediante el instalador de extensiones de Joomla.

  4.-Básicamente con esto ya tenemos el componente instalado y a través del back de éste (“Componentes->ccBoard”) se puede configurar gran parte de su comportamiento.

  5.- Para añadir el idioma español copiamos el fichero descargado en la carpeta “languages/es-ES”. A este fichero le faltan muchas labels que quedaran sin traducir. Yo me he dedicado a añadir y traducir todas las que hay en el fichero de idioma inglés. El fichero de idioma completo se puede encontrar en:

ccBoard Español

Con esto tenemos el foro instalado y ya podemos usarlo en nuestro portal. Para integrarlo como una opción de menú, nos vamos a la gestión de menús, nuevo ítem y dentro del árbol de ítems, en el componente ccBoard desplegamos y seleccionamos “Forumlist”.  El resto de ítems ccBoard, sería para acceder a partes del foro, como los últimos posts, el perfil del usuario, lista de hilos….yo no los estoy usando.

Para crear foros que aparezcan en esta opción de menú lo haremos a través del back del componente. Primero hemos de crear una Categoría (ésto es útil para tener varios foros organizados en diferentes bloques, en nuestro caso no es demasiado útil pero hay que hacerlo igualmente) y luego podremos crear un foro que estará en esta categoría.

En el back  también podemos  configurar si se quiere moderar, permitir crear hilos sólo a los registrados,  uso de captcha, templates….).

A partir de ahí los usuarios del front irán añadiendo contenidos al foro según las opciones configuradas.

Además de el comportamiento normal descrito, he llevado a cabo algunas modificaciones. Unas han sido puramente de look&feel, para permitir que el foro quede bien integrado con el template Joomla que estoy utilizando. Otras han sido para cambiar algunos comportamientos que no me gustaban o corregir errores con los que me he encontrado con la instalación normal.

Cambios de look&feel

El template de ccBoard que he utilizado ha sido el grey, que en principio podía quedar mejor con el template Joomla que utilizo, pero aun y así algunos colores y diseños de las tablas y cabeceras no quedaban muy bien así que para adaptarlo he tocado imágenes (de la carpeta components\com_ccboard\assets) y css’s, tanto la del componente  (components\com_ccboard\assets\ccboard.css y components\com_ccboard\assets\ccbeditor\styles.css) como algunas de joomla que también utiliza (por ejemplo para la parte de registro de usuarios, que utiliza el módulo de joomla).

Otros cambios concretos que he realizado han sido:

  1.- En la lista de foros (en mi caso es una lista de un sólo elemento) a la izquierda del foro sale una imagen que no pinta nada y que ademas no queda demasiado bien con el fondo de mi template. He elimnado la línea de código html que incluía la imagen y ya ha desaparecido. El fichero a tocar era:

components\com_ccboard\views\forumlist\tmpl\default.php

  2.- En:

    components\com_user\views\login\tmpl\default_login.php

le he añadido unos saltos de línea, porque si no no se veía el formulario de login, que quedaba desplazado a la derecha.

  3.- Dado que no tengo pensado poner más de un foro, he quitado el link “Índice de Foros” que aparece en la cabecera del foro. Ésta aparece parametrizada como “$this->userprofile['home']” en las siguientes php’s del componente:

    components\com_ccboard\views\approval\tmpl\default.php

    components\com_ccboard\views\forumlist\tmpl\default.php

    components\com_ccboard\views\mylist\tmpl\default.php

    components\com_ccboard\views\myprofile\tmpl\default.php

    components\com_ccboard\views\postlist\move\default.php

    components\com_ccboard\views\postlist\report\default.php

    components\com_ccboard\views\postlist\tmpl\default.php

    components\com_ccboard\views\recentlist\tmpl\default.php

    components\com_ccboard\views\topiclist\tmpl\default.php

Cambios de comportamiento

  2.- Cuando nos encontramos en la lista de posts recientes falta un botón de retorno a la lista de hilos.  El fichero en el que he añadido dicho botón es:

    components\com_ccboard\views\recentlist\tmpl\default.php

y el trozo de código a añadir para que muestre el botón:

    <a href=”http://localhost/rondalla/index.php?option=com_ccboard&view=topiclist&forum=1&Itemid=6″>

    <span>Volver al foro</span>

    </a>

  3.- Ídem cuando consultamos un hilo concreto. El fichero a tocar en este caso es:

    components\com_ccboard\views\postlist\tmpl\default.php

  4.-Redirección al logarte en el sistema. Por defecto te manda a la página principal del portal, que en mi caso no tiene nada que ver con el foro y confunde un poco.  Para redirigirlo a la página de entrada al foro hay que ir al fichero:

    components\com_user\views\login\view.html.php

y modifciar la línea:

    $params->def( ‘login’, ‘index.php );  (en mi versión de Joomla la línea 58)

y en lugar de poner ‘index.php’ ponerle la url de la página a la que queramos que vaya.

  5.- Redirección al registrarte en el sistema. Pasa lo mismo y también confunde. En este caso hay que ir al fichero:

    components\com_user\controller.php

y donde pone

     $this->setRedirect(‘index.php’, $message);

(en la línea 288  en mi versión de joomla)

Cambiar ‘index.php’ por la url que queramos.

Nota: Este tema fue especialmente difícil de resovler, hasta que di con el siguiente post:

  http://codeclassic.org/community/view-postlist/forum-12-ccboard-bugssecurity-issues/topic-113-after-board-login-redirect-to-home-website.html

Donde el autor explica como lo ha conseguido.

A parte de alguna modificación menor que he realizado, siguiendo estos pasos he conseguido disponer del foro integrado en mi portal y cumpliendo las funcionalidades esperadas.