title: How do I create different editable sections within a WordPress page?
body: <p>I have been building my first theme on WordPress and have run into problem while adding content into different sections.</p>
  
  <p>My HTML is somewhat like this,</p>
  
  <pre><code>&lt;div id="maintext"&gt;
     &lt;-- Text --&gt;
  &lt;/div&gt;
  &lt;div id="products"&gt;
     &lt;-- Text and Images --&gt;
  &lt;/div&gt;
  &lt;div id="about_company"&gt;
     &lt;-- Text boxes --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I make sure the content added via the WordPress editor falls under the respective divs ? For the "maintext" div I'll load the content from the page itself but how do I add content to the other 2 divs dynamically ?</p>
  
  <p>I searched on a couple of forums and many suggested to add content using widgets, is there any way it can be done without using widgets ?</p>
  
  <p>Any help will be gladly appreciated.</p>