Creating a Custom Jekyll Theme
By Gary Simon
Learn to build a custom Jekyll theme using Gulp, Sass, and Foundation Framework. Software required: Adobe Photoshop CC 2015, Sublime Text 3, and Ruby.
Course info
Rating
Level
Advanced
Updated
Jan 20, 2016
Duration
2h 3m
Table of contents
Introduction and Project Overview
Creating a Custom Jekyll Theme
Designing the Header
6m
Designing a Featured Stories Section
8m
Finishing the Home Page Mockup
6m
Designing a Post Page
5m
Installing Required Software
4m
Creating Our Jekyll Project
7m
Working with Gulp
6m
Integrating Foundation
9m
Writing the Header HTML
10m
Creating the Featured Posts HTML
7m
Writing the Secondary Posts HTML
9m
Adding Pagination and Finishing the Index Page
4m
Beginning the CSS
9m
Adding a Footer
8m
Finishing the Sub Pages
8m
Wrapping up the Theme
8m
Making the Site More Performant with Gulp
8m
Description
Course info
Rating
Level
Advanced
Updated
Jan 20, 2016
Duration
2h 3m
Description
We'll learn how to build a custom Jekyll theme while using Gulp, Sass, and Foundation Framework. First we will step into Adobe Photoshop to create a mockup of our theme, and then we will spend the rest of the course creating the theme with the help of the command line and code editor. Software required: Adobe Photoshop CC 2015, Sublime Text 3, and Ruby.
About the author
About the author
Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.
More from the author
More courses by Gary Simon