Een Joomla Template Maken – De Basis

Wil je een Joomla template maken? Leuk dat je kijkt op mijn website. Voordat ik verder ga wil ik je eerst de volgende vraag stellen: Ben je op zoek naar hoe je een Joomla template moet maken? Ja? Dan mag ik je feliciteren dat je deze website hebt gevonden. Want vandaag ga ik je de basis uitleggen hoe je dat moet doen. Op internet vond ik namelijk dat er nog vrij weinig te vinden was over dit onderwerp. Vooral teksten in het Nederlands waren schaars. Daarom besloot ik dit artikel te schrijven.

Ik leg in dit artikel trouwens alleen de basis uit over het maken van een joomla template. Als je alles precies en goed wilt weten, raad ik je aan om hier eens te kijken: Klik hier om naar die pagina te gaan. 

Nu over naar de orde van de dag waar jij tenslotte voor bent gekomen ;-). Het maken van een Joomla template. Ik zal dit in 3 stappen voor je uitleggen.

1. Blanke Joomla template downloaden
2. De structuur
3. Het geraamte maken van de template/de blanke joomla template bewerken

Blanke Joomla template downloaden
Om de Joomla template te maken gebruiken we een blanke joomla template, die we vervolgens gaan aanpassen. Dit doen we omdat het veel sneller en efficiënter is dan het maken van template uit het niets.
Goed, hoe komen we aan de blanke Joomla template? Die gaan we nu downloaden op de volgende website: http://blank.vc/. Klik op de grote knop blank template free download.
Je krijgt nu een . zip bestand die je moet uitpakken. Als je het zip bestand hebt uitgepakt zou de map er zou uit moeten zien:

Oké we kunnen we door gaan naar het volgende punt. De structuur.

De structuur
Zoals je ziet bestaat de Blanke template uit een heleboel verschillende bestanden. Ik zal je uitleggen wat alle bestanden betekenen. Een belangrijke stap voor het maken van een Joomla template is namelijk het begrijpen van hoe een template in elkaar zit.

.git: Deze map is meer bedoelt voor mensen die het maken van een joomla template professioneel aanpakken. Door deze map hoef je de programmeercode maar te beperken tot een project, deze .git dus.

css: Deze map bevat alle stylesheets. Hier bepaal je de opmaak van de website. Dus bijvoorbeeld de achtergrondkleur, lettertype, letterkleur etc.
html: Alle bestanden van de overrides liggen in deze map. De overrides herschrijven de html kernbestanden. Hierdoor hoef je niet het origineel te veranderen maar kan je het rechtstreeks via de html bestanden doen.
images: Spreekt voor zich zou ik zeggen. De afbeeldingen van je website staan in deze map.

Js: De Javascript code ligt in deze map. Javascript is een programmeertaal die gebruikt wordt om bepaalde handelingen uit te voeren op je website. Zoals een bewegend beeld op je website. Deze map is trouwens niet noodzakelijk.
Language: Hierin laat je Joomla weten wat de taal is van de template. Dus bijvoorbeeld Engels of Nederlands.

psd: Als je nog Photoshop plaatjes hebt kan je die in deze map opslaan.

apple-touch-icon-57×57, 72×72 en 114×114. : Deze icoontjes kunnen worden gebruikt voor de iphone/ipod/ipad versie van je website. Dit icoontje staat dan linksboven in je adresbalk van het apple device.

CHANGELOG: Hierin staat een copyright van de template. Geen noodzakelijk bestand dus.
Component: Als je bij je templates ook nog componenten wilt maken kan je dat met dit php bestand doen. Componenten zijn extra’s die je aan je website kan toevoegen, zoals een vragenlijst of zoekfunctie

Error: Dit is de error pagina. Als een bezoeker van je website iets na de hoofdurl verkeert intypt krijgt hij deze foutmelding te zien.

favicon: Het pictogram dat linksboven in de browser wordt weergaven.

Index: Dit is het belangrijkste bestand van de template. Hier ga je de hoofdcode invullen en linken naar de andere bestanden in de template. De index.php is dus eigenlijk als het waren de home pagina waar alles samen komt.

offline: Als je website tijdelijk offline wordt gehaald, krijgt de bezoeker deze pagina te zien.

Readme: Een bestand van de maker van deze blanke template. Kan je verwijderen als je aan de slag gaat.

template_preview: Een plaatje van je template hoe die er uit komt te zien.

template_tuhmbnail: Bijna het zelfde als template_preview, maar dan hoe iets kleiner bestand en plaatje wat je op je joomla administratie panel krijgt te zien hoe je template er uit ziet.

templateDetails: Dit bestand zorgt voor de installatie van je joomla template. Daarnaast worden alles parameters hier ingevuld.

Dat was de structuur met alle begrippen van de Template. We gaan nu kijken naar de het maken van het geraamte van de template.

Het geraamte maken van de Template

De Joomla template die we gaan maken is een website met boven in een header, daaronder de content en tot slot de Footer.
Nu je een idee hebt gekregen hoe de template er uit komt te zien gaan we aan de slag.
Open nu de file index.php met kladblok of eventueel dreamweaver als je dat hebt. Ik zelf gebruik hiervoor dreamweaver. Je ziet nu een hele code, wat de broncode van de website is. Scroll naar beneden tot je dit ziet staan:
body class="<?php echo $pageclass; ?>">   <!--     YOUR CODE HERE   -->   <jdoc:include type="modules" name="debug" /> </body>


We gaan de header, content en footer toevoegen aan de code. We doen dit met <jdoc:include type="component" /> en jdoc:include type="modules" name="position_name" />

Vervang dus YOUR CODE HERE met <jdoc:include type="modules" name="header" /> <jdoc:include type="component" /> <jdoc:include type=”modules” name=”footer />

en delete: <jdoc:include type="modules" name="debug" />

Je hebt nu dit: body class="<?php echo $pageclass; ?>">   <!--  <jdoc:include type="modules" name="header" /> hier komt het menu <jdoc:include type="component" />  hier komt de content <jdoc:include type=”modules” name=”footer /> hier komt de footer     --> </body>

Om alles te configureren gaan je daar het bestand Templatedetails.xml en zoek je naar het volgende script:

<h2>Module positions</h2> <ol> <li>debug</li> </ol>

maak hier het volgende van:

<h2>Module positions</h2> <ol> <li>header</li> <li>footer</li> </ol>

Nu komt het laatste gedeelte wat we moeten aanpassen, namelijk de positie’s.
Dit ziet er als eerste zo uit: <positions><!-- define the positions for modules here --> <position>debug</position> </positions>

Verander dit naar: <positions><!-- define the positions for modules here --> <position>header</position> <position>Footer</position> </positions>

Oke we hebben nu eindelijk het geraamte gemaakt voor onze site af, de eerst stap. Er volgen nu nog meer stappen om de Joomla template af te maken.

Als je de volgende stappen in details wilt weten, klik dan hier

Bedankt voor je aandacht en veel succes in de toekomst met het maken van Joomla templates!

Geplaatst in Uncategorized

Joomla SEO

Voor joomla zijn er diverse extensies beschikbaar die je kunt gebruiken om je website een boost te geven qua SEO.
Uiteraard zijn er binnen Joomla zelf diverse mogelijkheden zoals het invullen van titels en omschrijvingen, maar er is naar mijn mening 1 component dat eigenlijk véél meer mogelijkheden heeft en dat ik zelf dus ook bijna altijd gebruik: ARTIO Joomsef

ARTIO Joomsef

ARTIO JoomSEF is een component voor Joomla die ervoor zorgt dat uw url’s zoekmachinevriendelijk worden herschreven.
Daarnaast zijn per url de titel en omschrijving zeer eenvoudig aan te passen. Ook kun je per url aangeven of er een noindex/nofollow moet worden meegegeven.

Joomsef is een component wat gratis te downloaden is, maar de gratis versie heeft wat beperkte functionaliteiten.

Wat helemaal vervelend is, is de irritante backlink naar de developer ARTIO die automatsch in elk artikel wordt toegevoegd.
Uiteraard heb ik daar weer een mooie oplossing voor.

Copyright / backlink Artio Joomsef verwijderen

Ga naar /components/com_sef en bewerk joomsef.php.
Zorg in ieder geval dat de map en het document schrijfbaar zijn.
Open het document en ga naar regel 2645 (in versie 4.4.1)

daar vind je:

$cacheBuf2 =
‘<div><a href=”http://www.artio’.
‘.net” style=”font-size: 8px; v’.
‘isibility: visible; display: i’.
‘nline;” title=”Web development’.
‘, Joomla, CMS, CRM, Online sho’.
‘p software, databases”>Joomla ‘.
‘SEF URLs by Artio</a></div>’;

Dit is de backlink die in al je artikels wordt geplaatst.
We willen de hele ‘div’ verwijderen, dus wijzig bovenstaande in:

$cacheBuf2 =
”;

Je haalt dus alles weg wat tussen de ” staat.

Opslaan en klaar!

Geplaatst in Uncategorized

Gratis Joomla Templates

Ben je op zoek naar gratis joomla templates?

Steeds vaker krijg ik de vraag welke templates ik gebruik om mijn websites mee te maken.
De meeste websites bouw ik met templates van Yootheme.
Yootheme is een bedrijf uit Duitsland dat ontzettend mooie templates maakt en verkoopt middels een abonnement.
(Wil je gratis joomla templates hebben? Lees verder….)
Naast Joomla templates zijn zij ook de ontwikkelaar van de Widgetkit en de ZOO.

Yootheme Widgetkit

De Yootheme Widgetkit is een toolkit waar je je website mee kunt verfraaien.
De widgetkit bevat de volgende items:

Yootheme Zoo

Yootheme Zoo is een geavanceerd systeem waarmee je zelf een structuur aan kunt brengen zodat je je content op jouw manier kunt weergeven.
Denk aan:

  • Blog
  • Kookboek
  • Product Catalogus
  • Film Database
  • Business Directory
  • Download Archief
  • Documentatie
  • Statische pagina’s
  • etc.

Gratis Yootheme joomla templates

De mooie templates van Yootheme zijn natuurlijk niet gratis, al is er wel gratis aan te komen.
Om gebruik te maken van gratis Yootheme templates dien je alleen een beetje handigheid te hebben.

Zoek eerst de template uit welke het best past bij je te bouwen website.
Google dan exact op: yootheme ‘templatenaam’
Je vind dan een aantal resultaten waar je deze template kunt downloaden.
Omdat deze template vol zit met backlinks naar ‘wazige’ websites, moet je deze eerst verwijderen voordat je deze kunt gebruiken.

Er zijn namelijk een hoop lui die deze templates online zetten met hun eigen backlink erin, om zo de zoekmachines te misleiden met een hoop inkomende links.
Deze backlinks zijn steeds lastiger te vinden, aangezien deze links tegenwoordig worden gecodeerd.
Over het algemeen staan deze in ‘templatenaam’/layouts/template.php.

Hier vind je halverwege de file:

<section id=”innerbottom”><?php echo $this[‘modules’]->render(‘innerbottom’, array(‘layout’=>$this[‘config’]->get(‘innerbottom’))); ?></section>
<?php endif; ?>
<?php $xml=’PGRpdiBzdHlsZT0icG9zaXRpb246IGFic29sdXRlOyB0b3A6IDBweDsgbGVmdDogLTgwMDBweDsiPlRoZSBCZXN0IGJldHRpbmcgZXhjaGFuZ2UgPGEgaHJlZj0iaHR0cDovL2YuYXJ0YmV0dGluZy5uZXQiPkJldGZhaXIgQm9va21ha2VyPC9hPmJ5IEFydEJldHRpbmcuTmV0PC9kaXY+‘;
echo base64_decode($xml);?><?php $xml=’PGRpdiBzdHlsZT0icG9zaXRpb246IGFic29sdXRlOyB0b3A6IDBweDsgbGVmdDogLTgwMDBweDsiPkJJR1RoZW1lIC0gPGEgdGFyZ2V0PSJfYmxhbmsiIGhyZWY9Imh0dHA6Ly9iaWd0aGVtZS5uZXQvIj5GcmVlIFRlbXBsYXRlczwvYT48L2Rpdj4=‘;
echo base64_decode($xml);?>
</div>
<!– maininner end –>

Verwijder het vetgedrukte gedeelte en laat de aanhalingstekens staan.
Nu heb je een gratis joomla templates van Yootheme zonder backlinks !

Geplaatst in Uncategorized

Joomla Modules

De lay-out van een website wordt over het algemeen bepaald door de template en de indeling van de Joomla Modules.
Joomla heeft zelf een aantal standaard posities. Indien je zelf een template hebt gemaakt of er één hebt gedownload, dan heeft deze template ook eigen moduleposities.

Onderstaand zie je een voorbeeld van standaard joomla moduleposities

De moduleposities van je template staan in de map /public_html/templates/”templatenaam”/templateDetails.xml

joomla moduleposities

Op de verschillende moduleposities kun je joomla modules plaatsen. Dit kunnen allerlei soorten modules zijn.
Een module is een onderdeel van de website. Dit kan een menu zijn, een inlogformulier, een zoekvak etc.

Joomla modules downloaden

Op de joomla extensions directory kun je honderden gratis of betaalde modules downloaden.
Deze modules kun je installeren middels de extension manager, op dezelfde manier zoals je een joomla template moet installeren.

Module in een artikel

Wil je een module in een arikel plaatsen?
Dan heb ik nog een handige tip voor je!

Soms is het nodig om een module in een artikel te plaatsen. Je wilt misschien extra functionaliteiten in een artikel hebben, of je wilt een contactformulier of inlogformulier in een artikel weergeven.
Hiervoor kun je de code {loadposition “modulepositie”} gebruiken, waar de modulepositie de positie van de module is.

Open de templateDetails.xml in je template map.
Voeg een extra positie toe die je alleen wilt gebruiken voor de module die je in het specifieke artikel wilt plaatsen.
Geef de positie een naam zoals ‘extra’ of ‘artikel’.

Ga dan naar extensies > modules en maak een nieuwe module aan, of kies de module die je in het artikel wilt plaatsen.
Kies bij positie de zojuist aangemaakte positie.
Zet deze positie in het artikel middels “load position” zoals hierboven besproken.

Zorg wel dat de plugin Inhoud – Laad modules is geactiveerd, anders werkt het niet!

 

Geplaatst in Uncategorized

Joomla Cursus

 Ontdek hoe ook jij professionele en succesvolle website’s kan maken met deze joomla cursus”

Het bouwen van een website is een enorme klus. Zonder kennis wordt het een moeilijk proces. Helaas is er op internet weinig echt goede en gebundelde informatie hierover te vinden. En een joomla cursus kost honderden euro’s zonder dat ze productief zijn.  Maar dat hoeft niet zo te zijn….

De joomla cursus van mindert Aardema kan een enorme hulp zijn. Ik ken Mindert persoonlijk en het is een aardige vent die erg veel weet over joomla en dit goed kan uitleggen. Zijn cursus is zeker een aanrader als je zelf een professionele website wilt maken.

De cursus gaat helemaal terug tot de basis. Want als je een goede basis kennis hebt wordt het bouwen van websites veel leuker en gaat het steeds beter.

Wat er allemaal precies aan bod komt in deze cursus kan je op deze pagina zien: http://www.joomlatemplatemaken.net/online-workshop-joomla-basis/

Ik hoor jou nu denken: Maar welke joomla versie wordt er dan uitgelegd? Maak je hier geen zorgen over. Joomla versie 2.5 tot 3.0 worden allemaal uitgelegd!

De cursus wordt aangeboden in de vorm van video’s. Een totaal van bijna 200 videos  en 16 uur aan videomateriaal over Joomla!

klik hier om meer te weten te komen over deze cursus.

Ik wens je heel veel succes in de toekomst met het bouwen van joomla websites!

Geplaatst in Uncategorized

Mindert Aardema

Mindert Aardema, je bent die naam vast wel een keer tegen gekomen op internet als je op zoek was naar joomla handleidingen, joomla tutorials of misschien een joomla cursus. Maar wat weten we over deze persoon? Dat ga ik je in dit artikel kort uitleggen!

Mindert is begonnen als verpleegkundige, maar dit bleek al snel niks voor hem. Hij ontdekte zijn passie voor ICT en koos deze richting.  Mindert ronde zijn studie succesvol af en gingen werken bij een ICT bedrijf. Daarnaast deed hij privé ook opdrachten voor zijn familie en kennissen, zoals het bouwen van websites!

Hier begon het allemaal. Als je namelijk voor iemand een website bouwt, wil diegene die website ook kunnen aanpassen. Tja, de oplossing daarvoor is een content management systeem. Mindert besloot om dit zelf te bouwen. Maar dit kostte natuurlijk veel tijd. Het kon gemakkelijker!

Toen ondekte hij Joomla. Een geweldige gratis content management systeem dat makkelijk te gebruiken is. Joomla is nog steeds erg populair en staat in de top 3 van meest gebruikte content management systemen.

In 2008 startte Mindert Aardema een eigen bedrijf om voor andere mensen een website te bouwen. Dat bedrijf heette netspecialist. Anderhalf jaar later begon hij ook informatie te bieden over het bouwen van een website. Dit is een slimme zet geweest, want er was nog niet veel te vinden over Joomla op de nederlandse markt. Deze informatie bood hij aan in de vorm van een Ebook.

Intussen heeft Mindert meerdere ebooks geschreven en cursussen gemaakt die erg worden gewaardeerd! Dus als je problemen hebt met Joomla of je wilt zelf een website bouwen met Joomla, dan raad ik je zeker aan om eens naar zijn ebooks of cursussen te kijken.

Online workshop joomla basis

Online workshop joomla templates

 

 

 

 

Geplaatst in Uncategorized
Joomla Template Maken located at , , . Reviewed by 173 bezoekers rated: 4.7 / 5