I need to convert a html to joomla

by 5 replies
5
Hi everyone.
I have a html file that I want to convert into joomla theme.I know joomla but not much.
Still learning.
Need help.
#programming #convert #html #joomla
  • Have a look at this link:
    How to Convert a HTML Template Into Joomla | Chron.com
  • Converting html into a joomla template is a bit more complicated than what's described on the link above. That is if you want your template to be 100% dynamic, want to be able to manage your menu entries with the joomla menu items manager and if you want the template to be mobile responsive.

    I can convert the html into a dynamic and mobile responsive template for just $50. You can reach me via PM here or via email to ivanphp404@gmail.com
  • Of course it's my opinion.

    Do you think bottom-feeding (looking for low-end work) is a gateway to long-term business? Do you think people who jump on $99 WP sites will ever be a high-dollar client?

    You might think that working for peanuts is a great way to break into the business or introduce yourself, but all you're advertising is that you'll work for cheap.
  • Banned
    Step 1
    Review the HTML template that you wish to convert. Ensure that the template is (X)HTML and CSS compliant.

    Step 2
    Open your Joomla folder. Locate the Templates folder. Ensure that all your files -- the HTML file, any images and the CSS file -- are all located in this folder. Locate the index.html file for your HTML template and rename it as index.php.
    Step 3
    Open the index.php file in Notepad or another text editor and add a piece of security code at the top of the file. An example of security code would be:
    <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>

    Step 4
    Replace all the header code in your HTML template document with Joomla includes. Delete all code between the <head></head> tags and replace it with the following code:
    <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ? >/css/template.css" type="text/css" />

    Step 5
    Replace all the text in your template with Joomla includes. Do this by finding any <div></div> tags and deleting the content between them. Where you want your Joomla Articles content to appear, insert the following code:
    <jdoc:include type="component" />
    Between any other <div></div> tags, place the other Joomla variables. You can use predefined Joomla variables or define your own. Here is an example of the code:
    <?php if ($this->getBuffer('message')) : ?> <div class="error"> <h2> <?php echo JText::_('Message'); ?> </h2> <jdoc:include type="message" /> </div> <?php endif; ?> <div> <jdoc:include type="modules" name="user3" /> <jdoc:include type="modules" name="user4" /> </div> <div id="breadcrumbs"> <p> <jdoc:include type="modules" name="breadcrumb" /> </p> </div>
    Save and close the index.php file.

    Step 6
    Create an XML manifest file. This is a master file that lists all of the files used in your template. It is necessary for your Joomla template to work properly.

    Step 7
    Ensure that the files index.html, index.php and the XML manifest file are all in the same directory, along with all their contents. Create a ZIP file from these. Install your new template via Joomla administration.
Join the discussion

Next Topics on Trending Feed