패럴렉스(Parallax) 워드프레스 웹사이트만들기
워드프레스 홈페이지제작 무료 강좌
초보자를 위한 페럴렉스 워드프레스 웹디자인 2시간 강좌
페럴렉스, 즉 차원형 또는 시차 디자인이라고 하는데 바로 스크롤링에 따라 컨텐츠가 진행되며 시각적으로 다차원의 효과를 내는 사이트를 말합니다.
Learn how to create a website in WordPress – step by step in under 2 hours! Perfect for complete beginners or future web developers.
No skills/special software required!
In this free parallax website tutorial, I show you step by step how to make an amazing parallax wordpress website. It uses a Drag n Drop builder allowing anyone to build and complete their websites in a few hours!
Contents
Introduction 0:00
Overview 5:56
Domain & Hosting 7:53
Use Hostgator Discount Code: HOGANCHUA for up to 60% OFF & $5.99 Domain! Link: http://hoganchua.com/get/hosting
Install WordPress 11:28 (having trouble navigating? https://youtu.be/5JWgv0nTOEg?t=14m31s)
Configure Basic Settings 13:52
Install Theme 16:27
Add Pages & Custom Menu Links 19:00
Set Static Home Page 23:09
Configure Themify Settings 24:13
(Layouts/Header/Footer/Easy Google Fonts)
Add Social Links 27:57
Logo/Header/Main Nav/Footer Styling 30:22
10 Tips Everyone Needs to Know 33:22
Build Homepage
Row #1 – Hero Image 43:43
Row #2 – Quote 1:01:20
Row# 3 – About 1:04:00
Row# 4 – Services 1:08:40
Row #5 – Gallery 1:12:48
Row #6 – Video 1:16:10
Row #7 – Blog (Add Blog Posts/Widgets & Styling) 1:19:00
Row # 8 – Contact 1:30:25
Row #9 – Map 1:34:10
Important
Set Sticker Header Styling 1:37:00
Set in Row Anchors (Important) 1:37:44
Make Website “SUPER” Mobile Responsive 1:39:38
Add Additional Pages & Built in Layouts 1:42:41
데모사이트: http://parallaxdemo.com