Inhoudsopgave
Voordat we onze sjabloon ontwikkelen, moeten we enkele concepten van het Joomla-bestand en de directorystructuur kennen. Enkele hoofdmappen, items en bestanden zijn:SjabloonHet is een groep mappen en bestanden die de structuur en het ontwerp specificeren dat de website zal aannemen. We kunnen verschillende templates laten installeren om het ontwerp te selecteren en zo het ontwerp aan te passen aan de ontwikkeling die we uitvoeren.
Een sjabloonbestand combineert over het algemeen HTML- en php-code waarbij de blokken of div-lagen van het web worden gedefinieerd waarin de webinhoud wordt weergegeven volgens de pagina of sectie.
Daarnaast kunnen andere blokken in de HTML-sjabloon worden gedefinieerd om plug-ins of code van functionaliteiten in te voegen die we moeten uitvoeren. Over het algemeen zijn de blokken die we blokken definiëren de kop van het web, de navigatiebalk of het menu, de zijkolommen als die er waren, het inhoudsgebied, als we nodig hebben, kunnen we alle blokken maken die we willen, het hangt allemaal af van de eisen te ontwikkelen. Deze blokken of gebieden worden posities genoemd.
moduleEen joomla-module is een object met HTML-, PHP-, CSS- of JavaScript-code die op bepaalde posities of aangewezen blokken in de websjabloon kan worden weergegeven. We kunnen bijvoorbeeld een gebruikerstoegang in de koptekst, een taalkiezer, een contactformulier, enz.
InpluggenEen Joomla-plug-in is een object met HTML-, PHP-, CSS- of JavaScript-code die kan worden ingesloten in de inhoud van het web. Het verschil met de module is waar de plug-in op de pagina verschijnt. De plug-in kan over het algemeen niet aangeven in welke positie deze zich bevindt, omdat ze worden uitgevoerd om een gebeurtenis te produceren, bijvoorbeeld om een e-mail te valideren,
onderdeelEen component is een verzameling modules en plug-ins. Een component kan bijvoorbeeld een virtuele winkel zijn zoals Virtuemart, alle componentobjecten hebben hun eigen instellingen en kunnen op een aparte pagina worden weergegeven.
Structuur van een Joomla-sjabloon
Een sjabloon is een set bestanden die de structuur van het web definiëren en de blokken of posities waar we de verschillende elementen kunnen toewijzen. Een Template voor Joomla bestaat uit de volgende bestanden:
index.php: is het hoofdbestand dat de structuur en het ontwerp van de webpagina beschrijft
error.php: is het bestand dat de richtlijnen zal bevatten in het geval van de pagina niet gevonden fout, 404 fout.
Voorbeeldafbeeldingen bekijken: zijn die met de namen template_preview.png.webp en template_thumbnail.png.webp, waarmee u een voorbeeld van de sjabloon in miniatuur van de beheerder kunt zien.
Componenten.php: Dit bestand als we een afdrukbare versie van het web nodig hebben, dan configureren we de stijlbladen om het te printen artikel te presenteren.
Afbeeldingen: is de map waar we alle afbeeldingen van het ontwerp voor afbeeldingen opslaan.
js: in deze map zullen we de javascript- of JQuery-scripts plaatsen of wat we ook gebruiken.
taal: in deze map kunnen we de bestanden vinden die nodig zijn voor vertalingen in verschillende talen.
Een belangrijk aspect is dat om veiligheidsredenen elke directory een leeg index.html-bestand moet hebben om te voorkomen dat ze van buitenaf worden gelezen, zodat iedereen die toegang wil krijgen tot de directory alleen een leeg document te zien krijgt.
Na het installeren van Joomla voor ons voorbeeld, zullen we nu niet aangeven hoe het te installeren, het kan eenvoudig worden gedownload van http://www.joomlaspanish.org/
Demosjabloon 1.0 26/02/2015 Sergio [email protected] Copyright (C) 2015 Demosjabloon demo voor Joomla 3.0 index.php css-afbeeldingen debuggen positie-0 positie-1 positie-2 positie-3 positie-4 positie-5 positie -6 positie-7 positie-8 positie-9 positie-10We definiëren de naam van de sjabloon die we het noemen SjabloondemoWanneer we de sjabloon in Joomla installeren, zal de manager die naam gebruiken om een map aan te maken en de sjabloonbestanden op te slaan, het zal ook de naam zijn die te zien is in het beheerderspaneel, de auteur, de mappen die de sjabloon bevat en de posities die zullen hebben, kunnen we er meerdere definiëren, zelfs als we ze niet allemaal gebruiken.
Dan zullen we het bestand maken index.php waar we de structuur van het web en de bijbehorende posities zullen definiëren.
.container {breedte: 980px; marge-links: automatisch; / * we centreren het web * / margin-right: auto; rand: effen 1px zwart; } .container {marge: 20px 0px; / * we passen een marge van 20px toe op de inhoud * / border: effen 1px groen; } .content {float: links; breedte: 750px; rand: effen 1px rood; } .kouder {zwevend: rechts; breedte: 270px; } .colder, .pie, .head {rand: 1px effen blauw; } Met de css-klassen is eenvoudig te bepalen welke blokken we hebben en welke posities. Ten slotte maken we een zip-bestand aan met de map die de sjabloon bevat en installeren we deze vanuit de joomla-beheerder. We hebben toegang tot het Joomla-beheerpaneel.
HerinnerenOnthoud dat elke sjabloon verschilt afhankelijk van de versie van Joomla, in dat geval is het compatibel met 2.5 tot 3.x. Om ook te kunnen installeren, moeten alle mappen toestemming hebben om bestanden te uploaden.
VERGROTEN
Klik op de afbeelding om hem te vergroten
De sjabloon is geïnstalleerd en neemt de standaardinformatie van Joomla in dit geval versie 2.5 in het Spaans, we zien hoe de gebruikerstoegangsmodule automatisch op positie 3 werd geplaatst omdat deze standaard zo is aangewezen, terwijl de webinhoud op positie 1 wordt geplaatst die is degene die we hebben toegewezen in webinhoud. Vanuit de beheerder kunnen we de positie wijzigen van de verschillende elementen die we beheren.Als we de sjabloon eenmaal hebben geïnstalleerd en als we deze willen bijwerken of wijzigen, kunnen we handelen op basis van de code van de sjabloon die is geïnstalleerd in joomla in de map Templetes of buiten Joomla in een andere map werken, het zipbestand opnieuw maken en vervolgens de sjabloon verwijderen van joomla en installeer het opnieuw.
