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



example



We still have to cover



Optimization

Adv agregation and more

Jekyll


static page generator
made by github


free hosting 

github pages

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

Drupal vs Jekyll

By techangel

Drupal vs Jekyll

  • 1,938