Bienvenidos a Joomlamania!

Bienvenidos a Joomlamania!, en este sitio estaremos publicando todos nuestros tutoriales para Joomla! 1.5, esperamos que nuestros tutoriales sean de su agrado y sobre todo que nuestros tutoriales y tips les sean útiles.

Este sitio es patrocinado por Hidra Solutions Agencia de Diseño Web y Desarrollo.

Joomlamania!

Tutoriales y Videotutoriales Joomla! en Español

Joomlamania! - Tutoriales y Videotutoriales Joomla! en Español
Plugin Content - Load Module PDF Imprimir E-mail
Escrito por Arnold Wender   
miércoles, 16 de abril de 2008 07:28

A continuación veremos como cargar un modulo dentro de un articulo, esto es posible gracias al plugin Load Module.

Para empezar debemos de verificar que el plugin este publicado, para esto vamos al menu Extensions y damos click en Plugin Manager como lo muestra la siguiente imágen:

Extensions

Ahora podemos ver la pantalla de la Administración de Plugins.

Plugin Manager

Dentro de la Administración de Plugins debemos de buscar el plugin Content - Load Module y debemos de verificar que este publicado y que el nivel de acceso del plugin sea publico como lo muestra la siguiente imágen:

Content - Load Module Plugin

Ahora damos click en Content - Load Module para abrir el Plugin y editarlo para que actue segun queramos.

Content - Load Module Click

Ahora podemos ver en los parametros las diferentes opciones que tenemos a nuestra disposición:

Content - Load Module - Parameters

Aqui se puede elejir la manera que queremos que el plugin cargue el modulo que especifiquemos, hay 5 diferentes opciones como se puede apreciar y estas son:

  • Envuelto en una Tabla - Columna
  • Envuelto en una Tabla - Horizontal
  • Envuelto en Divs
  • Envuelto en Divs Multiples
  • Sin Envolver - Salida en Bruto

Una vez que hayamos seleccionado la opcion deseada, damos click en Save:

Save

Ahora podemos ingresar el código para mostrar el modulo que queramos en un articulo, para esto vamos a Content y damos click en Article Manager como lo muestra la siguiente imágen:

Content - Article Manager

Ahora podemos ver la pantalla de la Administración de Articulos.

Article Manager

Dentro de la Administración de Articulos debemos de crear un nuevo articulo dando click en New:

New

Ahora podemos ver la pantalla de edición de articulos:

Article - New

Ahora podemos ingresar nuestro articulo como nomalmente lo hacemos y para cargar un modulo dentro de nuestro articulo es necesario ingresar el siguiente "código":

{loadposition user1}
(donde user1 es la poisición de modulo que quiero cargar en el articulo.)

Yo trabajo sin el editor WYSIWYG sin embargo la sintaxis debe de funcionar igualmente con o sin editor activado.

Una vez que hayamos ingresado el "código" en nuestro articulo guradamos nuestro articulo y vemos los resultados en el front-end de nuestro sitio, ahora deberias de ver en el articulo que hayas creado el modulo que especificaste en la edición de tu articulo.

Advertencia, si tienes mas de 1 Modulo publicado en esa posición se cargaran todos los que estén publicados, por eso es necesario publicar el modulo solo en la página deseada si es que esta publicada en el menu, si la página no está publicada en el menu lo mejor es cargar una posición que solamente tenga el modulo que queramos cargar, esto se puede realizar creando una nueva posición de modulo en nuestro template, esto es facil y se puede hacer de la siguiente manera:

Ir a la carpeta de nuestro template y abrir el archivo templateDetails.xml

Aqui podremos encontrar una sección donde se encuentran todas las posiciones que se encuentran en nuestro template:

<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
<position>debug</position>
<position>syndicate</position>
</positions>

Para agregar la nueva posición solo falta agregarla dentro de la seccion de posiciones:

<positions>
<position>miposicion</position>
</positions>

Para que una vez siendo editado quede mas o menos de la siguiente manera:

<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
<position>debug</position>
<position>syndicate</position>
<position>miposicion</position>
</positions>

Una vez que hayamos editado el archivo templateDetails.xml lo guardamos y lo subimos a la carpeta de nuestro template por ftp a nuestro servidor.

Ahora podemos editar nuestro articulo y agregar el "código" para cargar el modulo:

{loadposition miposicion}

Eso es todo, espero que este tutorial les sea útil.

Saludos

Arnold

Nota: No se lastimo ningun Joomla! en la elaboración de este tutorial. :D

Actualizado ( miércoles, 16 de abril de 2008 09:58 )
 
Red Social de Sitios Joomla! en Español PDF Imprimir E-mail
Escrito por Arnold Wender   
jueves, 03 de abril de 2008 20:57

Los invito a que envien sus noticias a nuestra Red Social de Sitios Joomla! en Español.

Bienvenidos son todos los sitios que esten desarrollados con el CMS Joomla!, o que traten algun tema relacionado con este CMS, si gustan cooperar con el proyecto no duden en contactarme.

http://www.es-joomla.org

Actualizado ( jueves, 03 de abril de 2008 21:04 )
 
Online-Shops-10 Tips para la perfecta optimización-onpage PDF Imprimir E-mail
Escrito por Arnold Wender   
jueves, 06 de marzo de 2008 10:04

El siguiente tutorial es una traducción del artículo de gogozone.de que se puede encontrar en:

http://www.gogozone.de/blog/onlineshops-10-tipps-fuer-eine-perfekte-onpage-optimierung-64/

Agradecemos a Holger su cooperación, y a Amado por su ayuda en la redacción de este tutorial.

Aunque este Tutorial sea para xt:Commerce los consejos dados en este tutorial se pueden aplicar fácilmente a Joomla!.

Los buscadores de precios expulsan cada vez más a las Tiendas Online de los SERPS. Para los dueños de tiendas online se está poniendo difícil el obtener visitas desde los buscadores.

Obviamente cada dueño de una tienda online deberá estar listado en los grandes comparadores de precios, sobre todo en Google Products (antes Froogle). Los precios por click en los buscadores de precios varían mucho, por lo que no es conveniente para una tienda en línea. El margen de ganancia puede bajar mucho debido a esto.

En el ejemplo de Sistema de Tienda en línea, "Open Source xt:Commerce" doy consejos para su optimización.

Contenido:

  1. Usar URLs optimizados para buscadores.
  2. Evitar doble contenido I – Tema "Session Id’s".
  3. Evitar doble contenido II.
  4. Usar los Meta Tags.
  5. Titulos, Formateo de tipografía HTML y Tags.
  6. Enlaces internos.
  7. Hacer un Sitemap (Mapa del sitio).
  8. El Contenido es el Rey.
  9. Características de la Web 2.0.
  10. Tamaño de página / Código fuente.

  1. Usar URLs optimizadas para buscadores
    El uso de URLs optimizadas para buscadores es el primer paso que se debe llevar a cabo. Los URLs contienen palabras claves que para el ranking son muy importantes. Para xt:Commerce hay un módulo gratis en shopstat.com . URLs todavía más bonitos y cortos produce Metasef (metasef.de ).

  2. Evitar doble contenido I
    En el menú de administración de xt:Commerce se tiene que activar sin falta la función “Evitar Spider Session ID”. Quien no hace esto a tiempo después de la instalación de Xt:Commerce provoca que el Sumabot rastree muchas páginas con doble contenido. Para quitar esas páginas del index se tiene que modificar un archivo. Las instrucciones para esto se encuentran aqui. Se pueden tomar precauciones mediante Robots.txt.

  3. Evitar doble contenido II
    Quien hace una tienda con cerca de 100 productos, debe de encargarse de descripciones únicas (en la red) para sus productos. Obviamente también depende del surtido de los productos. Quien venda por ejemplo un "duende con paleta" o un "duende con éspatula” etc no tiene muchas posibilidades de poner una descripción única. La descripción del fabricante tambien provoca doble contenido, porque se usa en muchas tiendas. Si el surtido de sus productos es muy grande (>1000), la descripción única de cada producto será mucho trabajo. En este caso debe fijarse más en las descripciones de las categorias. Ahí es importante que se coloquen las palabras claves que correspondan al producto. La densidad de las palabras clave no debería estar por encima del 5-7%. Se recomienda invertir un poco de tiempo en el análisis de las palabras clave.

  4. Usar los Meta Tags - Title, Description, Keyword
    Optimización del Título
    El nombre de la Tienda debe de estar al principio de la página de inicio. En las páginas de categorías y productos debe estar el nombre de la categoría o del producto al principio del título. En la instalación básica de xt:C y otros sistemas de tienda en línea, esto no es siempre el caso. Apunto aquí al mensaje “Optimale Metatags“ Description, Keywords.

    En xt:Commerce es possible agregar adicionalmente MetaTags para categorías y productos. Si no se introducen tags, entonces aparece automáticamente el texto de la descripción de la categoria o del producto. A veces es una ventaja el escojer una descripción diferente. Aunque no tenga influencia directa en el ranking, es muy importante para la “Durchklickrate”. Eso significa que si un resultado en la búsqueda en la posición 5 obtiene mas clicks que el mismo producto en la posición 1, entra en el ranking. Así que uno se debe encargar de poner una buena descripción a la categoría/producto. (vea 3).

  5. Usar HTML Tags para los titulos
    Otro factor del ranking son los tags de los títulos. Para eso lo mejor es realizar cambios en los ficheros de la plantilla. Recomiendo usar los siguentes Tags:

    • Nombre de la tienda <H1>
    • Categoría de enlaces <H2>
    • Nombre de la categoría <H3>
    • Sub-categorías <H4>
    • Nombre del producto <H3>

    El tamaño de la letra se elige por medio de CSS. A quien piense poner todo con etiquetas H1 los buscadores van a castigarlos rápido. El sitio sistrix.de ha hecho un análisis de esto aunque obviamente diferentes variaciones también son posibles. Simplemente traten de ver si en el ranking cambia algo.

  6. Enlaces internos
    Para que el Buscador indexe cada sitio de productos, es necessario tener un enlace a cada uno de los productos/categorías. Una posibilidad es enlazar de una página de productos a productos similares. Así se enlazan los productos entre ellos por tema. También un enlace, como se ve en Amazon, se encarga del buen "flujo" a través de la tienda. Esto es lo que se da en llamar "Cross-Selling". "Clientes que compraron este producto, también compraron los productos siguentes…” no debería faltar en ninguna tienda y no solamente desde el punto de vista de la optimización de los buscadores. En xt:Commerce ya esta integrada esta función.

  7. Hacer un Mapa del sitio
    Hacer un archivo Sitemap.xml para Google Webmaster Tools.
    Así Google no indexa más rapido el sitio web, pero lo encuentra mas fácil.

  8. El Contenido es el Rey – integrar un sistema de noticias
    Como se indica bajo el punto 3 es importante el encargarse del texto relevante en la tienda. Sobre todo en la página principal se recomienda integrar textos dinámicos. Para esto muchos sistemas de tienda en línea ofrecen poca o ninguna posibilidad. En la mayoría, solo se puede integrar una página de inicio estática.
    Para eso un sistema de noticias es lo correcto. Informe a sus visitantes sobre promociones, nuevos productos, juegos al azar, etc. En la página lopsta.com se describe cómo se integran mensajes de un blog (RSS Feed) al XT:Commerce Shop. Los buscadores aman las páginas con contenido dinámico.
    Integrar un Sistema de Valoración de Productos está de moda!

  9. Características de la Web 2.0
    Incrementemos el valor de nuestra tienda en línea mediante Tecnologia Web 2.0. Para esto podemos utilizar un módulo para xt:Commerce que muestra las palabras más buscadas en un tag-cloud (nube de palabras clave). El módulo lo ofrece suchmaschinenoptimierung-hamburg.de de forma gratuita. También es posible poner Social Bookmark Buttons a los productos (por Ej. Mister-wong.de ).

  10. Producir un código fuente liviano y conforme a los estándares
    Todavía se ve que en algunas tiendas en línea cargan una animación flash en la página de inicio. Los dueños de tiendas deberían de renunciar a eso. Estudios recientes enseñaron que todavía el 80% de los usuarios usan modem para acceder al internet. Un usuario así abandona de seguro un sitio con flash.
    Aparte se debe de tener en cuenta el crear siempre contenidos con códigos fuente válidos para el W3C, aún cuando según opiniones, esto no influye al ranking.
 
URLS Amigables en Joomla! 1.5 PDF Imprimir E-mail
Escrito por Arnold Wender   
viernes, 15 de febrero de 2008 16:43

Asi es ahora en Joomla! 1.5 se pueden activar URLS Amigables!

Para activar las URLS Amigables debemos de ir a la configuración global del sitio:

Site/Global Configuration

Site/Global Configuration

Una vez que estemos en la Configuración Global del sitio debemos de activar las siguientes 3 opciones:

Parámetros de optimización de SEO

URLs amigables para motores de búsqueda
Usar Apache mod_rewrite
Agregar el sufijo a las URLs

Una vez que hayamos seleccionado en las 3 opciónes la opción debemos dar click al botón Guardar:

Site/Global Configuration

No olvides renombrar via FTP o Shell tu archivo htaccess.txt a .htaccess

Eso es todo!

Espero este tutorial les haya servido.

Arnold Wender

Actualizado ( viernes, 15 de febrero de 2008 17:30 )
 
Como ingresar a la Administración de Joomla! 1.5 PDF Imprimir E-mail
Escrito por Arnold Wender   
viernes, 15 de febrero de 2008 16:24

Para entrar en la administración de Joomla! 1.5 debemos de ir a:

http://localhost/administrator/

Donde localhost es tu nombre de dominio, una vez que estemos ahi veremos la pantalla del login:

Admin Login

En esta pantalla debemos ingresar nuestro nombre de usuario y contraseña que elejimos durante la instalación de nuestro sistema:

jadminlogin2.jpg

Asi mismo podemos seleccionar el idioma que queremos utilizar, por defecto esta seleccionado el idioma Inglés Británico, una vez que hayamos ingresado nuestros datos damos click en el botón Login y listo, hemos iniciado sesión en el backend de nuestro sistema Joomla! 1.5

Los archivos de idioma en español se pueden bajar del sitio de Joomla! Extensions:

http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,597/Itemid,35/

Espero este Tutorial les haya sido útil.

Arnold Wender

 
Como instalar Joomla! 1.5 PDF Imprimir E-mail
Escrito por Arnold Wender   
viernes, 15 de febrero de 2008 11:51

La instalación de Joomla! 1.5 es un proceso simple, a continuación mostrare como instalar Joomla! En su nueva versión.

Joomla! Se puede bajar de:

http://joomlacode.org/gf/project/joomla/frs/?action=FrsReleaseBrowse&frs_package_id=3322

Una vez que hayamos desempaquetado Joomla! debemos de subir via FTP a nuestro servidor todos los archivos a la carpeta deseada o bien si se cuenta con acceso shell subir via ftp el archivo comprimido que hayamos descargado y desde la consola bajo linux o con el excelente programa PuTTY desempaquetar todo con el comando unzip, para más detalles de como trabajar con la consola consola les recomiendo el siguiente enlace que muestra una referencia de comandos Unix (en Inglés):

http://www.indiana.edu/~uitspubs/b017/

Una vez que hayamos subido todos los archivos a nuestro servidor vamos con nuestro navegador a la url donde se encuentran nuestros archivos en mi caso seria:

http://localhost/joomla15

Ahora podemos ver la pantalla de instalación de Joomla! 1.5:

jinstal1.jpg

El Primer paso de la instalación es elejir el idioma en que deseamos realizar el proceso de instalación, en mi caso elijire es-ES – Spanish (Español Internacional), una vez que hayamos seleccionado el idioma de nuestra preferencia damos click en el botón siguiente que se encuentra ubicado en la parte superior derecha:

siguiente.jpg

Ahora en el segundo paso de la instalación podemos ver la pantalla de Comprobación previa, en esta pantalla podemos apreciar la información de nuestro servidor y verificar si este cuenta con los requisitos para instalar Joomla! 1.5, si algún elemento se encuentra marcado con el color rojo deberemos de realizar los cambios necesarios para instalar nuestro sistema.

Es importante que todos los elementos de la sección de Valores recomendados esten en verde, sin embargo Joomla! puede funcionar si alguno de estos Valores esta en rojo.

jinstal2.jpg

Una vez que hayamos verificado que nuestro servidor es compatible con Joomla! continuamos con la instalación dando click en el botón siguiente que se encuentra ubicado en la parte superior derecha:

siguiente.jpg

Ahora en el tercer paso podemos leer la licencia bajo la cual esta liberado Joomla! 1.5 que es la Licencia GNU/GPL, es recomendable leer toda la licencia, si no se cuenta con buenos conocimientos de Inglés se puede leer una traducción de la Licencia en español bajo:

http://www.viti.es/gnu/licenses/gpl.html

jinstal3.jpg

Una vez que se haya leido y aceptado la licencia damos click en el botón siguiente que se encuentra ubicado en la parte superior derecha (Ya habia mencionado donde se encuentra ubicado? :D ):

siguiente.jpg

Ahora en el cuarto paso podemos apreciar la pantalla de la configuración de la base de datos que nuestro sistema utilizara:

jinstal4.jpg

Esta parte consta de 4 pasos los cuales son necesarios para que el instalador cree las tablas necesarias en la base de datos que hayamos elejido.

Primero que nada debemos de seleccionar el tipo de la base de datos que vayamos a utilizar, generalmente el tipo de la base de datos es mysql.

El siguiente paso a seguir es escribir el nombre de nuestro servidor en el cual se instalará nuestro Joomla!, generalmente aqui se escribe localhost aunque hay muchos proveedores (Dreamhost por ej.) que requieren escribir un nombre especififico como:

mysql.midominio.com

Una vez que hayamos escrito el nombre del servidor es necesario introducir el nombre de usuario de MySQL, la contraseña y el nombre de la base de datos que utilizara nuestro sistema, es necesario que estos ya existan en nuestro servidor.

En la siguiente imágen podemos ver que ya he ingresado los datos necesarios:

jinstal4-1.jpg

Una vez que ya introducimos todos los datos necesarios podemos dar click en el botón siguiente que se encuentra ubicado en la parte superior derecha (ya entendiste donde se encuentra el botón? :D ):

siguiente.jpg

Si en la base de datos que elejimos ya teniamos tablas de instalaciones anteriores de Joomla! y deseamos hacer unarespaldo de las tablas o bien si queremos eliminar estas podemos dar click en la Configuración avanzada:

jinstal4-2.jpg

Si deseamos eliminar las tablas existentes debemos de seleccionar la opción Eliminar las tablas existentes y despues dar click en el botón siguiente que se encuentra ubicado en la parte superior derecha (es broma! :D ):

siguiente.jpg

Si deseamos hacer un respaldo de de las tablas anteriores debemos de dar click en la opcion hacer una copia de las tablas existentes, si elejimos esta opción es necesario escribir un prefijo para las nuevas tablas que se crearan con esta nueva instalación.

Una vez que hayamos realizado la opción de nuestra preferencia seguimos con la instalación dando click en el botón siguiente (creo que ya sabes donde esta ubicado este botón! :D ):

siguiente.jpg

Ahora vemos la siguiente pantalla:

jinstal5.jpg

El quinto paso nos permite elejir si queremos habilitar la capa FTP para la gestión de archivos, esto es recomendable para servidores en los cuales tienen activada la opción Safe Mode de PHP.

Es recomendable crear una cuenta de usuario FTP diferente de la cuenta principal, con acceso únicamente a la instalación de Joomla! Por razones obvias.

Si hemos elejido habilitar la capa FTP para la gestión de archivos debemos de ingresar el Nombre de usuario FTP, la Contraseña del usuario y especificar la Ruta a la carpeta donde subimos nuestros archivos, si no sabemos la ruta a nuestros archivos no hay problema, simplemente ingresa tu Nombre de usuario y Contraseña y da click en el botón Encontrar la ruta FTP automáticamente:

encontrarrutaftp.jpg

Si dudamos de nuestra configuración podemos dar click en el botón Comprobar la configuración FTP para asegurarnos de que todo funcione:

comprobarconfigftp.jpg

Si encontramos algun error podemos pasar a la Configuración avanzada en donde podemos especificar el Servidor FTP y el Puerto FTP de nuestro servidor y podemos elejir si deseamos guardar la contraseña FTP:

jinstal5-1.jpg

Una vez que hayamos terminado el paso 5 de la instalación podemos dar click en el botón siguiente (si ya sabes donde esta ubicado este botón! :D ):

siguiente.jpg

Ahora en el sexto paso de la instalación de Joomla! 1.5 y mi paso favorito! Da da! es tiempo de la configuraración principal del sitio!:

jinstal6.jpg

En esta pantalla debemos de ingresar el nombre de nuestro sitio web, ingresar el correo electrónico principal del sitio y escribir la contraseña que utilizaremos para nuestro usuario prinicpal “admin”, una vez que hayamos ingresado el correo electrónico y la contraseña es necesario confirmar la contraseña que ingresamos (para los despistados):

jinstal6-1.jpg

Una vez que hayamos ingresado todos los datos necesarios tenemos la opción de Instalar los datos de ejemplo predeterminados que solo se lo recomendaria a un usuario muy novato ya que al dar click en este botón malefico se instalara mucha información que en realidad no usaremos para nada:

jinstal6-2.jpg

Si optaste por instalar los datos de ejemplo predeterminados veras un mensaje en el lugar donde el botón se encontraba informandote que los Datos de ejemplo fueron instalados:

jinstal6-3.jpg

Una vez que hayamos terminado la configuración principal del sitio podemos continuar con nuestra instalación dando click en el botón siguiente (recordaras este botón de por vida :D ):

siguiente.jpg

Ahora podemos apreciar la pantalla final de la instalación de Joomla! 1.5:

jinstal7.jpg

Ahora haz llegado al último paso de la instalación el septimo, mi numero favorito!

En este paso solo encontraras una de haber completado esta aburrida tarea de instalación, para poder empezar de una vez por todas con nuestro sitio debemos de borrar el directorio de instalación:

jinstalfinal-1.jpg

Una vez que hayas borrado este directorio podras acceder a tu Joomla! recien instalado dando click en el botón Portada si quieres ir a la parte pública de tu recien instalado Joomla! 1.5 o dando click en el botón Administración si lo que quieres es empezar a experimentar con este excelente CMS:

jadministracion.jpgjportada.jpg

Si por alguna razón no borraste el directorio de instalación aparecera la siguiente pantalla:

jinstalfinal.jpg

Asi que BORRA el directorio de instalación por Dios!

jinstalfinal-1.jpg

Espero que este aburrido tutorial les haya servido de algo.

Arnold Wender.

Actualizado ( viernes, 15 de febrero de 2008 16:32 )
 
 
Joomla 1.5 Templates by Joomlashack