steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Add search layout documentation

Browse Source
This commit is contained in:
Michael Rose
2017-11-15 15:03:04 -05:00
parent cc3b21bc86
commit 2a5cda62b1
7 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/_docs/10-layouts.md
View File

@@ -7,7 +7,7 @@ single_layout_gallery:
alt: "single layout with header example"
- image_path: /assets/images/mm-layout-single-meta.png
alt: "single layout with comments and related posts"
last_modified_at: 2017-11-13T18:37:30-05:00
last_modified_at: 2017-11-15T15:01:40-05:00
toc: true
toc_label: "Included Layouts"
toc_icon: "columns"
@@ -36,6 +36,7 @@ Class names corresponding to each layout are automatically added to the `<body>`
| ---------------- | --------------------------- |
| archive | `.layout--archive` |
| archive-taxonomy | `.layout--archive-taxonomy` |
| search | `.layout--search` |
| single | `.layout--single` |
| splash | `.layout--splash` |
| home | `.layout--home` |
@@ -217,7 +218,7 @@ author_profile: true
{% endfor %}{% endraw %}
```
### Home Page
## Home Page Layout
A derivative archive page layout to be used as a simple home page. It is built to show a paginated list of recent posts based off of the [pagination settings]({{ "/docs/configuration/#paginate" | absolute_url }}) in `_config.yml`.
@@ -268,6 +269,14 @@ For full-width landing pages that need a little something extra add `layout: spl
Feature blocks can be assigned and aligned to the `left`, `right`, or `center` with a sprinkling of YAML. For full details on how to use the `feature_row` helper check the [**Content**]({{ "/docs/helpers/" | absolute_url }}) section or review a [sample splash page](https://github.com/{{ site.repository }}/blob/master/docs/_pages/splash-page.md).
## Search Page Layout
A page with a search form. Add `layout: search` to the YAML Front Matter similar to [this example](https://github.com/mmistakes/minimal-mistakes/blob/master/docs/_pages/search.md) on the demo site.
![search page layout example]({{ "/assets/images/search-layout-example.png" | absolute_url }})
**ProTip:** Add a link to this page in the masthead navigation.
{: .notice--info}
---