The gv-blog module comes in two parts, the blog list, and the blog post.
List Tag
<div gv-blog-list></div>
The gv-blog-list tag activates the blog-list functionality and enables the use of blog expressions within the tag. Governor loops through all of the available blog posts and lists them within the gv-blog-list tag.
Basic
Example: blog.html
<div class="s12 m8 push-m2">
<div class="blog-list">
<div gv-blog-list>
<h5>
@category
</h5>
<div class="blog-image">
<img src="@image.src" alt="@image.alt"/>
</div>
<h2>
@title
</h2>
<div class="s6 col">
<small>@postDate</small>
</div>
<div class="s6 col">
<small>@tags</small>
</div>
<p>
@summary
</p>
<a href="@href">Read More</a>
</div>
</div>
</div>
Available List Properties
@title- Title of the blog@postDate- Date posted@category- General blog category@tags- Specific blog tags@summary- Preview text for blog@content- Entire blog text content@image.src- Blog image src@image.alt- Blog image alt tag@href- Link to blog post@author.name- Blog author's name@author.bio- Blog author's bio
Post Tag
<div gv-blog-post></div>
The gv-blog-post tag activates the blog-post functionality and enables the use of blog expressions within the tag.
Example: detail.html
<div class="s12 m8 push-m2">
<div class="blog-post">
<div gv-blog-post>
<div class="blog-hero" style="background-image:url('@image.src')">
<h2>@title</h2>
</div>
<div class="s6 col">
<small>@postDate</small>
</div>
<div class="s6 col">
<small>@category</small>
</div>
<p>
@content
</p>
<small>
@tags
</small>
<div class="author">
<h5>@author.name</h5>
<p>
@author.bio
</p>
</div>
</div>
</div>
</div>
Available Post Properties
@title- Title of the blog@postDate- Date posted@category- General blog category@tags- Specific blog tags@content- Entire blog text content@image.src- Blog image src@image.alt- Blog image alt tag@author.name- Blog author's name@author.bio- Blog author's bio
Installation instructions
On all new Governor sites the blog module will come pre-installed. When building out a custom Governor theme be sure to include the proper module folder structure.