6.9 KiB
| layout | title | subheadline | description | permalink |
|---|---|---|---|---|
| page-fullwidth | Theme Documentation | How to use Feeling Responsive | The documentation is a work in progress... | /documentation/ |
Different Page/Posts Formats
Feeling Responsive supports you with different templates for your content. These are the actual page/post formats:
Post
The [post format]({{ site.url }}/design/post/) has no sidebar, its content is centered and beneath the content the visitor gets some metadata like categories, tags, date and author if provided via data in front matter of the post.
use in front matter via: layout: post
Page
The [page template]({{ site.url }}/design/page/) shows the content in the same way as the post format without listing the metadata at the end of the page.
use in front matter via: layout: page
Post with left sidebar
This template displays a [post left sidebar]({{ site.url }}/design/post-left-sidebar/) besides the content. To customize the content of the sidebar, open _includes/sidebar.html.
use in front matter via: layout: post-left-sidebar
Post with right sidebar
This template displays a [post with right sidebar]({{ site.url }}/design/post-right-sidebar/) besides the content. To customize the content of the sidebar, open _includes/sidebar.html.
use in front matter via: layout: post-right-sidebar
Page Full Width
If you want full control of styling a page, than use the [page full-width template]({{ site.url }}/design/page-full-width/). To set up a grid, just use the foundation grid system.
use in front matter via: layout: page-full-width
Video
If you're a video producer or cineast, you'll like the [video template]({{ site.url }}/design/video/). It darkens the layout to black and lets the video stand out full-width.
use in front matter via: layout: video
Up to table of contents {: .text-right }
Style your content with
Feeling Responsive offers lots of possibilities to style your articles. You can style your content in different ways. There are elements like subheadlines, feature images, header images, homepage images, meta data like categories and tags and many more.
subheadlines
If you need a subheadline for an article, just define a subheadline in front matter like this:
subheadline: "Subheadline"
Quotes
Quotes mix it up a little bit, if you write long articles. So use quotes:
Age is an issue of mind over matter. If you don't mind, it doesn't matter. Mark Twain
Up to table of contents {: .text-right }
Responsive Videos
With foundation responsive videos are easy. More ›
Code to use for flexible videos
{% highlight html %}