Share
En este tutorial, aprenderá los conceptos básicos de una plantilla de Joomla y creará uno desde cero. Iremos rápidamente instalando un servidor local y Joomla, y luego crearemos una plantilla de funcionamiento básico..
Antes de comenzar con nuestra plantilla, hay algunas cosas que debe preparar.
Al igual que la mayoría de los CMS, Joomla requiere un servidor con PHP y MySQL instalados. Instalar manualmente lo anterior puede ser bastante molesto y, para ser honesto, una pérdida de tiempo (a menos que quiera ver cómo se hace exactamente).
Lo que haremos es descargar un solo instalador para todo lo anterior que pegará un servidor local en su sistema y le dará un panel de control realmente ingenioso también.
Así que dirígete a WAMP y descarga la última versión. (MAMP para Mac)
Una vez descargado el instalador, ejecútelo e instale WAMP en un lugar fácil de recordar. Si todo va según lo planeado, debería estar mirando una carpeta llamada: wamp
Ahora también debe tener un icono en la barra de notificaciones (donde está el reloj) que le da acceso al panel de control de WAMP. Puede usar esto para varias cosas, incluyendo reiniciar el servidor.
Ahora que tenemos un servidor instalado, podemos obtener Joomla y configurarlo. Ve a Joomla y descarga la última versión..
Antes de continuar, echemos un vistazo a nuestra carpeta de wamp nuevamente. Dentro encontrarás un montón de carpetas, pero la que más nos interesa es la carpeta www.
Esta es la raíz de la configuración de su servidor y aquí es donde instalaremos Joomla. (nota: puedes instalar tantas copias de Joomla aquí como quieras, o cualquier otra cosa)
Entonces, descomprime tu descarga de Joomla en la carpeta www. Por lo general, lo renombro en este punto al nombre de mi sitio o simplemente lo acorté a joomla.
Joomla está ahora en nuestro servidor. Sin embargo, hay una última cosa que debemos hacer antes de instalar, y eso es crear una base de datos. Abra su navegador y vaya a http: // localhost .
Aquí encontrará el área de administración de su servidor, aquí es donde creamos nuestra base de datos..
Para crear la base de datos, haga clic en phpmyadmin en la sección Sus alias.
Por este tutorial llamaremos a nuestra base de datos joomla. No creará un usuario con contraseña aquí, sino que usará los detalles del usuario root. Se recomienda encarecidamente que cree un usuario con una contraseña segura en situaciones reales..
Ahora que tenemos una base de datos, podemos comenzar a instalar Joomla. Encienda su navegador y vaya a http: // localhost / joomla (o como se llame a su sitio cuando lo desempaque).
La primera pantalla habla bastante por sí misma. Elige un idioma y presiona siguiente.
La siguiente pantalla que ve es la lista de verificación de preinstalación. Esta es una lista de los elementos necesarios y la configuración que Joomla necesita para instalar con éxito. Asegúrese de tener la configuración necesaria y haga clic en siguiente.
En la página siguiente, lea la licencia detenidamente y, cuando esté listo, haga clic en siguiente e ingrese los detalles requeridos (Nombre del host: localhost, Nombre de usuario: raíz, sin contraseña y nombre de la base de datos como Joomla), y presione a continuación.
Salte la pantalla de Configuración de FTP haciendo clic en siguiente y en la página siguiente, ingrese el nombre de su sitio, una dirección de correo electrónico y elija una contraseña. Esta será la contraseña que utilizará para iniciar sesión en el área de administración de joomla junto con el nombre de usuario: admin.
No instalaremos ningún dato de muestra en este momento, ya que queremos agregar los módulos uno por uno para ver cómo estará nuestra plantilla más adelante en el futuro. Haga clic en Siguiente.
Felicidades Joomla está en funcionamiento, pero antes de que podamos entrar y desordenar, tenemos que eliminar la carpeta de instalación. Vaya a su carpeta www dentro de wamp, y luego a la carpeta joomla y elimine la carpeta de instalación
Es bastante difícil entrar en cualquier discusión de CMS de código abierto sin el nombre de Joomla cayendo.
Su instalación, junto con el panel de administración intuitivo, lo hace muy popular entre los usuarios que buscan un CMS fácil y, al mismo tiempo, están repletos de características que mantienen
Miles de desarrolladores ocupados rodando aplicaciones y módulos. Si es necesario, familiarícese con el final (recomiendo este artículo rápido de Joomla 101 en el blog Themeforest para que se sienta rápidamente).
Para visitar su sitio, haga clic en vista previa en la esquina superior derecha del área de administración. Lo que obtendrá es la plantilla predeterminada sin contenido y los módulos más básicos cargados.
Para comenzar a entender la estructura de la plantilla, echemos un vistazo a la predeterminada. Vaya a su carpeta www, luego dentro de la carpeta joomla debería ver una carpeta de plantillas.
(wamp / www / joomla / templates). Aquí es donde van todas las diferentes plantillas. Puedes cambiar entre plantillas en el panel de administración.
Dentro de la carpeta de plantillas, verá una carpeta para cada plantilla instalada. Joomla viene con tres plantillas: beez, rhuk_milkyway y ja_purity. Recuerde esta ubicación ya que es donde instalará sus nuevas plantillas en el futuro.
Aunque la mayoría de las plantillas están compuestas por bastantes archivos, solo se necesitan dos para hacer que una plantilla funcione. Estos son:
El primero, index.php, es donde va todo el formato en el que se pega la inclusión de Joomla. Estos pueden verse como pequeños ganchos en los que joomla cuelga información, como módulos, por ejemplo
El segundo archivo es templateDetails.xml. Puedes ver esto como una lista de instrucciones para Joomla. Esta lista debe incluir el nombre de la plantilla, los nombres de los archivos utilizados en la plantilla (imágenes, etc.) y las posiciones que desea usar (los incluidos mencionados anteriormente).
plantilla _tut 31-01-2009 Fan de nettut [email protected] http://www.siteurl.com Usted 2009 GNU / GPL 1.0.0 Plantilla tut index.php templateDetails.xml css / template.css migaja de pan izquierda Correcto parte superior usuario1 usuario2 usuario3 usuario4 pie de página
Lo anterior es un ejemplo de un archivo templateDetails.xml. Como puede ver, esta es una lista específica que le dice a Joomla sobre la plantilla, como el nombre, el autor, la fecha de creación, etc.
Observe la sección de posiciones en el código de arriba. Estas son las posiciones de las que hablamos anteriormente, las incluye.
Algunos son autoexplicativos, como el pie de página.
Si coloca la inclusión de pie de página de joomla en el área del pie de página de su diseño, podrá controlar algunos aspectos del pie de página utilizando el extremo posterior de Joomla. Vamos a intentar juntar una plantilla sencilla..
Vamos a hacer algo de preparación para que tengamos algo con qué trabajar. Vaya a la carpeta de plantillas y cree una nueva carpeta. Vamos a llamarlo template_tut.
Dentro de su nueva carpeta, cree un archivo llamado index.php, y otro llamado templateDetails.xml (copie / pegue el código en el ejemplo de arriba).
Abra su archivo index.php en el bloc de notas o cualquier otra cosa que use para editar el código, y copie / pegue lo siguiente en:
Accentsconagua
