Course Material Requirements
This course uses Bootstrap 2, which is not the most recent version of Bootstrap. To follow along with this course you'll need to download and use Bootstrap 2.
Next lesson playing in 5 seconds
CancelPSD to WordPress: Minimal Portfolio Theme
Introduction
01:15
There are lots of ways to get a new WordPress theme for your website, but what if you just built one yourself? Adi Purdila walks you through making a WordPress theme in this course.
1.Introduction1 lesson, 01:15
1 lesson, 01:15
1.1Introduction01:15
1.1
Introduction
01:15
2.Designing the Theme9 lessons, 1:32:27
9 lessons, 1:32:27
2.1Document Setup10:04
2.1
Document Setup
10:04
2.2Secondary Button and Form Styling11:26
2.2
Secondary Button and Form Styling
11:26
2.3Homepage: Header and Main Content Area12:45
2.3
Homepage: Header and Main Content Area
12:45
2.4Homepage: The Portfolio Area07:42
2.4
Homepage: The Portfolio Area
07:42
2.5Homepage: The Footer Area13:39
2.5
Homepage: The Footer Area
13:39
2.6Portfolio Index07:30
2.6
Portfolio Index
07:30
2.7Portfolio Single15:49
2.7
Portfolio Single
15:49
2.8About05:51
2.8
About
05:51
2.9Contact07:41
2.9
Contact
07:41
3.Building the Static Version12 lessons, 2:35:30
12 lessons, 2:35:30
3.1HTML: Homepage18:25
3.1
HTML: Homepage
18:25
3.2HTML: Portfolio Index06:29
3.2
HTML: Portfolio Index
06:29
3.3HTML: Portfolio Single Page10:39
3.3
HTML: Portfolio Single Page
10:39
3.4HTML: About Us and Contact Us12:47
3.4
HTML: About Us and Contact Us
12:47
3.5CSS: General Preparation (Part 1)13:05
3.5
CSS: General Preparation (Part 1)
13:05
3.6CSS: General Preparation (Part 2)13:44
3.6
CSS: General Preparation (Part 2)
13:44
3.7CSS: Homepage (Part 1)11:05
3.7
CSS: Homepage (Part 1)
11:05
3.8CSS: Homepage (Part 2)11:07
3.8
CSS: Homepage (Part 2)
11:07
3.9CSS: Homepage (Part 3)14:31
3.9
CSS: Homepage (Part 3)
14:31
3.10CSS: Portfolio Index and Portfolio Single Page16:17
3.10
CSS: Portfolio Index and Portfolio Single Page
16:17
3.11CSS: About Us and Contact Us15:15
3.11
CSS: About Us and Contact Us
15:15
3.12Portfolio Sorting12:06
3.12
Portfolio Sorting
12:06
4.Building the WordPress Theme12 lessons, 1:58:01
12 lessons, 1:58:01
4.1WordPress Installation and File09:20
4.1
WordPress Installation and File
09:20
4.2Header09:50
4.2
Header
09:50
4.3Footer04:41
4.3
Footer
04:41
4.4Custom Post Fields (Part 1)11:45
4.4
Custom Post Fields (Part 1)
11:45
4.5Custom Post Fields (Part 2)07:52
4.5
Custom Post Fields (Part 2)
07:52
4.6Adding Posts and Pages05:45
4.6
Adding Posts and Pages
05:45
4.7Portfolio Page15:26
4.7
Portfolio Page
15:26
4.8Portfolio Page Sorting06:19
4.8
Portfolio Page Sorting
06:19
4.9Single Portfolio Page16:43
4.9
Single Portfolio Page
16:43
4.10Related Portfolio Items and Homepage14:02
4.10
Related Portfolio Items and Homepage
14:02
4.11About, Contact and 404 Pages06:14
4.11
About, Contact and 404 Pages
06:14
4.12Powering up the Contact Page10:04
4.12
Powering up the Contact Page
10:04
5.Conclusion1 lesson, 00:52
1 lesson, 00:52
5.1Conclusion00:52
5.1
Conclusion
00:52
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.