Receptar Skeleton for Grav

Receptar is simple, modern, responsive, high-DPI, fully customizable, stylish blog Grav theme by WebMan Design. 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
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 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'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:

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:

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:

vimeo: https://player.vimeo.com/video/63451562?title=0&byline=0&portrait=0

Slideshow

Add or modify this code in site.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:

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).