Share
In deze zelfstudie leert u meer over de basisbeginselen van een Joomla-sjabloon en maakt u er een helemaal opnieuw van. We zullen snel een lokale server en Joomla zelf gaan installeren en vervolgens een basis-functioneringssjabloon maken.
Voordat we aan onze sjabloon beginnen, zijn er een paar dingen die je moet voorbereiden.
Net als de meeste CMS's vereist Joomla een server waarop PHP en MySQL zijn geïnstalleerd. Het handmatig installeren van het bovenstaande kan behoorlijk irritant zijn en, om eerlijk te zijn, een verspilling van tijd (tenzij je wilt weten hoe het precies gedaan is).
Wat we zullen doen, is het downloaden van een enkel installatieprogramma voor al het bovenstaande dat een lokale server op uw systeem zal houden en u een echt handig bedieningspaneel zal geven.
Dus ga door naar WAMP en download de nieuwste versie. (MAMP voor Mac)
Nadat het installatieprogramma is gedownload, voert u het uit en installeert u WAMP op een gemakkelijk te onthouden plaats. Als alles volgens plan verloopt, zou je naar een map moeten kijken met de naam: wamp
U zou nu ook een pictogram moeten hebben in uw notificatiebalk (waar de klok is) die u toegang geeft tot het configuratiescherm van WAMP. U kunt dit voor een aantal dingen gebruiken, waaronder het opnieuw opstarten van de server.
Nu we een server hebben geïnstalleerd, kunnen we Joomla krijgen en instellen. Ga naar Joomla en download de nieuwste release.
Voordat we verder gaan, laten we nog eens onze Wamp-map bekijken. Binnenin zul je een aantal mappen vinden, maar degene waar we in geïnteresseerd zijn, is de www-map.
Dit is de root van uw server-setup en hier zullen we Joomla installeren. (let op: u kunt zoveel exemplaren van Joomla hier installeren als u wilt, of wat dan ook)
Dus pak je Joomla-download uit in de map www. Ik hernoem het gewoonlijk op dit punt naar de naam van mijn site of kort het gewoon in voor Joomla.
Joomla is nu op onze server. Er is echter nog een laatste ding dat we moeten doen voordat we het installeren, en dat is om een database te maken. Open uw browser en ga naar http: // localhost .
Hier vindt u het serverbeheergebied van uw server, hier maken we onze database.
Om de database aan te maken, klikt u op phpmyadmin onder het gedeelte Uw aliassen.
Omwille van deze tutorial zullen we onze database joomla bellen. U maakt hier geen gebruiker met wachtwoord, maar gebruikt in plaats daarvan de rootgebruikersgegevens. Het wordt ten zeerste aanbevolen om een gebruiker te maken met een sterk wachtwoord in live situaties.
Nu we een database hebben, kunnen we beginnen met het installeren van Joomla. Start uw browser op en ga naar http: // localhost / joomla (of hoe u uw site ook hebt genoemd bij het uitpakken).
Het eerste scherm spreekt voor zich. Kies een taal en druk op Volgende.
Het volgende scherm dat u ziet, is de checklist vóór installatie. Dit is een lijst met vereiste items en instellingen die Joomla moet installeren. Zorg dat je de benodigde configuratie hebt en klik op Volgende.
Lees de licentie op de volgende pagina zorgvuldig door, en klik wanneer u klaar bent op Volgende en voer de vereiste gegevens in (hostnaam: localhost, gebruikersnaam: root, geen wachtwoord en joomla als databasenaam) en druk op volgende.
Sla het FTP-configuratiescherm over door op Volgende en op de volgende pagina te klikken, voer uw sitenaam in, een e-mailadres en kies een wachtwoord. Dit is het wachtwoord dat u zult gebruiken om u aan te melden bij het admin-gebied van joomla, samen met de gebruikersnaam: admin.
We zullen nu geen voorbeeldgegevens installeren, omdat we de modules één voor één willen toevoegen om te zien hoe onze sjabloon later in de les komt. Klik volgende.
Proficiat! Joomla is in de lucht, maar voordat we naar binnen kunnen gaan en rondkijken, moeten we de installatiemap verwijderen. Ga dus naar je www-map in Wamp en vervolgens naar de joomla-map en verwijder de installatiemap
Het is tegenwoordig vrij moeilijk om in een Open Source CMS-discussie te komen zonder de naam Joomla te laten vallen.
De installatie samen met het intuïtieve beheerderspaneel maakt het erg populair bij gebruikers die op zoek zijn naar een eenvoudige CMS terwijl ze tegelijkertijd vol zitten met functies die
duizenden ontwikkelaars bezig met rollende applicaties en modules. Maak zo nodig kennis met de achterkant (ik raad dit snelle Joomla 101-artikel aan op de Themeforest-blog om snel een idee te krijgen.)
Klik op een voorbeeld in de rechterbovenhoek van het beheerdersgedeelte om uw site te bezoeken. Wat u krijgt is de standaardsjabloon zonder inhoud en de meest elementaire modules geladen.
Laten we de standaardstructuur bekijken om de sjabloonstructuur te begrijpen. Ga naar je www-map en in de joomla-map zie je een sjablonenmap.
(Wamp / www / joomla / templates). Dit is waar alle verschillende sjablonen naartoe gaan. U kunt schakelen tussen sjablonen in het beheerdersdashboard.
In de map Sjablonen ziet u een map voor elke sjabloon die is geïnstalleerd. Joomla wordt geleverd met drie sjablonen: beez, rhuk_milkyway en ja_purity. Onthoud deze locatie, want hier installeert u uw nieuwe sjablonen in de toekomst.
Hoewel de meeste sjablonen uit nogal wat bestanden bestaan, zijn er maar twee nodig om een werkende sjabloon te maken. Dit zijn:
De eerste - index.php - is waar alle markup naartoe gaat waarin je de Joomla include stopt. Deze kunnen worden gezien als kleine haken waar joomla informatie ophoopt, zoals modules bijvoorbeeld
Het tweede bestand is templateDetails.xml. U kunt dit zien als een lijst met instructies voor Joomla. Deze lijst moet de naam van de sjabloon bevatten, de namen van de bestanden die in de sjabloon worden gebruikt (afbeeldingen, enz.) En de posities die u wilt gebruiken (de hierboven genoemde items).
sjabloon _tut 31-01-2009 Nettut Fan [email protected] http://www.siteurl.com Jij 2009 GNU / GPL 1.0.0 Sjabloon Tut index.php templateDetails.xml css / template.css broodkruimel links rechts top user1 user2 user3 user4 footer
Het bovenstaande is een voorbeeld van een templateDetails.xml-bestand. Zoals u kunt zien, is dit een specifieke lijst die Joomla over de sjabloon vertelt, zoals de naam, de auteur, de datum die is gemaakt, enz.
Let op het positiesgedeelte in de bovenstaande code. Dit zijn de posities waarover we eerder spraken, de include.
Sommige zijn voor zichzelf verklarend, zoals voettekst.
Als u de joomla-footer in het footer-gebied van uw ontwerp plaatst, kunt u enkele aspecten van de voettekst beheren met behulp van de Joomla-backend. Laten we proberen een eenvoudige sjabloon samen te stellen.
Laten we wat voorbereiding doen, zodat we iets hebben om mee te werken. Ga naar je sjablonenmap en maak een nieuwe map. Laten we het template_tut noemen.
Maak in je nieuwe map een bestand met de naam index.php en een andere templateDetails.xml (kopieer en plak de code in het bovenstaande voorbeeld erin).
Open uw index.php-bestand in kladblok of iets anders dat u gebruikt om de code te bewerken en kopieer en plak het volgende in:
Accentsconagua
