Este documento presenta una charla sobre el desarrollo de plantillas para Joomla. Cubre conceptos básicos como la estructura de archivos de una plantilla, el archivo templateDetails.xml y las llamadas a la API de Joomla. También incluye consejos y snippets de código útiles, así como herramientas para ayudar en el proceso de desarrollo y una oferta de un curso gratuito sobre plantillas Joomla.
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...SergioIglesiasNET
Taller de desarrollo de plantillas para Joomla! 3.x impartido en el Joomla!Day 2013 España en la ciudad de Albacete. Snippets, minitutoriales (howto) y herramientas.
En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0
A través de una presentación iremos viendo los siguientes puntos:
- Qué es una plantilla
- Estructura básica de archivos
- templateDetails.xml
- API de Joomla!
- Templates Overrides
- Ejemplo: index.php + css + params
- Diferencias entre las versiones
- Frameworks de desarrollo
- Herramientas de ayuda
Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
Es la presentación 2 de 5 que se dieron en el taller de creación de plantillas impartido por el Grupo de Usuarios de Joomla! en Guatemala el 28 de febrero 2011
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...SergioIglesiasNET
Taller de desarrollo de plantillas para Joomla! 3.x impartido en el Joomla!Day 2013 España en la ciudad de Albacete. Snippets, minitutoriales (howto) y herramientas.
En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0
A través de una presentación iremos viendo los siguientes puntos:
- Qué es una plantilla
- Estructura básica de archivos
- templateDetails.xml
- API de Joomla!
- Templates Overrides
- Ejemplo: index.php + css + params
- Diferencias entre las versiones
- Frameworks de desarrollo
- Herramientas de ayuda
Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
Es la presentación 2 de 5 que se dieron en el taller de creación de plantillas impartido por el Grupo de Usuarios de Joomla! en Guatemala el 28 de febrero 2011
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
CLEFormación organizó un seminario técnico gratuito sobre "HTML5, el lenguaje del futuro, nuevos paradigmas y nuevos problemas en el desarrollo de aplicaciones web". Como referentes en la Capacitación Profesional en el entorno de las Tecnologías de la Información, concretamente en cursos de programación Oracle, Java, y HTML5 quisieron reiterar su compromiso con la formación en el sector. Por eso después del seminario, comparten la presentación desarrollada por el formador.
Bases de la maquetación de una web en HTML5, explicando e incorporando todas sus ventajas y novedades, así mismo, se darán a conocer diversas herramientas para el diseño y maquetación de webs de forma sencilla.
Se darán respuesta a las siguientes cuestiones:
¿Qué es HTML?
¿En qué consiste HTML?
¿Cómo se escriben las etiquetas?
¿Cómo se muestra una página Web?
¿Qué es la semántica HTML?
¿Qué es HTML5?
¿Por qué surge HTML5?
¿Qué va a pasar con las Web en HTML4?
¿Cómo se crea una página Web?
¿Cómo se declara un documento HTML5?
¿Qué etiquetas se usan para maquetar en HTML5?
¿Qué herramientas usaremos?
El taller correrá a cargo de Antonio Cruz Gómez, amigo y presidente de la Asociación EnRed 2.0 (http://enred20.org/)
Para más información puedes mirar la web: http://enred20.org/node/39
O ponerte en contacto con nosotros o con la Asociación EnRed 2.0
Curso de 4 horas con con ejemplos. Bastante completo, incluye canvas, video, almacenamiento, protocols, geolocation, WebRTC, .. y muchos punteros a sitios vistosos
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
Trabajo de Investigación sobre el Framework de MilkZoft: ZanPHP, para la materia de Programación Web de la carrera ISC-2010
Instituto Tecnologico de Tehuacan.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
CLEFormación organizó un seminario técnico gratuito sobre "HTML5, el lenguaje del futuro, nuevos paradigmas y nuevos problemas en el desarrollo de aplicaciones web". Como referentes en la Capacitación Profesional en el entorno de las Tecnologías de la Información, concretamente en cursos de programación Oracle, Java, y HTML5 quisieron reiterar su compromiso con la formación en el sector. Por eso después del seminario, comparten la presentación desarrollada por el formador.
Bases de la maquetación de una web en HTML5, explicando e incorporando todas sus ventajas y novedades, así mismo, se darán a conocer diversas herramientas para el diseño y maquetación de webs de forma sencilla.
Se darán respuesta a las siguientes cuestiones:
¿Qué es HTML?
¿En qué consiste HTML?
¿Cómo se escriben las etiquetas?
¿Cómo se muestra una página Web?
¿Qué es la semántica HTML?
¿Qué es HTML5?
¿Por qué surge HTML5?
¿Qué va a pasar con las Web en HTML4?
¿Cómo se crea una página Web?
¿Cómo se declara un documento HTML5?
¿Qué etiquetas se usan para maquetar en HTML5?
¿Qué herramientas usaremos?
El taller correrá a cargo de Antonio Cruz Gómez, amigo y presidente de la Asociación EnRed 2.0 (http://enred20.org/)
Para más información puedes mirar la web: http://enred20.org/node/39
O ponerte en contacto con nosotros o con la Asociación EnRed 2.0
Curso de 4 horas con con ejemplos. Bastante completo, incluye canvas, video, almacenamiento, protocols, geolocation, WebRTC, .. y muchos punteros a sitios vistosos
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
Trabajo de Investigación sobre el Framework de MilkZoft: ZanPHP, para la materia de Programación Web de la carrera ISC-2010
Instituto Tecnologico de Tehuacan.
Combinación ganadora: Plone como CMS, tu framework preferido como frontendmenttes
Plone es un excelente sistema de gestión de contenidos. Recientemente ha sido elegido como el mejor CMS no-PHP en un popular concurso anual. A pesar de esto, muchos desarrolladores web de Python encuentran complejo a Zope, el framework con el que esta desarrollado el CMS.
Ahora, ¿qué tal si pudieras usar Plone solo como un gestor de contenidos y tu framework favorito, cualquiera sea, para implementar un front-end de forma transparente, obteniendo una configuración basada sobre una aplicación probada y de bajo mantenimiento, como backend siendo libre para escribir tu propia aplicación, usando el poder y flexibilidad de tu framework web?
En esta charla, se mostrarán ejemplos realizados con un par de productos de terceros de Plone y front-ends en varios frameworks.
Presentación de la sesión del JoomlaDay ES 2023 dedicada al proceso de migración del gestor de contenidos (CMS) Joomla 4.
Más info: https://sergioiglesias.net/servicio-migracion-joomla-4
Los emprendimientos socio productivos generan bienes y servicios en los territorios, con el propósito de que los procesos de producción activen al mercado y facilite el desarrollo personal mediante la integración social de los agentes sociales excluidos.
control de emisiones de gases contaminantes.pptxjesusbellido2
en el siguiente documento s epodra apreciar los gases que emiten los vehiculos y sus consecuencias tambien se podra apreciar las normas euro cino y las normas euro seis
2. DESARROLLO
PLANTILLAS
JOOMLA!
El JoomlaDay™ Sevilla es un evento
sobre el CMS Joomla!®
Expertos en Joomla! de primera fila
impartirán charlas.
El programa del evento pretende
cubrir buena parte de los distintos
aspectos que implica la creación de
sitios web con Joomla!
Es un evento comunitario, creado
por la comunidad y para la
comunidad.
joomladaysevilla.es
by @sergiois
3. Soy Sergio Iglesias
Front & Backend Developer / Consultor Joomla!
Puedes seguirme en @sergiois
y en www.sergioiglesias.net/blog
HOLA!!
sergioiglesias.net
4. TRABAJO EN...
Complusoft
Responsable de
Proyectos Web
Joomla!
Formador
complusoft.es
SergioIglesiasNET
Blog sobre Joomla! y
Marketing Online
Artesanal
Cursos Online
sergioiglesias.net
ManagementFront
Extensión Joomla! para
gestión de artículos
desde Front
Plantilla Dashboard
managementfront.com
sergioiglesias.net
5. INTRODUCCIÓN
Estructura de archivos de
una plantilla
templateDetails.xml
API - JDoc
Ejemplo de template
DE QUÉ VAMOS A HABLAR EN ESTA CHARLA
TIPS DESARROLLO
Colección de snippets o
trozos de código
interesantes para el
desarrollo de un template
personalizado con
ejemplos prácticos.
sergioiglesias.net
6. HERRAMIENTAS
Extensiones Firefox
Responsive Web Desing
Velocidad de carga
CheatSheets
DE QUÉ VAMOS A HABLAR EN ESTA CHARLA
REGALO: CURSO GRATIS
Información sobre cómo
realizar un curso online
sobre desarrollo de
plantillas Joomla!
completamente GRATIS.
sergioiglesias.net
10. EXPLICACIÓN DE LOS FICHEROS DE UN TEMPLATE
index.html
Añade seguridad a las carpetas.
Es un fichero vacío..
index.php
Contiene el HTML que define la
estructura de la plantilla y las
llamadas PHP a la API de
Joomla! (punto de entrada al
template).
template_thumbnail.png
Imagen en miniatura de la
plantilla para poder ver desde el
panel de administración el
diseño que tiene.
templateDetails.xml
Contiene información necesaria
para la correcta instalación de
la plantilla. Define los campos
de configuración.
html
Contiene vistas personalizadas
de extensiones para adaptarlas
al diseño del template (técnica
de template overrides).
sergioiglesias.net
11. EXPLICACIÓN DE LOS FICHEROS DE UN TEMPLATE
nombre_directorio
Para organizar estilos,
imágenes y funcionalidad:
▸ css
▸ js
▸ images
error.php
Fichero para controlar los
errores:
▸ 404 (página no
encontrada)
component.php
Para mostrar solo el contenido
de un componente (en
ventanas modales por ejemplo).
html/modules.php
Para crear nuevos estilos de
módulo o sobre-escribir los ya
existentes.
html/pagination.php
Para modificar la forma en que
se muestra y funciona la
paginación en Joomla!.
sergioiglesias.net
13. SECCIONES EN LAS QUE ESTÁ DIVIDIDO
▸ Datos
▸ Archivos
▸ Posiciones
▸ Idiomas
▸ Parámetros / Campos
Los campos de configuración de esta última sección se
almacenan en el fichero params.ini
sergioiglesias.net
19. API JDOC
Código proporcionado por el Framework de Joomla!
para mostrar el contenido de las extensiones.
sergioiglesias.net
20. PRINCIPALES LLAMADAS DE LA API DE JOOMLA!
<jdoc:include type=”head”/>
▸ Va dentro de la cabecera HTML (<head>).
▸ Muestra el title, metatags, feed y js.
$this->template
▸ Obtenemos el nombre de la carpeta que contiene nuestra
plantilla.
▸ Uso: para cargar css, favicon, js y cualquier otro archivo.
$app = JFactory::getApplication();
$app->getCfg('sitename');
▸ Obtenemos el nombre del sitio.
sergioiglesias.net
21. PRINCIPALES LLAMADAS DE LA API DE JOOMLA!
<jdoc:inclue type=”modules” name=”posicion”
style=”estilo”/>
▸ Indica la carga de un módulo de una manera específica:
▹ name: posiciones definidas en el fichero
templateDetails.xml
▹ style: table (tabla vertical = columna), horz (tabla
horizontal = fila), xhtml (divs), rounde (divs
anidados), raw (sin contenedor).
▹ También se pueden crear estilos propios.
sergioiglesias.net
22. PRINCIPALES LLAMADAS DE LA API DE JOOMLA!
<jdoc:include type=”component”/>
▸ Cargamos el contenido principal del sitio (contenido de
componentes).
if($this->countModules('nombre_posicion')){}
▸ Condicional para saber si hay algún módulo en una
posición determinada.
$this->baseurl
▸ Contiene la dirección base de nuestro sitio.
sergioiglesias.net
23. PRINCIPALES LLAMADAS DE LA API DE JOOMLA!
$this->params->get(‘nombre_campo’);
▸ Muestra el valor del campo de configuración (de
templateDetails.xml)
$doc = JFactory::getDocument();
▸ Para cargar estilos, javascript y otras etiquetas.
▸ $doc->addStyleSheet($url); más info
▸ $doc->addStyleDeclaration($css); más info
▸ $doc->addScript($url); más info
▸ $doc->addScriptDeclaration($js); más info
▸ $doc->setTitle(‘Título página’); más info
▸ $doc->setGenerator(‘Información’); más info
▸ $doc->addMetaTag(‘etiqueta’, ’descripción’); más info
▸ $doc->addCustomTag(‘<meta>’); más info
sergioiglesias.net
24. Ejemplo de Template
Ejemplo completo de un template a partir de todos los
ficheros que lo forman.
sergioiglesias.net
44. CURSO ONLINE DESARROLLO PLANTILLAS JOOMLA!
Curso online con el que aprenderás a desarrollar tu propia
plantilla Joomla! de forma personalizada:
▸ Más de 3 horas de vídeo.
▸ Presentaciones para seguir los vídeos.
▸ ZIP con plantilla demo.
▸ Enlaces a manuales e información de interés.
▸ Certificado de participación.
sergioiglesias.net
47. MANAGEMENTFRONT - 25% de DESCUENTO
www.managementfront.com
Extensión y plantilla de tipo Dashboard para gestionar
artículos desde el Front:
▸ Gestión artículos desde el Front.
▸ Plantilla responsive de tipo Dashboard..
▸ ACL nativo de Joomla!.
▸ Descuento en todos los planes.
▸ El cupón solo dura hasta el Viernes 2 de Octubre 2015.
sergioiglesias.net
48. LOS PASOS A
SEGUIR
ENTRA EN LA WEB Y REGÍSTRATE
www.managementfront.com
INTRODUCE EL CUPÓN
JD15SEV
Y TENDRÁS EL 25% DE DESCUENTO
(en cualquier plan)