How to create a onepage Website
in Drupal
How could someone new do it easily?
Basic modules used
Bean
Context
Display Suite
Omega Theme
+
Context Omega
Bean
create blocks with fields
(what we are trying to do in d8,right?)
Rooms Bean
image gallery: flexslider
prices: tablefield
Map Bean
Contact
social: link
reservation Form
Same page menu
Theming
Omega theme v4
Key Differences
- layout submodule
custom page.tpl.php + context layout - sass/compass ready
create
Onepage layout
Create new regions
+
anchor link
<a name="content1"></a>
Put each block in region
Theme the rooms Section
New DS layout
assign css classes to fields
Rensponsive
work in progress
grid - susy frame
work
breakpoint
context breakpoint -not working right now
test rensposive
Rensponsive images
Borealis
interesting modules
is about to get complete rewrite
Picture
Breakpoints
Flexslider
Panels
everything is put inside content
(now tried yet)
use Panels Everywhere?
use Fieldable panes?
Move sites to production
Database: Backup Migrate
Modules: ?
how to easily have the same version of modules
from local to production
using drush
MODULES
Problem
Downloading modules
download the project
Enabling Modules
enable also submodules
=
different lists for drush
Solution
views import - my fork- sort of
to use it with drush
views import - my fork- sort of
example
We still have to cover
Optimization
Adv agregation and more
Jekyll
static page generator
made by github
free hosting
Used by
Codio.com
create new project = new vm
gem install jekyll
jekyll new ansi-jekyll
cd ansi-jekyll
jekyll serve --watch
Folder structure
index.html
assign the layout to use
---
layout: default
---
Layouts
Define the layout of your index.html
We can use
{% include any.html %}
That way we can create repetitive html files
in includes folder
create
head-include.html
we assign css and javascript we want
The fastest way is to use a cdn
google
How to create our Rooms
(content type)
in folder _posts
create
folder rooms/_posts
and each post
in each post we can assign
"fields"
---
layout: rooms
title: Studio
date: 2014-07-03 21:40:10
categories: rooms
image: image-url
subtitle: 2 Persons
section: studio
---
with a lOOP
{% for post in site.categories['rooms'] %}
{% endfor %}
We collect all the post in category
in
chronological order
(based on the post title)
how to have a reservation form
see messages
How to have a mAP
Styling
jekyll now supports sass
Hosting
S3 - there is a script to automate
Dropbox
Github pages
+
offers DNS - security -backup