Quick video on converting a template to Joomla 1.5
January 6, 2009In converting a static theme to a Joomla template today, I decided to record part of it for preview’s sake. A related tutorial series coming soon will illustrate, in detail, what this video overviews. It’s a great clip to just watch how a portion of it is done!
This video, of course, is just a quick clip of a Joomla conversion. The related tutorial series that is coming will detail this out much better (as I spent no time trying to explain some things in this video).
The coming series will include things such as: Dealing with template parameters, extending columns, Joomla specific styles, etc.
Oh yeah don’t forget: These videos are in HD, so you can watch in full screen!
Can’t wait to see the full series…
Awesome, the full series will be great, cant wait till you release the Joomla/Textmate bundle thingy, is there a chance you can release it in Dreamweaver too?
@KristieMac There are some handy Dreamweaver plugins out there for Joomla already although not for dev stuff. I’m not really familiar with how their plugins work. Textmate bundles are pretty easy.
Excellent Video! I use window/dw — and you mentioned that you weren’t aware of any plugins for dev. I wonder why? Also, what do you think of corephp’s snippet bundles?
Can’t wait to see the rest of the series — keep up the excellent work!
very good tutorial.
@Chris Yeh I wonder why too. Maybe because developers don’t use dreamweaver. :-) Who knows.
CorePHP has some nice snippets to add to your library. There are a couple extensions that would work for DW too.
Great tutorial. I’m currently in a Web Development class and as part of our PHP course our teacher gave us a quick look into Joomla, drupal, and osCommerce. Joomla has really stood out for me, so I’m looking forward to learning more about it. Can’t wait for the rest of the series.
thanks rick
can u put it in downloads section
Put what in the download section? The textmate bundle or the template in the video? I can’t put the template up for download as it’s a client’s. However, the textmate bundle I probably can. It is still in it’s beginning stages though.
Hey, is there some alternative for Textmate (same features, specially the joomla bundle or smth like that) for windows…?
dreamweaver is the only thingbi can think of that hasnjoomla snippets
Found e-texteditor [.com] It cant handle the Textmate bundles natively.
Could you please upload the bundles? :)
Amazing videos though. I spent my last two weeks search for a decent tutorial on Template Slicing and then conversion to joomla… finally found BID.
You kinda need some more SEO, maybe better tags @ vimeo, etc, cause these need to start showing up on google.
good idea on the SEO stuff. Havent had a whole lot of time to spend on that. The textmate bundle will be uploaded soon (within a month)
Thankxxxxxxx a lot for a such great video it helps a lot, but its a quick video can you please explain in details …..
Any Idea of when you carrying on explaining the detail in this tutorial? and when the toolbar might be available?
a month or two
Well that answers my question of what goes into converting a site to Joomla. I’m impressed by how well you know Joomla, and how clearly you communicate your knowledge. Great job Rick. Thanks.
Which version of Textmate is it you are using in the screencast?
The latest version. Using one of their skins on the website too.
Thank you x1000 for this tutorial.
I was struggling with Joomla until I saw this. Fantastic.
Just one problem, though. I followed your instructions to the ‘T’, but when I went into Template > Edit, I couldn’t see any options. I wanted to set the main menu (similar to your horizontal menu) but couldn’t, because there wasn’t any place to set the ID for the navigation. The message being “Menus: Cannot assign default template.”
So I haven’t been able to move further. But getting this far itself made my day. I await the series. :-)
Thank you again.
Great tutorial Rick! You made it look so easy… I have a static template developed for a client who then wanted a CMS, so I thought ‘great!’… followed your instructions (I hope, to the letter) but it all turned to crap when I went to upload the .zip file to the Joomla! environment. At this stage the second screen (when you hit the ‘upload’ button) went blank! I was wondering if you have any ideas as to what I may have missed?
More detail would be great! Have you been able to expand tutorial at all yet?
Sounds like the references to the CSS files and the like are pointing to the template folder.
Still working on getting that stuff assimilated for the tuts.
Really nice and quick. that tuts will make my life better :)
Hello Rick,
Great screen cast.. looking forward to seeing the future editions and advanced Joomla templating. Also, what theme do you use for Textmate? Is it a how brewed master piece or off the shelf?? Care to share? :)
Thanks again.. we’ll be back soon..
PLS PLS PLS come out with a complete tutorial like this but more comprehensive one in the very near future. I have been searching all over for some good video tutorials on creating templates in Joomla. All seem to fall short in some area. Hopefully the ones you are creating will allow the whole process to be explained. From converting the html and css all the way thru install the template and all of the module, menus and articles admin management necessary to fully roll out the type of template that you can purchase. I am just picking up Joomla and I love what I am seeing so far and so many of my clients want to be able to update their own content so this seems like the right fit for me. However its unless if I can convert their design to a joomla template. Any idea when we can expect something?
Wow. I am very impressed with your screencast. I’ve been all around the net searching for a tutorial like the one you have here but have come up short until now! I am looking forward to more. Any idea when another one will be posted? Also, what’s the status on the bundle?
Thank you and great job!
Wonderful tutorial….I await the start of the series since their is no one else showing this in such detail as you do.
Great to have peeps like you arround teaching us to BE.
not wanna BE’s.
I have been searching HTML / Joomla Template conversion info for a while now and this video is THE BEST.
I’m wanting MORE..
Yum!
Very good tutorial! Now it makes more sense to me.
I’ve designed my first Joomla template and it’s all starting to work now.
I got one question, can you perhaps send me the javascript code for the menu (or an explenation of how I should build one)? I really don’t know how to do this correct for joomla and I need a similar dropdown menu.
5 out of 5 man.
I spent all day yesterday beating my head and searching for some simple yet legit resources.
Thanks,
BTW e-text editor (windows ver. of Text mate) is awesome, especially with the joomla bundles.