WHAT'S NEW?
Loading...

WordPress Theme Development with Bootstrap

WordPress Theme Development with Bootstrap
WordPress Theme Development with Bootstrap

WordPress Theme Development with Bootstrap


 Section (1) - Introduction


  •  1. Welcome To The Course! You Made The Right Decision.
  •  2. The (Beautiful) Final WordPress Website You Are Going To Build In This Course.

 Section (2) - What You Need To Know About Bootstrap


  •  3. What is Bootstrap And Why Mastering It Will Save You Hundreds of Hours.

 Section (3) - What You Need To Know About WordPress

  •  4. What is WordPress And Why You Should Care So Much About It .
  •  5. Two Ways Building Custom WordPress Websites Will Make You More Money.
  •  6. My Fear Of Building Custom WordPress Websites Cost Me $24,000.
  •  7. Static vs. Dynamic Websites, Which Is Better (Hint One Is Way More Valuable). 

 Section (4) - Information Architecture

  •  8. Why You Must Always Start Your Website With a Sketch.
  •  9. Recommended Resources for Sketching & Wireframing Your Website.

 Section (5) - Environment Setup Get Your Project Started

  •  10. Free Download -The Bootstrap Framework.
  •  11. Free Download - The Final Course Files + WordPress Theme!.
  •  12. Setting Up Your Project Environment.

Section (6) - Bootstrap Templates The Home Page

  •  13. Code The Basic Webpage Layout.
  •  14. Adding External Scripts to Your HTML Document.
  •  15. Install Free Icon Fonts with FontAwesome.
  •  16. Install Free Web Fonts with TypeKit & Google Fonts.
  •  17. Code the Header and Navigation Sections.
  •  18. Code the Hero Section.
  •  19. Style the Hero Section with CSS.
  •  20. Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes.
  •  21. Learn to Code a High-Converting Opt-In Section.
  •  22. Learn How to Create a Modal Popup using Bootstrap.
  •  23. Code the Boost Your Income Section.
  •  24. Code the Who Should Take This Course Section.
  •  25. Code the Course Features Section Using CSS Sprites.
  •  26. Code the Final Project Section.
  •  27. Code the Featurette Section and Embed a YouTube Video.
  •  28. Code the Instructor Section (Plus BONUS Elvis Impressions!).
  •  29. Code Beautiful CSS3 Circles.
  •  30. The Simple Trick to Vertically Align Your Content Within an Element.
  •  31. Code the Testimonials and Learn to Turn Square Images into Circles using CSS3.
  •  32. Code the Sign Up Section.
  •  33. Code the Footer.
  •  34. Responsive Media Queries & General CSS Cleanup.

 Section (7) - Bootstrap Templates The Blog Overview

  •  35. Code the Basic Markup Structure.
  •  36. Code the Blog Excerpts with HTML.
  •  37. Style the Blog Excerpts with CSS.
  •  38. Code and Style the Sidebar & Widgets.

 Section (8) - Bootstrap Templates The Blog Posts

  •  39. Code the Blog Post.
  •  40. Code the Comments Section.

 Section (9) - Bootstrap Templates The Resources Page

  •  42. Code the 3-Column Layout Resources Page.
  •  41. The Importance of a Resources Page.

 Section (10) - Bootstrap Templates The Contact Page

  •  43. Code the Contact Form.

Section (11) - WordPress Theme Set Up


  •  44. Download the Latest Version of WordPress.
  •  45. Create Your Underscores Starter Theme.
  •  46. Install WordPress on Your Local Machine in Under 5-Minutes.
  •  47. Installing Your Underscores Theme.
  •  48. Convert Your Static Header to a Dynamic Header.
  •  49. Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images).
  •  50. Clean Up Your Stylesheet & Modify Your CSS for WordPress.
  •  51. Convert Your Static Footer to a Dynamic Footer.

 Section (12) - Convert Your Static Templates Home Page


  •  52. Create a Home Page WordPress Template.
  •  53. Code the Hero & Use Custom Fields for Extra Info.
  •  54. Amazing Plugin - Advanced Custom Fields.
  •  55. Code the Boost Your Income Section with Advanced Custom Fields.
  •  56. Code the Who Should Take This Course Section with Advanced Custom Fields.
  •  57. Amazing Plugin - Custom Post Types UI.
  •  58. Add Course Features Using CPT & Advanced Custom Fields.
  •  59. Add the Project Features with Custom Post Types UI.
  •  60. Code the Instructor Section with Advanced Custom Fields.
  •  61. Code the Testimonials with Custom Post Types.
  •  62 Clean Your Template Using get_template_part().

 Section (13) - Convert Your Static Templates Resources Page


  •  63. Create a Custom Resources Template.
  •  64. Add a Feature Image, and a Fallback Image.
  •  65. How to Add a Resource and Display It In Your Custom Theme.

 Section (14) - Convert Your Static Templates The Blog


  •  66. Easily Set Up Your Custom Blog Index Page.
  •  67. Code Your Individual Blog Excerpts.
  •  68. Code the Full Blog Post.
  •  69. Style and Customize the Comments Section.
  •  70. Customize the Archive Template.
  •  71. Customize the Search Results Template.

 Section (15) - Convert Your Static Templates Contact Page


  •  72. Create & Customize a Full Width Template.
  •  73. Install Contact Form 7 Plugin and Add Your Custom Form.

 Section (16) - Finalize Your WordPress Theme


  •  74. Adding & Customizing Your Sidebar Widgets.
  •  75. Register and Organize Your Custom WordPress Menus.
  •  76. Create a Useful & Engaging 404 Page.

 Section (17) - Launching Your WordPress Website


  •  77. First, You're Going To Need a Reliable & Affordable Web Host.
  •  78. Install WordPress Like a Pro.
  •  79. Install and Configure Your Custom WordPress Theme on a Live Server.

 Section (18) - The Final Details


  •  80. Track Your Visitors With Google Analytics.
  •  81. You've Created Your Own Custom WordPress Theme! Now What.

 Section (19) - Bonus Lectures Tips & Tricks


  •  82. Why You Should NEVER Remove CSS Outlines.