Posteado por:
RSS con posts de Daniel03
Ver perfil de Daniel03 Daniel03
Gold
GoldHombre Nicaragua
T! Rank: 33

584 Posts
4569 Comentarios
5666 Puntos

Bloringa! Mi bloringa!


    Cómo crear un Template para Joomla    
Registrate y eliminá la publicidad!



Acá les doy un link a un tutorial muy bueno que encontré.

Yo traté de ponerlo acá, pero obviament por razones de seguridad, el código php no se ve muy bien acá.

Les pongo el inicio del mismo:


A diferencia de otros tutoriales que explican como crear un template para Joomla!, en este, no sera necesario ningún programa del tipo Dreamweaver, ni nada por el estilo, tan solo un editor de textos y conocimiento básico de HTML, CSS y PHP (no mucho).

La estructura básica de un template de Joomla! consta de:

* 'Index.php' el cual contendrá el HTML y las directivas PHP;
* 'TemplateDetails.xml', esencial para la instalación del template y su reconocimiento en la administración;
* Una carpeta llamada 'css' que contendrá el estilo en cascada 'template_css.css';
* Una carpeta llamada 'images' que contendrá las imágenes utilizadas para el diseño de la plantilla;
* 'Template_thumbnail.png', una pequeña imagen que funcionará como previsualizacion del template en la administración.


Por lo tanto un template en Joomla! tendrá la siguiente apariencia:



Todos las plantillas van alojadas en la carpeta 'templates', dentro del directorio raiz de Joomla!. En este caso la plantilla será de tres columnas, header y footer [ Ver Layout ] [ Descargar " target="_blank"> Descargar ]. No es la esencia de esta guia explicar cómo crear el layout, existen varios sitios para descargarlos y ahorrar trabajo.

Creación del index.php. Con tan solo saber como se desempeñan tres funciones PHP y dos variables ya se puede empezar con la creación del index...


Funciones:

* mosShowHead(): Esta función al invocarla muestra la información metatag, el titulo y favicon. Se lo usa entre <head> y </head>.
* mosMainBody(): Se utiliza para mostrar el cuerpo principal del documento. Se lo usa en el body del documento.
* mosLoadModules (): Carga los módulos en una posición predispuesta y en un estilo determinado. Para eso posee dos parámetros (posición , estilo). El primero dirá que módulos cargar (left, right, user1, user2, user3, top, etc). El segundo parámetro dirá en que forma cargarlos: 1= horizontal (cada modulo se cargan en celdas en una única fila), 0= normal (cada modulo se cargan en celdas en una única columna), -1= raw (los módulos se cargan en bruto y sin título), -2= XHTML (muestra a los módulos en divs), -3= extra divs (similar al anterior, pero con más divs). De esta forma si tenemos mosLoadModules (left, -2) cargará los módulos predispuestos en la posición 'left' y los mostrará en diferentes divs. Otro ejemplo. Si tenemos mosLoadModules (user2, 1) cargamos los módulos predispuestos en la posición 'user2' y los mostrará de manera horizontal.


Variables:

* $mosConfig_live_site: Esta variable contiene la URL del sitio en cuestión. Asi por ejemplo la variable $mosConfig_live_site para este sitio es http://www.leandrodonofrio.com. Se la utilizará para cargar el CSS.
* $mosConfig_sitename: Contiene el nombre del sitio en cuestión. Asi la variable $mosConfig_sitename para este sitio es Leandono´s Blog.

Con esto ya podemos empezar. El paquete de descarga del layout posee dos archivos, 'index.html' y 'main.css'. Al estilo en cascada lo renombramos 'template_css.css' y lo guardamos en la carpeta 'css' anteriormente creada. En tanto que a index.html lo abrimos con nuestro editor de textos.


.
.
.

El Producto Final será:


Si desean bajarlo vía ftp acá les pongo dos mirrors




Vía Pando


Si desean verlo online acá el link

Cómo Crear un Template para joomla


Opciones
Información del post
1 10 Puntos 1 9 Favoritos 1 4265 visitas
Creado el: 27.08.2007 a las 16:48:05 hs.
Categoría: Off-topic
Tags: joomla, css, DEBS
Agregar a: del.icio.us Digg Facebook

Comentarios
RSS con los comentarios de este post
#1 - Daniel03 | 27.08.2007 16:49:44 dijo:
Mañana subo el tutorial a otro hosting y por acá les informo (obviamente si hay algún interesado)

En el archivo completo (el de pando) está el tutorial en pdf + el template realizado)
#2 - VORTICE | 27.08.2007 16:59:54 dijo:
Gracias Daniel03, hace un tiempo q vengo renegando con un template y me hacía mucha falta éste tuto. +10
#3 - Daniel03 | 27.08.2007 17:05:47 dijo:
A la orden Vortice....

Mañana les pongo el mirror (acá ya tengo que dejar de trabajar)

Pero igual puse ahí el link original, este post va ligado a este otro que puse antes:

Completo manual de CSS

Y a algunos templates de joomla
#4 - Filprafa | 27.08.2007 17:33:58 dijo:
No uso Joomla, pero les dejo un link con info muy piola sobre este CMS: Joomla, qué es Joomla?
#5 - Daniel03 | 27.08.2007 17:36:23 dijo:
Gracias Filprafa por el link, así se enriquece más este post.

Yo si uso joomla y es muy bueno, tengo un sitio (no lo pongo para evitar spam) donde pongo Video Tutoriales de Visual Foxpro, todo hecho en joomla, este CMS me gusta mucho.
#6 - eskilozzy | 27.08.2007 17:58:58 dijo:
Prefiero SPIP
#7 - Daniel03 | 27.08.2007 18:00:43 dijo:
Para gustos los colores, no conozco SPIP, sólo puedo decir que JOOMLA está muy bueno y amigable.
#8 - elmelvin | 28.08.2007 12:01:10 dijo:
Muy weno, lastima que uso Gekko =P

Gracias por la info ya que me toy peleando con Joomla por un amigo ¬¬


Saludetes!
#9 - Daniel03 | 28.08.2007 17:03:09 dijo:
Pues a la orden...

Si podés te hace un post explicando qué es Gekko, ¿podrías?

Saludos

Ir al cielo

Anuncie en T! - Protocolo - Contacto - Laboratorio - Enlazanos - Mapa del sitio - Historial de posts - Prensa - Denuncias - Trabaja en T!
Términos y condiciones - Privacidad de datos