Cómo Crear Una Plantilla Para Joomla

Tabla de contenido:

Cómo Crear Una Plantilla Para Joomla
Cómo Crear Una Plantilla Para Joomla

Video: Cómo Crear Una Plantilla Para Joomla

Video: Cómo Crear Una Plantilla Para Joomla
Video: Desarrollo de plantilla para Joomla! 3 + bootstrap 4- desde cero - 1- Crear paquete de instalación 2024, Mayo
Anonim

Joomla es un sistema de administración de sitios (CMS) multifuncional que le permite realizar casi cualquier configuración de recursos. La función "Plantillas" es responsable de mostrar elementos en las páginas del sitio en este CMS. Cada una de las plantillas puede instalarse automáticamente o crearse de forma independiente por el webmaster.

Cómo crear una plantilla para joomla
Cómo crear una plantilla para joomla

Es necesario

  • - habilidades en el uso de HTML y CSS;
  • - un paquete de cualquier plantilla Joomla.

Instrucciones

Paso 1

Antes de crear su diseño, elija una plantilla que usará para escribir su propio código. Esto le ahorrará tiempo y evitará escribir líneas de código innecesarias que son estándar para Joomla y se utilizan al instalar cualquier máscara.

Paso 2

Copie la plantilla en una carpeta separada y abra el archivo templateDetails.xml en su directorio raíz. Este documento contiene información de servicio, descripción y nombre del diseño. Modifique los bloques necesarios como mejor le parezca. Por ejemplo, puede editar el descriptor para cambiar el nombre del autor por el suyo, especificar el correo electrónico, la dirección de la página de inicio. En la línea, puede ingresar un nombre para su diseño futuro.

Paso 3

Vaya al bloque del archivo que se está editando. Elimina todos los descriptores que forman parte de este bloque, comenzando con debug y terminando con la posición 14, dejando solo uno después de la operación. Del mismo modo, elimine las líneas y el idioma.

Paso 4

Después de realizar las operaciones, guarde los cambios en el archivo y elimine la carpeta de idioma en el directorio con los archivos de plantilla. Luego abra el archivo index.php con el editor que está usando y elimine todo el contenido excepto la línea:

<? php

definido ("_ JEXEC") o morir; ?>

Paso 5

Asigne un nombre a la carpeta de la plantilla y luego empaquételo en un archivo usando el programa de archivado, haga clic con el botón derecho en el directorio de su plantilla y seleccione "Crear archivo …". El archivo a crear debe tener una extensión.zip.

Paso 6

Vaya al panel de administración de recursos y vaya a la sección "Plantillas". Usando la operación de instalación, importe el archivo que acaba de crear y espere la notificación sobre la instalación exitosa. Luego habilite la plantilla resultante seleccionándola en el menú predeterminado.

Paso 7

Dibuja un diseño de muestra para tu futura plantilla y escribe el código HTML apropiado en el archivo index.php en consecuencia. Cree código utilizando algunas de las características del motor. Por lo tanto, puede ingresar el comando para sustituir automáticamente los encabezados estándar de Joomla:

Este código incluirá todas las etiquetas requeridas en la sección de la página.

Paso 8

Puede ingresar su propio código de tabla en cascada en template.css en una de las carpetas de recursos. Después de crear una nueva plantilla CSS, inclúyala en su archivo index.php usando

  • / templates / template; ? & rt; /css/template.css”type =“text / css”>.

    Paso 9

    A continuación, cree el marcado de la página utilizando código HTML. Para hacer esto, siga editando index.php de acuerdo con su plantilla dada. Si es necesario, agregue las posiciones que desee al bloque de archivo templateDetails.xml, asignando los ID correspondientes a cada una de las secciones de su diseño. Por lo tanto, para establecer los parámetros del encabezado, puede crear un encabezado e incluir este parámetro en el archivo index.php de la siguiente manera:

    Paso 10

    Después de crear un nuevo encabezado, puede editarlo a través de la ventana de Joomla en el administrador de módulos. Para ello, realice una nueva publicación e inserte el texto y las imágenes necesarias que se mostrarán en el título. Haz lo mismo con todos los elementos de la interfaz que estás creando y guarda todos los cambios que realizaste.

Recomendado: