Drupal6.

xPlantillas
1

DRUPAL.CATpresenta:
DRUPAL6.xPLANTILLAS
1parte:Introduccin
Por:Isaacelcec (aliastenomar@drupal.cat)

Noosperdislasprximassesiones...
Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
2

20deSetiembre... DiaInternacional delsoftwarelibre!!!

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
3

Prerequisitos
Conocimientosgeneralesde XHTMLyCSS2.1. TerminologadeDRUPAL6. Conocimientosbsicosde programacin(PHP). Paracasosespeciales(raros), esnecesarioconocimientos elevadosdePHP,JavaScripty/ ojQuery.

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
4

1parte: IntoduccinalTheme SystemdeDrupal6 (principiosgenerales)

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
5

ElSistemadePlantillas
Componentes: (TheThemeSistem)
1)ElMotordePlantillas(ThemeEngine).Pordefecto: PHPTemplate(enD6incluidoenelncleo). 2)UnLenguajedeEtiquetas(Tagginglanguaje). 3)Laspropiasplantillas(themes):

Incluidasenelpaquetebsico,localizadasen [themes/...] Contribuidasodelpropiositio,localizadasen 5 [sites/all/themes/...],oen [sites/nombre_sitio/themes/...](multisitio).

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
6

ElSistemadePlantillas
Plantillas LenguajedeEtiquetas MotordePlantillas Mdulos NucleoDRUPAL6.x
Figuraadaptadade:http://drupal.org/node/171188 Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

CapaPlatillas. Capalgica ydatos.

Plantillas directas (ejemplo: Chamaleon)

Noincluidoen elncleo PHPTemplate incluidoenel ncleo

Drupal6.xPlantillas
7

Sobreescrituras delasalida...
SoloPHPadictos Recomendado: NOTOCAR!!!
Origendelafigura:http://drupal.org/node/173880

Aqu!!!

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
8

Plantillasincluidas...

Localizacin:[themes/...]

Garland(N) Minnelli(subplantilladeGarland)(N) Blumarine(T) Pushbutton(T) Chamaleon(basadaenPHPSinmotordeplantillas) Marvin(subplantilladeChamaleon)

(*)=AsociadasalNcleo.NOMODIFICARNUNCADIRECTAMENTE!!! (T)=Basadasentablas.
Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
9

PlantillasContribuidas...

Descargarde[http://drupal.org/themes/] (Ojoacompatibilidadversiones4.x;5.x;6.xy7.x) Descomprimirydejarcarpetaen:

Monositio:[sites/all/themes/...]oen [sites/all/themes/contrib/...] Multisitio:[sites/nombre_sitio/themes/...] oen [sites/nombre_sitio/themes/contrib/...]

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
10

Plantillascreadas...

Crearcarpetaen:

Monositio:[sites/all/themes/...]oen [sites/all/themes/creadas/...] Multisitio:[sites/nombre_sitio/themes/...] oen [sites/nombre_sitio/themes/creadas/...]

Parasubplantillas,mejorcomosubcarpetadela plantillamaestra.

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
11

Anatoma deuna plantilla

Origendelafigura:http://drupal.org/node/171194 Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
12

FicherosdeunaPlantilla

mi_plantilla.info(*)
style.css(A) logo.png(R) screenshot.png(R) page.tpl.php(A) template.php block.tpl.php node.tpl.php ...
(*)=Obligatorio (A)=Casiimprescindible (R)=Recomendable

Carpeta:
mi_plantilla

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
13

ATENCIN: Paramanipiularunaplantilla:

Admin>SiteConfig>Performance> CSSagregationdebeestarDisabled. Elfichero[.info]delaplantillaactivapermaneceenel cache.Simodificamosesteficheroesnecesarioactualizar elcachemedianteunodelossiguientesmtodos:

Pulsarelbotn[ClearCache]enAdmin>SiteConfig> Performance VisitarlaplantillaencuestinenAdmin>SiteBuild>Themes Sisetieneinstaladoelmdulodevelyactivadoelmdulode desarrollo,pulsarlaopcin[Emptycache]delmendecabecera.

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
14

Ficheromi_plantilla.info
nicoficheroOBLIGATORIOenunaplantilla. ATENCIN:Elnombredelficherodefineelnombre interno(maquina)delaplantilla. Camposobligatorios(*)yrecomendados:

Name(*) Description Version Core(*) Engine Basetheme(*parasubplantillas)

Verlistacompletadecamposen:http://drupal.org/node/171205

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
15

Ejemplodefichero.info
;Ficheromi_plantilla.info... name=MiPlantillachachipiruli description=Plantillaqueeslarepera... version=20080914 core=6.x engine=phptemplate

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
16

Ficheromi_plantilla.info
Opcionalmentepermitedefinir:

El/Losfichero/sdehojasdeestilos(.css).Pordefecto,style.css Laszonas(regiones)delaplantilla.Pordefecto,las5clsicas: cabecera,columnaizquierda,contenido,columnaderechaypie. Elficherodeimagendemuestra.Pordefectoscreenshot.png Elficherodescripts.Pordefectoscript.js Lasprestacionesactivasdelaplantilla(Solousosavanzados). LaversinmnimadePHP(Solousosavanzados)

Nota:Lasopcionespordefectonoesnecesarioespecificarlas.
Msinformacin:http://drupal.org/node/171206

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
17

Experimentemos...

Crearunacarpetaen[sites/all/themes/],de nombremi_plantilla Crearunficherodenombremi_plantilla.info conlosdatosimprescindibles(segnejemploya visto) Activarmi_plantillayponerlacomodefectoen nuestroDrupal Verquepasa!!!

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
18

Soloconfichero.info

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
19

Nombredelsitio

Plantillasolocon fichero.info

Linksprimarios Formularios TABS Botones

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
20

page.tpl.php<>style.css
Dosficherosntimamenterelacionadosquedefinen laplantilladepresentacingeneral. page.tpl.phpdefineelcontenidodecadazona (regin) style.cssdefinelaposicin,tamaoyformato decadaelemento.
Aviso:Enlasegundaparteseestudiaranlosficherostpl.Denada

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
21

Ficherosplantilla(templates) *.tpl.phpcomunes...

node.tpl.phpdefineelcontenidodelosnodos. block.tpl.phpdefineelcontenidodelos boques. comment.tpl.phpdefineelcontenidodelos comentarios.

Vermuchosmsen:http://drupal.org/node/190815

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
22

logo.png/.jpg/.gifpueseso... favicon.ico(>=16x16pixels) screenshot.png(150x90pixels)

Otrosficheros(opcionales)de unaplantilla:

screenshotdrupal.org.png(320x200 pixels)

Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.

Drupal6.xPlantillas
23

Gracias por la atencin prestada

Fin de esta PARTE...

Preguntas? . . .
Autor:isaac.el.cec@gmail.comBajolicenciaCreativeCommon3.0ReconocerAutoryCompartirIgual.