PSD to WordPress: Minimal Portfolio Theme

Adi PurdilaJul 17, 2013Lessons: 35Length: 6.1 hours

HTML/CSS CSS

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

2.4 Homepage: The Portfolio Area

The portfolio area is the central point of interest in our page. Let’s see what it should look like.

Further Reading Dribbble shots by Ionut Zamfir:

1.Introduction
1 lesson, 01:15

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

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

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

3.2
HTML: Portfolio Index
06:29

3.3
HTML: Portfolio Single Page
10:39

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

4.Building the WordPress Theme
12 lessons, 1:58:01

4.1
WordPress Installation and File
09:20

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.8
Portfolio Page Sorting
06:19

4.9
Single Portfolio Page
16:43

4.10
Related Portfolio Items and Homepage
14:02

4.11
About, Contact and 404 Pages
06:14

4.12
Powering up the Contact Page
10:04

5.Conclusion
1 lesson, 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.

adipurdila

Next lesson playing in 5 seconds

2.4 Homepage: The Portfolio Area

1.Introduction1 lesson, 01:15

2.Designing the Theme9 lessons, 1:32:27

3.Building the Static Version12 lessons, 2:35:30

4.Building the WordPress Theme12 lessons, 1:58:01

5.Conclusion1 lesson, 00:52

1.Introduction
1 lesson, 01:15

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

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

4.Building the WordPress Theme
12 lessons, 1:58:01

5.Conclusion
1 lesson, 00:52