bestcourses is supported by learners. When you buy through links on our website, we may earn an affiliate commission. Learn more

Modern Wordpress Websites 2022 | Elementor & Adobe Photoshop

Learn how to make breathtaking, responsive wordpress websites using Elementor and Photoshop with 2 real world projects.

4.05 / 5.0
7053 students10 hours 8 minutes

Created by Pratyush Agarwal, offered on Udemy

bestcourses score™

Student feedback


To make sure that we score courses properly, we pay a lot of attention to the reviews students leave on courses and how many students are taking a course in the first place. This course has a total of 7053 students which left 99 reviews at an average rating of 4.05, which is average.

Course length


We analyze course length to see if courses cover all important aspects of a topic, taking into account how long the course is compared to the category average. This course has a length of 10 hours 8 minutes, which is pretty short. This might not be a bad thing, but we've found that longer courses are often more detailed & comprehensive. The average course length for this entire category is 4 hours 56 minutes.

Overall score


This course currently has a bestcourses score of 6.2/10, which makes it an average course. Overall, there are probably better courses available for this topic on our platform.


Have you ever seen websites that look so aesthetically pleasing that it almost makes you go speechless?

Wouldn't you feel excited knowing that even you can make such websites ?

Well if the answer is yes , this is the right course for you. By combining a powerful design tool like Adobe Photoshop with the most popular Wordpress Page Builder Elementor (FREE) ,you can take you web-designs to a whole new level and make your websites leave a powerful first impression on its visitors.

So why is this course so unique ?

Reason #1: There course teaches you how to make breathtaking websites:-

This is probably the only course that will show you how to combine design tools like photoshop with elementor to make your websites look a whole lot better ,so truly its one of a kind.

Reason #2: The course teaches you how to deal with responsive and adaptive design?

Nowadays creating websites for desktop alone is not  sufficient , with more and more people using mobile, it is necessary that you learn how to make your websites not only responsive such that they shrink in size according to screen but also adaptive meaning the UI should change to look better in mobiles not just shrink in size.

Reason #3: The course is completely project based:-

I am a strong believer of learning through application thus everthing in this course will be taught through projects .In fact by the end of the course, you will have 2 breathtaking ,responsive  ready-to-launch websites that looks great on any computer, or smartphone.

Reason #4: The course is based on the Pareto Principle(80/20 rule):-

More often than not I see instructors overburdening people with information ,which they most likely wont require and this unnecessary efforts stalls their progress .So I follow the 80/20 rule and give you the exact information that you need in the minimum amount of time in as much depth as required.

Reason #5: The course teaches everything from the very fundamentals (Feynman Technique):-

I am a staunch believer of learning by first principle ,that is understanding the fundamentals and then building upon that to further your knowledge and thus everything in this course will be taught from the very basics.

So here is exactly what we cover in this training:

• Learn how to create wordpress websites locally .

• Learn necessary Photoshop Skills that will come in handy while making websites.

• Learn how to create a basic layout of your website in elementor

• Learn how to create navigation bars using css Id.

• Learn how to dimension your sections and images.

• Learn how to create absolutely stunning backgrounds and graphics in photoshop.

• Learn how to adapt your design and properties to make your website mobile friendly

• Learn how to use third party plugins to make elementor free work as good as pro

Let's now find out if this course is for you. It's a perfect fit if...

Student #1: You are a complete beginner who want to learn how to structure and build a professional, beautiful and responsive wordpress website with absolutely no coding from scratch.

Student #2: You have already used Wordpress and probably even Elementor but want to take your websites to next level by combining it with photoshop.

Student #3: You have tried your hand at coding but struggle to make a good looking complete website with CSS alone.

So no matter at what level you are if you want to make a website that grabs attention and look great on all devices ,you will find this course worthwhile.

Now it's your turn to decide. This is what you get:

• Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• English captions for students with hearing impairment.

• All lectures are downloadable to make your learning experience even better.

• Downloadable design assets for the entire project.

• Free helpful support in the course Q&A when you have questions or get stuck.

Sounds great? Then just click the “Take this course" button, and let's start this amazing journey together!

What you will learn

  • Building aesthetic and responsive real world websites using Elementor and Photshop
  • Locally Hosting Wordpress websites using Local by Flywheel
  • Complete understanding and usage of the wordpress interface.
  • Basic Understanding of Photshop Interface
  • Pen Tool mastery allowing you to trace any shape in photoshop.
  • Brush Tool and its properties to use strokes effectively in photshop
  • Concepts like Layer Mask , Clipping Mask ,Layer Linking and Grouping and many more
  • Popular Elementor Addon Plugins to access all widgets you need for a website
  • Website Structuring using Labelled Sections before adding contents.
  • Responsive navigation bar creation using CSS IDs
  • Effective use of padding and margin.
  • Dimensioning website images.
  • Adjusting UI among other things to make website mobile friendly


  • No previous knowledge required,everything will be taught from scratch.
  • Adobe Photoshop should be already installed. (optional - if you directly want to use the final edited images you can skip Section-2 and all the graphic creation lectures and simply use the finished graphics)
  • A laptop and a decent internet connection is required.
  • All other software used will be absolutely free.
Udemy logo
Available on


With almost 200,000 courses and close to 50 million students, Udemy is one of the most visited online learning platforms. Popular topics include software development, the digital economy, but also more traditional topics like cooking and music.

Frequently asked questions

  • Price: $19.99
  • Platform: Udemy
  • Language: English
  • 10 hours 8 minutes
Modern Wordpress Websites 2022 | Elementor & Adobe Photoshop thumbnail

bestcourses score: 6.2/10

There might be better courses available for this topic.