Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to convert an Adobe XD design into a fully functional, responsive WordPress website in this comprehensive 4-hour 45-minute tutorial. Follow along as the instructor guides you through the entire process, from reviewing the initial Adobe XD design to developing a complete WordPress theme. Master the art of translating designs for desktop, tablet, and mobile devices into a working website integrated with the WordPress CMS. Gain hands-on experience in HTML, CSS, and JavaScript while focusing on creating an engaging user interface and experience. Cover essential topics such as setting up WordPress, building the header and footer, creating responsive layouts, and implementing various sections like call-to-action, about, community, collections, and testimonials. By the end of this tutorial, you'll have the skills to transform Adobe XD designs into professional WordPress websites, enhancing your web development capabilities.
Syllabus
- Introduction
- Part 1: Adobe XD Design Review and Installation
- Part 2: Setting up WordPress and Theme
- Part 3: Header
- Part 4: Home - Call to Action
- Part 5: Home - Responsive Design
- Part 6: Home - About Section
- Part 7: Home - Join Our Community Section
- Part 8: Home - Our Collections Section
- Part 9: Home - My Island Section
- Part 10: Home - Testimonials Section
- Part 10: Footer
- Conclusion
Taught by
Adrian Twarog