PSD to WordPress: Minimal Portfolio Theme

with

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.

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.

Part of the WordPress Developer Launchpad bundle

Includes 6 courses: 30 Days to Your First Website Design, CSS3 Essentials, PHP Fundamentals, JavaScript Fundamentals, PSD to WordPress: Minimal Portfolio Theme, WordPress Plugin Development Essentials

1× speed

Free Preview: PSD to WordPress: Minimal Portfolio Theme

Introduction

01:15

1.Introduction
1 lesson, 01:15

Free Preview
1.1
Introduction
01:15

2.Designing the Theme
9 lessons, 1:32:27

Free Preview
2.1
Document Setup
10:04

2.2
Secondary Button and Form Styling
11:26

2.3
Homepage: Header and Main Content Area
12:45

2.4
Homepage: The Portfolio Area
07:42

2.5
Homepage: The Footer Area
13:39

2.6
Portfolio Index
07:30

2.7
Portfolio Single
15:49

2.8
About
05:51

2.9
Contact
07:41

3.Building the Static Version
12 lessons, 2:35:29

3.1
HTML: Homepage
18:25

3.2
HTML: Portfolio Index
06:29

3.3
HTML: Portfolio Single Page
10:38

3.4
HTML: About Us and Contact Us
12:47

3.5
CSS: General Preparation (Part 1)
13:05

3.6
CSS: General Preparation (Part 2)
13:44

3.7
CSS: Homepage (Part 1)
11:05

3.8
CSS: Homepage (Part 2)
11:07

3.9
CSS: Homepage (Part 3)
14:31

3.10
CSS: Portfolio Index and Portfolio Single Page
16:17

3.11
CSS: About Us and Contact Us
15:15

3.12
Portfolio Sorting
12:06

4.Building the WordPress Theme
12 lessons, 1:57:59

4.1
WordPress Installation and File
09:20

4.2
Header
09:50

4.3
Footer
04:41

4.4
Custom Post Fields (Part 1)
11:45

4.5
Custom Post Fields (Part 2)
07:52

4.6
Adding Posts and Pages
05:45

4.7
Portfolio Page
15:26

4.8
Portfolio Page Sorting
06:19

4.9
Single Portfolio Page
16:43

4.10
Related Portfolio Items and Homepage
14:01

4.11
About, Contact and 404 Pages
06:14

4.12
Powering up the Contact Page
10:03

5.Conclusion
1 lesson, 00:52

5.1
Conclusion
00:52


Preview for PSD to WordPress: Minimal Portfolio Theme
Lessons:
35
Length:
6.1 hours
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
+ Expand Bio- Collapse Bio