[ad_1]
I am new and learning web dev and rn I’m doing a course to learn from scratch. But I plan on learning WordPress and depending on situation I will pick and choose the best method. I found this UI design online and I wanna know if I have to make something like this fully from scratch or if I can use WordPress ? By using WordPress I know there is no theme like this at least not for free, so is is possible to maybe create a basic outline using WordPress/elementor drag and drop and then add my own custom html and css to achieve this?
[ad_2]
TBH, it looks as though it *WAS built* using WordPress. This is absolutely possible, 100%
Everything is possible to be built in WordPress. WordPress is just HTML + CSS. Anyone (sufficiently skilled) with a page builder/block builder/ACF can build this.
What’s up with the steady stream of “Can X be built in WordPress” posts lately?
WordPress is just content management system. Any html css and js can be added to the WP. You use PHP to get content from the database. What you are refering is page builders that are popular in WordPress (elementor, wp bakery, beaver builder, etc). It is possible to make this both with page builders and custom coding.
Of course
Yeah that looks like a slightly customized WordPress theme to be honest.
So you would need WP, some kind of page builder (use a block plugin, not Elementor), and then a theme. Then you just add custom stuff like the images, copy, and details like the arrows and dividers.
Someone offering to make this for them for $100 incoming in 5… 4… 3… 2…
looks pretty easy to me – you don’t need elementor to recreate this.
Yes.
There are definitely skilled developers who can take any figma render and create nearly pixel identical websites
Custom theme (read about making themes on the WordPress site).
Once you learn the architecture of WP, it’s simply a matter of building it in the usual kind of way. PHP is injected though, so there’s a bit of that to learn as well.
Easy, yes.
Yes. But.
You could easily add the content to a page no problem. But keep in mind that WP is weird with how it deals with certain things. For example, you’d have to do some funky stuff to get that top bar to work over the main nav. Trying to make clean responsive menus in WP is a pain so some rely on bloated plugins or just completely ignore wp_nav_menu and instead hardcode menu options.
That main hero section could easily be a gutenslider block (plugin), but you’d have to style the angled colored bars, for example.
Yes, looks very much possible and easy.
Also, anything is possible in wordpress, it is just a popular cms. You can do anything you want as long as you know how to code.
But doing this layout requires only a basic knowledge of coding, it can be done using elementor/bakery easily.
It can be done with WordPress.
There’s nothing very unusual or challenging going on in that mockup.
With WP there are a lot of ways to skin a cat but the best way here would probably be to create a block theme. You need plugins for the slider and the contact form, the rest can be done point-and-click in the block editor. A small amount of custom CSS will probably be required.
So the skills needed are:
* How to create block themes
* Some CSS/HTML knowledge
* You probably need good recommendations on the plugins to use since there are a lot of crappy or freemium ones out there
Now the interesting thing is, especially on the cheap end most WP devs won’t actually know how to do this. They will use Elementor or another page builder because those are 100% point and click and there’s basically no technical knowledge required. There are also a lot of WP devs who are just set in their ways and will do this with an old school PHP custom theme and write way more code than they have to.
And the low end of the market for this service has been drifting toward a point where they think that this task being “straightforward” means “it must only require 15 minutes of a human being’s time and then AI will just build it right?”
But yeah, that’s how I’d do it and would enjoy the 95+ Lighthouse scores
Shortest answer I have given…
Yes it is…
You can easily recreate this with Elementor. Or any page builder… it’s a pretty standard design.
Yes Avada will do this for you, no problems.