Using NVU mambo template builder extension in NVU1.0PR PDF Print E-mail
Article Index
Using NVU mambo template builder extension in NVU1.0PR
Page 2
Page 3
Page 4
Page 5
All Pages
Digg!
ImageIf you tired like me on every time when starting a new mambo template needed create manually a templateDetails.xml, create template structure dirs, copy blank index.html files into css and images dir, etc..No more waste time doing it! NVU mambo template builder will do it for you..and some more...!
For those yet don't know about NVU see this: Nvu (pronounced N-view, for a "new view") makes managing a web site a snap. Now anyone can create web pages and manage a website with no technical expertise or knowledge of HTML. Finally!
A complete Web Authoring System for Linux Desktop users as well as Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver.
I will try on this give basic instructions How use NVU Mambote Template Builder.
This tutorial not will talk about how create table laytouts to include mambo template PHP tags and other details related with template design, you can get a example source package and this tutorial at mamboforge.net.
I'm preparing a more complete tutorial covering all stages on a mambo template building process using NVU, will be released soon.
NVU are under development and you can get it here at www.nvu.com

Current features on Mambo template builder v0.0.9beta



Image
  • Allow insert Mambo Template PHP codes defining positions on Mambo 4.5.x Template
  • Create Mambo 4.5.x Template Directory Structure
  • Create a generic base template_css.css file ready to use
  • Create index.html files on "css" and "images" template dirs
  • Allow create and update a valid templateDetails.xml ready to Mambo 4.5.3 (work full on Mambo 4.5.2!)
  • Change all
  • Build a zip install package ready to install on Mambo 4.5.x

 

What will you need to follow this tutorial?

  • NVU(N-view) versao 1.0PR: dowload here
  • Mambo 4.5.3 NVU Mambo Template Builder extension: download here
  • NVU Mambo template builder Tutorial zip files: download here
  • A Linux dist supported by NVU, Windows2000/XP or MAC OSX
  • few minutes


Let's Start...

  • Getting and Installing NVU
  • Installing Mambo Template Builder
  • What You Need know before start work on NVU
  • Setting a Template working directory
  • Creating a templateDetails.xml
  • Building a Mambo Template directory structure
  • Inserting Mambo HEAD Template code
  • Copying index.xhtml and images to working directory
  • Updating Your Template Package
  • Building a Mambo Template install package


1:) Installing NVU Mambo Template Builder extension


  • Open NVU, in menu top locate "Tools" option, next click in "Extensions", this will open NVU extensions manager.
  • In extensions manage, click on "Install" button and browse and select open4gtemplatebuilder.xpi file and install it on NVU.
  • Exit from installation and close NVU Application
  • Now restart NVU.You will see a new Toolbar on NVU application.

2:) Setting a Template working directory


  • Click on "Builder" button in NVU Mambo Template Builder toolbar, this will open Template Builder.
  • Next, click in "Browse" button and select a empty dir to use on mambo template building. I'm recommend you create this under a local mambo installation into templates directory.(The working dir name will be used to named zip install package)
  • NOTE: If you already have a ready template structure to use, just point working dir to it.
Image



3:) Building a Mambo 4.5.x Template directory structure

  • In Mambo Template Builder, click on "Build Template Structure" button
  • If all is ok, this will create a "css" and "images" directories and a template_css.css
Image

IMPORTANT!!!
If you want use a already created "index.php" and a custom template_css.css on template building: DO NOT CLICK ON "Build Template Structure" Button or your template_css.css will replaced by another generated by template builder


4:) Creating a templateDetails.xml for a Mambo 4.5.x template

  • Now click on "Edit Template Info" button, this will open a new window with template informations.
  • Change template info if needed, ALL FIELDS NEED BE FILLED.
  • DO NOT CHANGE TEMPLATE NAME, or you will get problems after on zip installation
  • After update template info click on "Save" button, and you will see a message like on image bellow.
  • Now you can close Mambo Template Builder, if you want.
  • IMPORTANT: You will need click on "Working diretory combobox to activate "Publish and Secure Template" button and refresh file list. THIS ISSUE WILL BE FIXED IN NEXT VERSION!!
Image

What You Need know before start work on NVU

  • Mambo template Head Code will be added on NVU like a comment, DO NOT REMOVE COMMENTS from your "index.xhtml"
    Image
  • Always save your source code template AS "index.xhtml" into selected working directory
  • TO VIEW PHP tags in "NORMAL VIEW MODE": you will need switch to "Souce View Mode" and Back to "Normal Mode"
  • NVU not "YET" can save or open PHP files....
  • At each change done on your "index.xhtml"
  • Go to "Tools" -> "Preferences" -> "New Page Settings", and change "Language" option to "XHTML"
  • Just ISO-8859-1 is supported in current version, so change "Character Set" option to ISO-8859-1
  • All template work needed be done on a index.xhtml source file, because NVU not manage PHP file yet...
  • When saving index.xhtml leave it empty when NVU ask for it...
  • NVU are under development, help NVU become a best opensouce WYSWYG Editor, please support NVU - http://www.nvu.com
  • Current NVU Mambo Template builder is a BETA version, you can make segestions, problems, bugs,... at mamboserver forum thread
Copying index.xhtml and images to working directory
  • Copy index.xhtml finded on tutorial zip package for your current working directory
  • Next copy all images include on tutorial zip package to "images" dir into current working directory
Image



Updating Your Template Package

  • Click on "Builder" button in NVU Mambo Template Builder toolbar, this will open Template Builder.
  • Next, click in "Publish and Secure Template" and you will see a new PHP file created on work directory
Image



Building a Mambo Template install package

  • In Mambo Template Builder.
  • Select all relevant files to be include on zip package like screen bellow...
Image
  • Next, click in "Build Zip Install Package"
Image
  • If all is ok, just go to your mambo ADMIN and install template package create by Mambo Template Builder



Congratulations!! you have a full template install package ready to run on Mambo!


Soon more info about mambo template building on NVU...Enjoy!

This tutorial may be reproduced in whole or in part provided that the reproduction includes a credit of authorship to "Carlos Guimaraes", plus a crawlable link to either http://www.open4g.com.



Reddit!Del.icio.us!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!
 

Jomwitter Twitter Badge

Who's Online

We have 88 guests online

Syndication