Say I have this in my static HTML/CSS page. How can I make the div class="products" dynamic? How about the product headline, and the other div classes? Basically what I want to know is this: How can I make html elements with classes and id's dynamic with php wordpress APIs built in, as well as the headlines and such?
Obviously in the backend (WP dashboard) all I want to do is supply a headline, img, content, price, etc..
All the tutorials I see are about blog post. This will not be a blog, although a blog page may be included later, the homepage is that of a normal site.
<div class="products">
<img src="#" alt="just an example">
<h2>Product Headline</h2>
<p> Content goes here </p>
<div class="product-call-to-action">
<div class="product-callLeft">
<p><span>$</span> 450</p>
</div>
<div class="product-callMiddle">
<p>Oct 10, 2014 | 3:14 PM</p>
</div>
<div class="product-callRight"> <a href="#" class="product-check-out" target="_blank">Buy Now</a></div>
</div>
Understanding this, will unlock all the answers to my questions I have in my mind building upon this foundation.