donderdag 12 april 2012

html2joomla gelukt voor dreamtemplate.com template naar joomla 2.5 theme

Gelukt!
Bron dreamtemplate.com: http://www.templateaccess.com/demos/zoomteg/
Voorlopige resultaat joomla 2.5: http://joomlamarket.info/html2joomla/
Ja er zijn nog wat zaken aan te passen maar de basis is er en het werkt.
Mijn uitgangspunt was de Joomla standaard template die is te downloaden via:
http://cheap-web.nl/index.php/online-store/40-templates/62-joomla-25-standaard-template.
Vervolgens:
1) Code tussen <body> </body> uit index.html overzetten naar index.php
2) Code uit style.css overzetten in css/template.css
3) Moduleposities bepalen binnen index.php dor plaatsen van <jdoc:include type="modules" name="NAAM VAN MODULEPOSITIE" style="xhtml" />plus positie voor content <jdoc:include type="message" /> en een verwijzing naar componenten <jdoc:include type="component" />
4) Alle andere css files plaatsen binnen css map
5) De js (javascript) folder kopieren naar de joomlatemplate folder
6) Verwijzingen in <head></head> plaatsen betreffende css en js files en scripts
7) TemplateDetails.xml aanpassen. Vooral opletten dat alle folder en losse files genoemd worden zoals:

<files>
<folder>css</folder>
<folder>js</folder>
<folder>images</folder>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_preview.png</filename>
<filename>template_thumbnail.png</filename>
</files>
En de verwijzingen naar moduleposities en andere "jdoc includes" moeten kloppen zoals:

<positions>
<position>top</position>
<position>wrapper</position>
<position>header</position>
<position>left</position>
<position>top2</position>
<position>top3</position>
<position>mainmenu</position>
<position>slider</position>
<position>right</position>
<position>footer</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>

</positions>
8) Inpakken van alle files in zip bestand en template installeren via extensiebeheer van nieuwe joomla installatie. Template natuurlijk wel op "standaard" zetten.
9) Alle link verwijzingen naar images en javascripts testen via Firebug
10) In template beheer aangeven dat modulepositie weergegeven moeten worden bij intikken van index.php/?tp=1 en kijken waar de modules terecht zijn gekomen. Eventueel positie aanpassen in index.php bestand (via Filezilla, rechtermuis klikken op index.php, view - edit, openen met Notepad+ en klikken op save)
11) Alle modules 1 voor 1 handmatig invullen via modulebeheer. De inhoud van de Joomla webpagina moet geplaatst worden binnen modules behalve natuurlijk de zaken die als "content" dienen, de artikelen. Die teksten kunnen eventueel via artikelbeheer binnen verschillende artikelen geplaatst worden.
Interesse? Laat hier gerust uw vragen en opmerkingen achter. De omgebouwde template is te verkrijgen via:
http://www.cheap-web.nl/index.php/online-store/20-joomla-website-en-cms/31-goedkoop/78-omgebouwd-html-joomla-theme
Wilt u dat we een design van u onbouwen tot Joomla template? Vraag naar de mogelijkheden. info

1 opmerking:

  1. [...] over het ombouwen van een html site naar een Joomla 2.5 template! Dat lijkt makkelijker te zijn: http://dewebmeester.wordpress.com/2012/04/12/html2joomla-gelukt-voor-dreamtemplate-com-template-naar... 51.962992 5.651358 Vind ik leuk:LikeOne blogger likes this.  oktober 6, 2011 [...]

    BeantwoordenVerwijderen