https://github.com/getgrav/grav-skeleton-receptar-site
Receptar Skeleton for Grav - Receptar is simple, modern, responsive, high-DPI, fully customizable, stylish blog Grav theme.
https://github.com/getgrav/grav-skeleton-receptar-site
grav grav-skeleton
Last synced: 4 months ago
JSON representation
Receptar Skeleton for Grav - Receptar is simple, modern, responsive, high-DPI, fully customizable, stylish blog Grav theme.
- Host: GitHub
- URL: https://github.com/getgrav/grav-skeleton-receptar-site
- Owner: getgrav
- License: other
- Created: 2015-12-23T08:19:44.000Z (over 9 years ago)
- Default Branch: develop
- Last Pushed: 2021-02-24T22:09:01.000Z (over 4 years ago)
- Last Synced: 2024-10-30T02:06:07.233Z (8 months ago)
- Topics: grav, grav-skeleton
- Homepage: https://getgrav.org
- Size: 6.55 MB
- Stars: 8
- Watchers: 5
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Receptar Skeleton for Grav
Receptar is simple, modern, responsive, high-DPI, fully customizable, stylish blog Grav theme by [WebMan Design](http://themedemos.webmandesign.eu/).
It features split-screen book-like design inspired by a modern cook book with emphasize on beautiful imagery and typography.
# Features
* Navigation menu included
* Split-screen book-like design
* Collapsible sidebar
* Blog Layout with support for recipes
* Beautiful imagery and typography.
* Social Sharing
* Browser Compatibility
* Supports YouTube
* Supports SoundCloud
* Supports Vimeo
* SimpleSearch support
* Feeds
* RelatedPosts plugin support
* Archives plugin support
* JSComments plugin support
* Comments and Forms plugin support
* Basic translations for 14 languages
## Basic Setup for a new Grav site
The simplest way to install Receptar theme for Grav is to download and install the Receptar Skeleton package:
1. [Download Receptar Skeleton](http://getgrav.org/downloads/skeletons#extras)
2. Simply unzip the package into your web root folder.
3. Point your browser at the folder, job done!
**TIP:** Check out the [general Grav installation instructions](http://learn.getgrav.org/basics/installation) for more details on this process.
---
## Existing Grav site
It is possible to install just the theme, but page content will need to reference the [Receptar theme](https://github.com/getgrav/grav-theme-receptar)'s supported templates. It is strongly advised to at least install the Receptar Skeleton package to see the theme's capabilities in action.
To install **just** the theme:
```
$ bin/gpm install receptar
```
---
## Configuration
In Receptar, you have few unique features which you can configure easily:
### Translations
Take a look at theme's **language.yaml**. Polish and English versions contains all variables which you can translate to your language.
### Adding recipes to blog page
In item.md page header you have to add something like that:
```yaml
ingredients_title: Ingredients
ingredients:
- title: Corpus:
list:
- Lorem ipsum, 200g
- Dolor sit amet 20dl
- 80g sugar
- 1 yolk
- Salt
- Water 0.5l
- Milk 1l
- title: Corpus:
list:
- Lorem ipsum, 200g
- Dolor sit amet 20dl
- 80g sugar
- 1 yolk
- Salt
- Water 0.5l
- Milk 1l
```
### Adding advanced description
Add code like that to page header:
```yaml
description:
- option: Dificulty:
value: simple
- option: Serving:
value: 4
- option: Preparation time:
value: 1 hour 30 minutes
- option: What we need:
value: oven, tart form, jar
```
### Adding video and SoundCloud
You have to add direct iframe url to page header. For example for Vimeo files, it's going to be:
```yaml
vimeo: https://player.vimeo.com/video/63451562?title=0&byline=0&portrait=0
```
### Slideshow
Add or modify this code in site.yaml:
```yaml
slider:
- image: slide3.jpg
title: A very delicious blog
url: "#"
- image: slide1.jpg
title: Duis autem
url: "#"
- image: slide2.jpg
title: Pumpkin recipe
url: "#"
```
Slideshow images must be placed inside user theme **images/slideshow** directory.
### Featured image
To customize featured image, add or modify following variable in site.yaml:
```yaml
global_featured_image: featured.jpg
```
Featured images must be placed inside user theme **images** directory. Featured images is used on empty blog image posts and on posts without image (due to split-screen layout concept).