Cómo crear una plantilla básica de Joomla

Introducción

Este artículo muestra consejos paso a paso sobre cómo puede crear una plantilla de Joomla. Aprenderá los archivos y códigos necesarios para crear una plantilla de Joomla. Puede copiar y pegar el código y utilizarlo tal como está o realizar ajustes mínimos en función de sus necesidades..


Paso 1: configurar una estructura de directorio

Para diseñar una plantilla básica de Joomla, haga clic en “crear una nueva carpeta”. Encontrará esto en la carpeta de plantillas. Dale un nombre a la carpeta. El nombre tiene que ser, un nombre que use para su plantilla (mynewtemplate).
Con el uso de su editor de texto preferido, cree los archivos index.php y templateDetails.xml. Para mantener una estructura adecuadamente organizada, cree 2 carpetas nuevas conocido como imágenes y css. Dentro de css carpeta, generar un archivo conocido como template.css.

Está bien si coloca su código CSS directamente en su archivo index.php desde el principio. Sin embargo, a muchos diseñadores web les encanta poner su código CSS en un archivo diferente y luego conectarlo a muchas páginas usando la etiqueta de enlace. Ponerlo en orden también puede disminuir el tiempo que tardan en cargar sus páginas porque los diversos archivos se pueden almacenar en caché.

Ejecute los siguientes comandos para configurar la estructura de carpetas y archivos:

* mynewtemplate /
** css /
*** template.css
** imágenes /
** index.php
** templateDetails.xml

Paso 2: crear un archivo templateDetails.xml básico

Es muy significativo que cree el archivo templateDetails.xml. Es el archivo que permite a Joomla identificar su plantilla. El archivo contiene los metadatos principales que consignan la plantilla que ha creado..

La estructura de las oraciones del archivo varía de una versión de Joomla a otra..

Para Joomla 1.5, ejecute el siguiente comando:

<?versión xml ="1.0" codificación ="utf-8"?>

mynewtemplate
2008-05-01
John Doe
[email protected]
http://www.example.com
John Doe 2008
GNU / GPL
1.0.2
Mi nueva plantilla

index.php
templateDetails.xml
imágenes
css

migaja de pan
izquierda
Correcto
parte superior
usuario1
usuario2
usuario3
usuario4
pie de página

Para Joomla 2.5 y versiones posteriores, ejecute el siguiente comando: Alterar "2.5" versión de Joomla en su versión de Joomla e instálela con los siguientes comandos:

<?versión xml ="1.0" codificación ="utf-8"?>

mynewtemplate
2008-05-01
John Doe
[email protected]
http://www.example.com
John Doe 2008
GNU / GPL
1.0.2
Mi nueva plantilla

index.php
templateDetails.xml
imágenes
css

migaja de pan
izquierda
Correcto
parte superior
usuario1
usuario2
usuario3
usuario4
pie de página

Descubrirá que tenemos una colección de datos a través de etiquetas de marcado (s). La mejor manera de hacerlo es copiarlo y pegarlo dentro de su archivo templateDetails.xml y alterar las partes apropiadas (como y).

La sección debe estar compuesta por los archivos que utiliza. Es probable que aún no se dé cuenta de lo que son. Sin embargo, no hay necesidad de preocuparse. Déjalo por ahora y ve después para actualizarlo.

Puede usar la parte para definir toda la carpeta de inmediato.

No alterar las posiciones. Son la configuración típica y lo ayudarán a cambiar fácilmente de las plantillas regulares.

Paso 3: crea un archivo index.php básico

El archivo index.php es la parte central de cada página diseñada en Joomla! Básicamente, creará una página similar a HTML. Sin embargo, en lugar del HTML, colocas el código PHP en la posición que se entiende para el contenido de tu sitio. La plantilla funciona incorporando el código de Joomla en las ubicaciones de los módulos y la parte componente en su plantilla. Lo que agregue a la plantilla será visible en cada una de sus páginas, excepto que lo incorpore a través de una de estas partes mediante el uso de Joomla CMS (o código personalizado).

Los siguientes son códigos básicos que puede copiar y pegar en su diseño web..

Paso 4: configura la parte inicial de tu plantilla de Joomla

Una plantilla de Joomla comienza con los siguientes comandos:

<?PHP definido (‘_JEXEC’) o morir (‘Acceso restringido’);?>

La línea inicial evita que personas traviesas vean su código y trabajen en su contra.

La línea siguiente es la Declaración de tipo de documento (DOCTYPE). Indica a los navegadores web y rastreadores web la versión HTML implementada en la página. El doctype es HTML5 y la versión más reciente HTML. Por lo general, es muy compatible con versiones anteriores, pero viene con muchas funcionalidades nuevas. Debe saber que esto no funcionaría correctamente en Internet Explorer 8 o versiones anteriores sin algún pirateo. Debe considerar esto y verificar cuáles son las necesidades de sus clientes para guiarlo en el mejor doctype para usar. Sin embargo, es lo que se está utilizando en Joomla 3.6 y las versiones más recientes..

La siguiente línea (tercera) comienza con su archivo HTML y explica el idioma del sitio web. Un archivo HTML se clasifica en dos; la cabeza y el cuerpo El encabezado está formado por los datos del documento, mientras que el cuerpo está compuesto por el código del sitio web que le ayuda a administrar el diseño..

Paso 5: crear el sector Head

Para la cabeza, ejecute los siguientes comandos:

La fila inicial ayuda a Joomla a incorporar los datos de encabezado correctos, incluido el título de la página, los metadatos junto con el JavaScript del sistema. La parte restante genera enlaces a dos esquemas: páginas de técnica y su página de técnica personal cuando se nombra como template.css y se coloca en la carpeta css del directorio de su plantilla. Por lo tanto, si su plantilla es http://www.mysite.com/templates/my_template/, sus archivos css se colocarán como: http://www.mysite.com/templates/my_template/css/).

Paso 6: crear el sector del cuerpo

Para hacer esto, ejecute los siguientes códigos:

Puede sorprenderle que esto ya sea suficiente. Es todo lo que necesitas Aunque es solo el diseño fundamental, cumplirá con lo que se requiere. La parte restante sería realizada por Joomla. Estas filas, comúnmente denominadas declaraciones jdoc, informan a Joomla para que incorpore el resultado de secciones específicas de la estructura de Joomla. Sin embargo, debe asegurarse de configurar su menú para que se coloque en "parte superior" posición del elemento.

Paso 7: Coloque las posiciones del módulo

En la parte superior de la fila que indica nombre ="parte superior" incorporar una ubicación de elemento conocida como parte superior y deje que Joomla coloque los módulos en esta parte de la plantilla. La fila que contiene type ="componente" es donde se encuentran los artículos completos y el contenido clave. De hecho, es el componente y es extremadamente significativo. Se coloca en el núcleo de la plantilla..

Usted es libre de incorporar sus filas de componentes específicos en cualquier lugar de elección dentro del cuerpo. Sin embargo, debe incorporar una fila equivalente al archivo templateDetails.xml que se encuentra al lado del index.php de su plantilla.

Paso 8: Diseñe la plantilla Fin

Para concluir el diseño de su plantilla, implemente el siguiente código para cerrar toda la configuración:

Paso 9: Establecer imágenes personalizadas

Si le encanta incorporar imágenes en su plantilla, implemente los siguientes comandos:

Paso 10: Agregar CSS personalizado

Para incorporar CSS personalizado, ejecute el siguiente código:

Todos los archivos que incorpores deben tener una fila en el archivo templateDetails.xml para la plantilla, excepto que la colocaste en una mini-carpeta que puedes incorporar a un elemento).

Ahora tendrá su último como se muestra a continuación:

<?php definido (‘_ JEXEC’) o morir (‘Acceso restringido’);?>

Paso 11: Verifique la plantilla

Para verificar la plantilla, en el Administrador de plantillas, haga clic en ella y luego seleccione Predeterminada para convertirla en su plantilla predeterminada.

Una vez que haya terminado con esto, verá instantáneamente su nueva plantilla si está utilizando Joomla 1.5. Estaría ubicado en el Administrador de plantillas. Puede acceder haciendo clic en Extensiones y seleccionando el Administrador de plantillas en el menú desplegable. Si está utilizando Joomla 2.5 edition y superior, primero debe informarle a Joomla que ha diseñado una plantilla nueva.

Este elemento que necesita para hacer esto se conoce como Extensiones de descubrimiento y puede acceder haciendo clic en Extensiones y entonces Extensión Gerente Seguido por el Descubrir ejército de reservasi. Al hacer clic en el Descubrir lengüeta para encontrar su plantilla, puede seleccionar su plantilla y luego debe presionar el botón Instalar en pc pestaña para instalarlo. En este punto, verá la plantilla que acaba de crear en el Administrador de plantillas (Estilos). Para llegar a eso ve a Extensiones y luego haga clic en el Administrador de plantillas

Es posible crear una plantilla fuera de la plataforma Joomla y cuando haya terminado, simplemente puede instalarla como lo haría con otras extensiones estándar. Hay muchas maneras que puede seguir para obtener una vista previa de su página de índice mientras la crea. Puede hacerlo insertando los patrones en el encabezado de su página de índice o vinculándolo directamente al patrón de página que desea usar momentáneamente. Cuando esté listo para empaquetar el archivo, puede quitar los enlaces.

Paso 12: Empaquete su plantilla y prepárela para ser instalada.

Si su directorio contiene muchos archivos flojos, no será adecuado para compartir. Por lo tanto, lo último que debe hacer es empaquetar correctamente su directorio para que pueda distribuirse fácilmente. Para hacer esto, debe comprimir las estructuras de directorios y los archivos completos y archivarlos. Comprime el paquete usando una extensión .zip o lo deja en TAR-gzip formato con el uso de una extensión .tar.gz. Alternativamente, puedes dejarlo en TAR-bz2 formato utilizando una extensión .tar.bz2.

Si coloca su plantilla en un directorio llamado mytemplate /, por ejemplo, para empaquetar su plantilla, puede vincular al directorio y ejecutar cualquiera de los siguientes comandos:

tar cvvzf ../mytemplate.tar.gz *
zip -r .. \ mytemplate.zip *. *

Conclusión

Una vez que llegue a este paso, ya tendrá una plantilla de Joomla en funcionamiento. Puede que todavía no tenga el aspecto fantástico que desea, pero lo que puede hacer es experimentar y probar el diseño..

Echa un vistazo a estos 3 principales servicios de alojamiento de Joomla:

FastComet

Precio inicial:
$ 2.95


Fiabilidad
9,7


Precios
9.5


Fácil de usar
9,7


Apoyo
9,7


Caracteristicas
9.6

Leer comentarios

Visita FastComet

ChemiCloud

Precio inicial:
$ 2.76


Fiabilidad
10


Precios
9,9


Fácil de usar
9,9


Apoyo
10


Caracteristicas
9,9

Leer comentarios

Visita ChemiCloud

Alojamiento A2

Precio inicial:
$ 3.92


Fiabilidad
9.3


Precios
9.0


Fácil de usar
9.3


Apoyo
9.3


Caracteristicas
9.3

Leer comentarios

Visita A2 Hosting

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me