Maak een aangepaste template voor Joomla | Artikelen CMS | CMS | decoup-og-31.com ..


Gesponsorde links

Maak een aangepaste template voor Joomla

Artikel geschreven door Mauro De Filippis
Pagina 1 van 4

Een van de redenen dat de verspreiding van CMS aangemoedigd (Joomla, maar niet alleen) in de wereld van het internet is ongetwijfeld de scheiding tussen het beheer van content (artikelen, post) en het beheer van de grafische lay-out van de site.
Een gebruiker kan beslissen om uw look website compleet veranderen op elk gewenst moment en dit kan worden bereikt met een paar muisklikken door simpelweg installeren van een nieuwe template (een set van HTML-bestanden, CSS en afbeeldingen die deel uitmaken van het uiterlijk van de site), zonder, dat wil zeggen, , eventuele wijzigingen in de applicatie en de inhoud ervan.
Momenteel zijn er zijn duizenden sites die gratis te downloaden van de nieuwe staat templates voor Joomla, Wordpress, Drupal en andere CMS-en velen zijn ontwikkelaars die te maken lay-outs voor elke behoefte.

In dit artikel zullen we zien hoe u een eenvoudige template voor Joomla 1.6 (en hoger) en hoe te installeren op uw site te maken.

(Het artikel gaat verder hieronder ...)

Een sjabloon, zoals reeds gezegd, is niets anders dan een set van bestanden die door CMS om "" de inhoud van de site.
Al deze bestanden moeten worden opgeslagen in een map met dezelfde naam als de sjabloon met een goed gedefinieerde structuur die we zullen zien. Als u klaar bent en installeerde de template, wordt deze map automatisch worden gekopieerd naar de map:

 



 / Templates /

 

aanwezig zijn in de wortel van alle Joomla sites en dat in feite bevat alle geïnstalleerde sjablonen.

Structuur van bestanden en mappen

Mytemplate bellen met de template die we zullen creëren. Wij creëren de map in mytemplate en maak de volgende structuur:

De structuur van bestanden en mappen

De verschillende bestanden zijn alle tekst bestanden die kunnen worden gemaakt en bewerkt met een eenvoudige editor zoals Kladblok. Dit is de basisstructuur voor een Joomla template die je kan hebben in werkelijkheid veel meer complexe structuren.

Het bestand templateDetails.xml

Het bevat alle informatie in het sjabloon: de datum en versie, de auteur, gegevens betreffende het auteursrecht en licenties, een lijst van alle bestanden en mappen die deel uitmaken van de sjabloon en een lijst van alle "posities "(dat wil zeggen, alle modules en componenten voor tijdelijke aanduidingen) in het sjabloon. En 'een XML-bestand en wordt gebruikt tijdens de installatie en configuratie van de sjabloon.

Het bestand index.php

En 'de motor van uw sjabloon. Daarbinnen bepaalt de structuur van de webpagina, definieert u hoe en waar de verschillende modules zullen worden gebruikt, het laden van de CSS-bestanden en JavaScript nodig.
Het index.php bestand kan ook worden aangepast via het administratie paneel van Joomla.

De CSS-directory

Het bevat alle style sheets van de site. Voor onze simpele template slechts een enkel bestand template.css. In het algemeen, kunt u een aantal verschillende doelen css-bestand, bijvoorbeeld het bestand editor.css wordt meestal gebruikt om klassen gebruikt in TinyMCE, de standaard Joomla WYSIWYG editor te definiëren.

Bestanden template_thumbnail.png

Deze afbeelding is een voorbeeld van de template wordt weergegeven in het Management stijlen en templates van de site. Gebruikt, zijn over het algemeen de grootte van 200x150px.

Het index.html bestand in de verschillende directories zijn eenvoudige HTML-pagina's zonder inhoud worden geplaatst om te voorkomen dat een gebruiker kan de lijst van bestanden te zien in de map zelf. Deze bestanden zijn aanwezig in elke map van een Joomla site.
De inhoud kan de volgende zijn:

 



 <html> <body BGCOLOR="#FFFFFF"> </ body> </ html>

 
In dezelfde categorie ...
E-Learning
HTML Cursus HTML Cursus
De opmaaktaal voor het web vanaf 29 €.
Cursus MySQL Cursus MySQL
Beheer van de open source database. Vanaf 39 €.
PHP Cursus PHP Cursus
Volledige cursus voor het maken van dynamische websites. Vanaf 49 €.
Gesponsorde links