Awesome
Getting Started
Spina is a CMS for Rails 5.2. This guide is designed for developers with experience using Ruby on Rails.
To start using Spina CMS add the following line to your Gemfile:
gem 'spina'
First run the installer to get started:
rails g spina:install
The installer will help you setup your first user.
Then start rails s
and access Spina at /admin
.
Upgrading from 0.X to 1.0
Because upgrading 1.0 means switching to ActiveStorage, we've created a complementary gem to make the upgrade process easier.
gem 'spina-upgrade', git: 'https://github.com/SpinaCMS/spina-upgrade'
After installing this gem, make sure you setup ActiveStorage. Then you can run the upgrade command to migrate all Spina::Photo
records to Spina::Image
. Images will be reuploaded using ActiveStorage, so depending on your storage this could take a while.
rails g spina:upgrade
Replace Spina::Photo
with Spina::Image
where necessary and make sure that you edit every image_tag
.
Upgrading from 0.12 to 0.12.1
First run the new migrations
rails spina:install:migrations
rails db:migrate
This will create a table for the Spina::Resource
model.
Globalize is replaced by Mobility. Switching to Mobility is fairly straightfoward.
- Run
rails g spina:install
to add themobility.rb
initializer. - Replace instances of
Globalize
withMobility
in your own code
This is the last release before Spina switches to Rails 5.2 and ActiveStorage.
Upgrading from 0.11 to 0.12
Just run the new migrations.
rails spina:install:migrations
rails db:migrate
Upgrading from 0.10 to 0.11
The spina-template gem is merged into the spina gem. You don't have to use the original spina-template gem anymore.
Upgrading from 0.9 to 0.10
When upgrading to Spina 0.10 it's essential to update spina-template to version 0.4 or higher. Otherwise layout issues will occur.
Upgrading from 0.8 to 0.9
Theme configuration changed to:
# config/initializers/themes/default.rb
Spina::Theme.register do |theme|
# Theme config
end
And theme sections, structures, layouts, view_layouts and layout_parts has been normalised.
Check out config/initializers/themes/demo.rb for an example.
Add new migrations rake spina:install:migrations
and rake db:migrate
Upgrading from 0.7 to 0.8
Spina-specific configuration moved from Spina::Engine.config
to just Spina.config
.
Change the following in your initializer:
# config/initializers/spina.rb
Spina::Engine.configure do |config| # OLD
Spina.configure do |config| # NEW
Basics
The installer generates a few initializers that contain necessary configuration for Spina.
In the initializers folder there's a new folder named themes
. Inside you will find a configuration file named default.rb
. This file contains all of your theme-specific settings. You can define multiple Page parts, View templates and Custom pages.
Page parts
A page in Spina has many Page parts. By default these page parts can be one of the following:
Spina::Line
Spina::Text
Spina::Image
Spina::ImageCollection
Spina::Structure
Spina::Option
These are the building blocks of your view templates. You can have an unlimited number of page parts in a page. We prefer to keep the number of parts to a minimum so that managing your pages won't become too complex.
Spina uses an initializer to create the basic building blocks of your page. There are three steps to add a new building block or page part to your app:
- Set up a new page part in the initializer
- Set the new initializer into a view template
- Add it to the view
Create a new page part
When you install Spina, you will see the following in config/initializers/themes/default.rb
::Spina::Theme.register do |theme|
theme.name = 'default'
theme.title = 'Default Theme'
theme.page_parts = [{
name: 'content',
title: 'Content',
partable_type: 'Spina::Text'
}]
theme.view_templates = [{
name: 'homepage',
title: 'Homepage',
page_parts: ['content']
}, {
name: 'show',
title: 'Default',
description: 'A simple page',
usage: 'Use for your content',
page_parts: ['content']
}]
theme.custom_pages = [{
name: 'homepage',
title: 'Homepage',
deletable: false,
view_template: 'homepage'
}]
end
Right now, the default theme is applying a title to the page, with a simple text div below it. Go to /admin
on your app and have a look. Edit the textbox and go to preview the page.
Spina represents each building block of your page, called a 'page part,' as a hash inside the page_parts
array. If we look at the default setup we can see there is one hash inside the array representing the one textbox we see on our page.
Let's say I wanted to add another text box below this called portfolio
. First I would add another hash to the self.page_parts
array like so:
theme.page_parts = [{
name: 'content',
title: 'Content',
partable_type: 'Spina::Text'
}, {
name: 'portfolio', # added this hash
title: 'Portfolio',
partable_type: 'Spina::Text'
}]
Add it to the view template
Now, we need to update the self.view_templates
hash next. These view templates provide customization for the different views you might want. For example, you may have a 'blog' view or an 'about' view which add different page parts. For this example we will add the portfolio part into the 'Default' view template.
theme.view_templates = [{
name: 'homepage',
title: 'Homepage',
page_parts: ['content']
}, {
name: 'show',
title: 'Default',
description: 'A simple page',
usage: 'Use for your content',
page_parts: ['content', 'portfolio'] # added 'portfolio'
}]
Add it to the view
Finally, let's go to views/default/pages/show.html.erb
and add the following:
<h1><%= @page.title %></h1>
<%= @page.content(:text).try(:html_safe) %>
<%= @page.content(:portfolio).try(:html_safe) %> # added this line
We have successfully added another textbox! Restart your server and load up the admin section again. You should see another text box below the content box.
View templates
Each theme typically has a few different view templates which make up your website. By default Spina generates a homepage and show template.
The views for these templates are stored in app/views/default/pages
.
Navigations
Usually managing a single list of pages is enough for most use cases. Sometimes however, you need a little more flexibility. This is where navigations come in. You can create multiple navigations which are basically different collections of your pages. You can choose to include all or just a few of your pages. You can also edit the order of pages per navigation.
You define navigations in your theme's config file:
::Spina::Theme.register do |theme|
# ...
theme.navigations = [{
name: 'main',
label: 'Main navigation',
auto_add_pages: true
}, {
name: 'mobile',
label: 'Mobile'
}]
# ...
end
auto_add_pages
ensures that each page that you create automatically gets added to this navigation.
Besides navigations there's always a single overview of all pages. Your sitemap and friendly URLs are generated based on this overview.
Creating navigations is optional.
Custom pages
You can define custom pages for your theme that will be generated when bootstrapping your website. You can define whether or not they're deletable. By default Spina creates a custom page named Homepage which is not deletable.
Contributing
Check our Contributing Guide for instructions on how to help the project.
<a href="https://github.com/SpinaCMS/Spina/graphs/contributors"><img src="https://opencollective.com/Spina/contributors.svg?width=890" /></a>
Backers
Thank you to all our backers! 🙏 [Become a backer]
<a href="https://opencollective.com/Spina#backers" target="_blank"><img src="https://opencollective.com/Spina/backers.svg?width=890"></a>
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
<a href="https://opencollective.com/Spina/sponsor/0/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/1/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/2/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/3/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/4/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/5/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/6/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/7/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/8/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/Spina/sponsor/9/website" target="_blank"><img src="https://opencollective.com/Spina/sponsor/9/avatar.svg"></a>
License
Spina is released under the MIT license.
Credits
Some parts of Spina are heavily influenced by the wonderful Refinery CMS. Credits to the Refinery team.
All icons in Spina were made by Brent Jackson Geomicons.