Getting started with Mule CMS

Mule CMS page content

Suppose we already have the HTML page for the main page of site ('index.htm') with page content, description and keywords:

  <html>
    <head>
      <title>Hello World!</title>
      <meta content="About Hello World page" 
          name="description">
      <meta content="hello world page about" 
          name="keywords">
      <link href="/css/main.css" rel="stylesheet" 
          type="text/css" />
    </head>
    <body>
      <div class="header">
        <img src="/images/logo.png" class="logo" />
        <ul class="nav">
            <li><a href="/">Home</a></li>
            <li><a href="/download/">Download</a></li>
            <li><a href="/order/">Purchase</a></li>
            <li><a href="/support/">Support</a></li>
        </ul>
      </div>
      <!-- HEADER END -->

      <div class="content">
        <h3>Hello World</h3>
        <p>This is Hello World page.</p>
      </div>
      
      <!-- FOOTER BEGIN -->
      <div class="footer">   
        <p>© 2011 Hello world. All rights reserved.</p>
      </div>
    </body>
  </html>
            

Since we already have a page layout, the most important for us are page content, page title, keywords and description (selected bold).

Now, create a file 'index.php' in the '/content' folder. At the beginning of PHP file we indicate title and keywords for the main page:

  <?php
    $this->title = 'Hello World!';
    $this->keywords = 'hello world page about';
    $this->description = 'About Hello World page';
  ?>
            

Now let's add the page content from the HTML source above:

  <?php
    $this->title = 'Hello World!';
    $this->keywords = 'hello world page about';
    $this->description = 'About Hello World page';
  ?>
  <div class="content">
    <h3>Hello World</h3>
    <p>This is Hello World page.</p>
  </div>
            

The main page of site is done. The same we do for other pages.


Content Structure