7.7 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:
Page/Post
The [page/post format]({{ site.url }}/design/page/) has no sidebar by default, 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: page
Page/Post with a left or right sidebar
If you want to show the sidebar, just enter sidebar: left or sidebar: right in front matter, and whoops, there it is! To customize the content of the sidebar, open _includes/sidebar.html.
Page/Post with or without metadata
If you want to show metadata like categories, tags and date at the end of the page, just enter show_metadata: true. It's on by default. You can change it via config.yml. To turn of metadata just enter – yes, you guessed right – show_metadata: false.
Page Full Width
If you want full control of styling a page, than use the [page fullwidth template]({{ site.url }}/design/page-fullwidth/). To set up a grid, just use the foundation grid system.
use in front matter via: layout: page-fullwidth
Frontpage
This template is special. It allows you to define three widgets which are displayed with a headline, image, description and a link to the content. It's used for the [homepage]({{ site.url }}) of this website.
use in front matter via: layout: frontpage
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 %}