Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Adobe XD to Wordpress

Adrian Twarog via YouTube

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

Reviews

Start your review of Adobe XD to Wordpress

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.