Free Preview: PSD to WordPress: Minimal Portfolio Theme

Document Setup

10:04

Document Setup

Let’s kick things off by defining a colour scheme and some initial styling for our theme.

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


About Adi Purdila
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