https://github.com/gma/nesta-plugin-blogazine

Art directed blog support for Nesta
https://github.com/gma/nesta-plugin-blogazine

nesta plugin

Last synced: 28 days ago
JSON representation

Art directed blog support for Nesta

• Host: GitHub
• URL: https://github.com/gma/nesta-plugin-blogazine
• Owner: gma
• Created: 2011-09-10T16:15:17.000Z (about 13 years ago)
• Default Branch: master
• Last Pushed: 2011-09-10T22:11:28.000Z (about 13 years ago)
• Last Synced: 2024-09-17T07:19:43.860Z (about 2 months ago)
• Topics: nesta, plugin
• Language: Ruby
• Homepage: http://nestacms.com/plugins/blogazine
• Size: 89.8 KB
• Stars: 8
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Art direction plugin for Nesta

Art directed blogs (or "blogazines") use a different design on every

page (the [PeepCode blog][] is a good example). It's easy to implement

with Nesta, but easier still if you install this plugin.

[PeepCode blog]: http://blog.peepcode.com/archives

It adds a `page_design` helper method that you can use to serve a

different stylesheet for each page on your site. Update your site's

layout template to call the helper when serving your stylesheet:

    %link(href="/css/#{page_design}.css" media="screen" rel="stylesheet")

You can specify the name of a default stylesheet to use on pages that

don't specify their own design. If you don't specify a default the

plugin assumes that you want to render a stylesheet called 'master.css',

but you can override that by passing in the name of your default

stylesheet:

    %link(href="/css/#{page_design('application')}.css" media="screen" rel="stylesheet")

Then create one stylesheet for each unique design, and drop it into your

`views` folder (so you might have `views/design-1.sass` or

`views/trees.scss`).

Then add some metadata to the top of each page inside `content/pages`

that should use one of your hand crafted designs. For example:

    Design: trees

    Date: 10 Sep 2011

    Categories: blog/nature

    # Deciduous woodland

    Your blog post starts here...

You can share common styles between designs using Sass's ability to import

other Sass files. At the top of `trees.sass` you could write:

    @import "master"

    // Styles specific to the trees design go here...