2014
Lynda.com
Morten Rand-Hendriksen
1h 53m
English
One-page sites with JavaScript-based scrolling navigation are popular, especially for creative portfolios and company websites. However, in WordPress, single-page sites also have severe restrictions and can be hard to manage. This course shows you how you can create a dynamic one-page front page for your WordPress site that pulls content from different areas and displays it in a visually stunning way. This method allows the front page to update automatically as site content changes, without you having to constantly manage it. Staff author Morten Rand-Hendriksen will take you step by step through this solution: creating a new template and content pages, calling content to the front page with custom loops, and adding JavaScript to enable sticky menus and scrolling.
Topics include:
Creating a foundation for the front page with a child theme, styles, and dummy content
Using custom queries to display content from different pages
Adding testimonials
Adding a custom menu
Creating a scrolling effect
Introduction 7m 0s
Welcome 1m 15s
What to know before you start this course 3m 38s
How this course works 2m 7s
1. The One-Page Style Site 3m 25s
Rationale and preview of the final project 3m 25s
2. Creating a Foundation for the Front Page 27m 53s
Creating a child theme 5m 17s
Creating a custom front page template file 5m 31s
Adding dummy content to the front-page.php file 5m 7s
Enqueuing a new style sheet for the front page 5m 3s
Setting up styles for the front page 6m 55s
3. Adding Components from Different Pages 28m 19s
Creating the necessary pages 4m 24s
Using custom queries to display content from different pages 8m 21s
Using a custom loop to retrieve Services page children 6m 41s
Styling new content with CSS 8m 53s
4. Adding Testimonials 27m 48s
Adding a custom image size for testimonials 2m 7s
Creating testimonials 4m 4s
Creating a custom testimonials loop 5m 18s
Styling the Testimonials section 5m 5s
Excluding testimonials from index pages 7m 33s
Enabling the More tag on single pages 3m 41s
5. Creating the Scrolling Effect 16m 58s
Adding a custom menu to the front page
4m 39s
Creating menu items for page scrolling 2m 37s
Sticking the menu to the top of the page 6m 37s
Adding Smooth Scroll for the scrolling effect 3m 5s
Conclusion 1m 38s
Exploring WordPress theme development with lynda.com
www.lynda.com/WordPress-tutorials/WordPress-Building-One-Page-Style-Site/169876-2.html
Download File Size:261.85 MB