como creo plantilla para joomla

dayana1215 · #1 (**permalink**) 18/03/2010, 08:52

hola quisiera que me ayuden a crear una platanilla o templete`para joomla, soy nueva en el tema.

richicasas · #2 (**permalink**) 18/03/2010, 14:31

Puedes revisar el siguiente link:
http://www.leandrodonofrio.com/recur...-15-desde-cero

CraToS · #3 (**permalink**) 18/03/2010, 20:17

Hola

Te preparé lo siguiente, a modo de resumen muy rápido (parecerá mucho texto, pero créeme que es un resumen...)

Al crear un template joomla en lo que más se tarda uno es en dejar la estructuración y el estilo general suficientemente terminados y definidos.

Básicamente, lo que tienes que tener muy bien claro al diseñar tu template es dónde van a estar:
- Los módulos
- El contenido principal
- Opcional: posición para "Breadcrumbs" (como lo es por ej: "Foros del Web > Diseño de Sitios web > Aplicaciones prefabricadas > Joomla > como creo plantilla para joomla", y los mensajes del sistema (como los que se despliegan al haber errores en algún formulario, o al enviarse dicho formulario, etc. Algunos componentes requieren tener estos espacios definidos en el template, pero no es obligatorio.)

INDEX.PHP

En cada posición se coloca una línea de código que Joomla entenderá para asignar ahí un módulo determinado. Por ejemplo, si quieres poner en un div tal la posición "left", entonces debes poner esto:

Código PHP:

Ver original<div id="izquierda">
       <jdoc:include type="modules" name="left" style="xhtml" />
</div>

Y con eso el sistema colocará todos los módulos asignados a "left" en ese espacio. (Ojo que lo del div es ejemplo, si quieres ponerlo dentro de una tabla es igual, aunque no es recomendable utilizar tablas para estructuración principal)

Así haces con el resto de posiciones. Tu escoges las que quieras.

Luego para el contenido haces lo mismo, sólo que la línea de código cambia, deberás usar:

Código PHP:

Ver original<div id="contenido_principal">
                <jdoc:include type="component" />
</div>

Y para mensajes de sistema y breadcrumb las líneas son:

Código PHP:

Ver original<jdoc:include type="module" name="breadcrumbs" style="none" />
<jdoc:include type="message" />

También, las colocas donde quieras.

Todo esto es dentro de las etiquetas del BODY.

Ahora, importante, para el HEAD y principio del archivo (siempre en index.php) debes poner como mínimo algo como esto:

Código PHP:

Ver original<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
 
<head>
<jdoc:include type="head" />
 
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/tu-hoja-de-estilo.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css"/>
</head>

Nota: Dentro del index.php, cada vez quieras usar el URL de tu sitio, es recomendable usar este línea de código en lugar del uri absoluto:

Código PHP:

Ver original<?php echo $this->baseurl; ?>

que equivale al URL del sitio (e.g.: http://www.tusitioweb.com).

Nota2: La línea de código:

Código PHP:

Ver original<?php echo $this->template ?>

es una variable que reemplaza el valor del nombre de la carpeta del template en el directorio. Si la carpeta de tu template se llama por ejemplo "mitemplate" entonces "<?php echo $this->template ?>" es igual a "mitemplate".

templateDetails.xml

Si lo quieres hacer simple, puedes utilizar algo como esto, y llenarlo con tus propios datos:

Código XML:

Ver original<?xml version="1.0" encoding="iso-8859-1"?>
<mosinstall type="template">
    <name>Título del Template</name>
    <creationDate>la fecha de cración - se puede usar cualquier formato</creationDate>
    <author>Tu nombre</author>
    <copyright>This template is released under the GNU/GPL License - pones lo que quieras</copyright>
    <authorEmail>[email protected]</authorEmail>
    <authorUrl>http://www.tusitio.com</authorUrl>
    <version>1.0 - la versión que escojas para tu template</version>
    <description>El tag lo dice sólo... :)</description>
<files>
    <filename>index.php</filename>
    <filename>templateDetails.xml</filename>
    <filename>template_thumbnail.png</filename>
</files>
<images>
    <filename>images/arrow.png</filename>
    <filename>images/bg_green.gif</filename>
    <filename>images/header_bg.jpg</filename>
    <filename>images/mainmenu_bg.jpg</filename>
</images>
<css>
    <filename>css/tu-hoja-de-estilo.css</filename>
</css>
<positions> 
    <position>header</position> 
    <position>top</position>
    <position>breadcrumb</position>
    <position>left</position>       
    <position>footer</position>
</positions>
</mosinstall>

Obviamente, en <images> dentro pones las imágenes que usaste en tu template, si ocupas más líneas pues simplemente las agregas. Lo mismo con las posiciones que declaraste en el index.php.

Nota3: "content" no se declara en <positions> ya que no es una posición, sino precisamente el contenido principal, el cual es obligatorio ponerlo, ya que ahí es donde Joonla despliega los artículos y componentes.

Nota4: el template_thumbnail.png es una imagen que se hace con el fibn de servir como identificador gráfico en el ACP (Administrator Control Panel) de Joomla, en el administrador de plantillas. (Debe ser tipo thumbnail, de unos 200x150px, y lo ideal es que muestre un screenshot del aspecto de tu tempalte.

Para apoyo, la documentación oficial se encuentra en:
http://docs.joomla.org/Tutorial:Creating_a_basic_Joomla!_template#Creatin g_a_basic_index.php_file

Espero que te sirva la info, y lo que se requiere es paciencia, prácticamente.

Saludos!

DOHC · #4 (**permalink**) 09/04/2010, 19:51

Cita:

Iniciado por dayana1215

hola quisiera que me ayuden a crear una platanilla o templete`para joomla, soy nueva en el tema.

te recomiendo el programa de artisteer, es un programa para diseñar plantillas de joomla, wordpress, drupal, blogger y otros mas, checate el trial, ya que es un programa de pago

(DI NO A LA PIRATERIA), es muy facil de manejar para los que no sabemos mucho de programacion de php, css y html

aqui el link del programa

[URL="http://www.artisteer.com/?p=downloads"]http://www.artisteer.com/?p=downloads[/URL]

Larenz · #5 (**permalink**) 10/04/2010, 11:19

Cita:

Iniciado por DOHC

te recomiendo el programa de artisteer, es un programa para diseñar plantillas de joomla, wordpress, drupal, blogger y otros mas, checate el trial, ya que es un programa de pago

(DI NO A LA PIRATERIA), es muy facil de manejar para los que no sabemos mucho de programacion de php, css y html

aqui el link del programa

[URL]http://www.artisteer.com/?p=downloads[/URL]

Yo no te recomiendo Artisteer si realmente quieres aprender Joomla. Si realmente deseas aprender a diseñar plantillas en Joomla deberás de estudiar mucho, deberás aprender a tener conocimientos básicos de CSS, XHTML y PHP. Deberás aprender cómo funciona Joomla y cómo lee los códigos.

Es algo que en unos meses podrás ir aprendiendo y realmente te lo digo personalmente: VALE LA PENA. Cuando agarré mi primer cliente para diseño web era para una empresa de computadoras, y sin saber Joomla me lancé y aprendí lo básico en un mes, y cuando ya estaba enrumbado en Joomla sin querer me fui metiendo a aprender obligadamente o perdía al cliente, jejeje! Y realmente el esfuerzo ha valido.

A como te decía, si lo quieres aprender no uses el Artisteer ya que ese programa te hace los sitios webs casi sin nada de conocimientos y la verdad que no estarás aprendiendo nada, además genera CÓDIGO BASURA. Tengo amistades que trabajan con ese software y realmente no saben hacer una plantilla sin él. Al final no aprendes y te haces dependiente del software.

Luismaster2000 · #6 (**permalink**) 13/07/2011, 22:39

Apoyo a larenz yo use ese software y la verdad me hizo la vida muy comoda al inicio la cosa se complico cuando quise hacer algo mas llamativo y profesional como las plantillas profesionales que vende joomla la verdad me di cuenta que de hay no saldria y ahora estoy aprendiendo php no me queda de otra pero es mejor asi