Create a Complete WordPress Website Using Elementor Kits and Theme Builder

Подписаться 342 тыс.

Просмотров 265 тыс.

50% 1

2022 Update: You can now install kits from the WordPress Dashboard ▶ Templates ▶ Kit Library. Watch this tutorial to learn more: • How to Use the Element...
Creating a complete WordPress website might seem daunting at times. But no worries - we are here to help!
In this tutorial, you’ll learn how to build and design a full website using Elementor’s powerful Theme Builder & the digital agency kit.
You will learn how to:
00:00 - ✔︎ Create a Complete WordPress Website Using Elementor Kits and Theme Builder
00:55 - ✔︎ Install a WordPress theme
01:35 - ✔︎ Create new website pages
04:02 - ✔︎ Adding a header
04:36 - ✔︎ Adding a menu
05:50 - ✔︎ Adding a footer
06:25 - ✔︎ Editing an archive/category page
07:38 - ✔︎ Creating a new post
09:02 - ✔︎ Designing a single-post template
10:49 - ✔︎ Adding pages to the menu
11:16 - ✔︎ Creating a 404 page
For more Elementor kits check out this link: library.elementor.com/
Don’t forget to subscribe to our channel!
Learn more: elementor.com/blog/create-web...
Get Elementor Pro: elementor.com/pro/

Опубликовано:

14 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 168

@Elementor Год назад

2022 Update: You can now install kits from the WordPress Dashboard > Templates > Kit Library.

@TheThrillerZone 4 года назад

You have made this entire process so very easy. Thank you for the uncluttered simplicity and for not wasting an ounce of time. Bravo!

@WizardOfCheese 4 года назад

This is by far one of your most valuable videos you've made, good job!

@modo203 4 года назад

I couldn't agree more. This tutorial is marvelous. Literally a VANILLA installation using Elementor.

@ericmgoddard9802 2 года назад

For someone like me, that is still getting to grips with WordPress, Elementor and themes, templates etc. This really is a great informative straight to point video. Cheers Ziv!

@dewychoo_ 3 года назад

I swear, this is the most helpful and clear tutorial I've seen all day. THANK UUU

@alexbuelvas 4 года назад

WOW! WOW! WOW! What a great video - fast, but not to fast - straight to the point and very effective. I can't tell you how helpful this was. You've confirmed what I knew Elementor to be - Great!

@youssefbauer1776 3 года назад

I love zif, he's my favorite Elementor member. Soothing voice and great instructor.

@Elementor 3 года назад

I agree Youssef! He is also a really nice person to work with 😀

@manpreet4761 5 месяцев назад

hi elementor team ! the video just a wow🤩 plz let him be the main instructor the way he talk ,point to point clear with all kind of instructions that no doubt left! so many doubts cleared in just this single 12minutes video, iam searching this kind of video from a month.god bless him thanks alot who is teaching in video.🙏kindly share who is instructor

@weversona5758 3 года назад

This tutorial is perfect, you can understand almost everything and it is because my native language is not English, not to mention that I tested it and it really worked here in my testo, anyway, I thank you for the video and I confess that buying Elementor pro was one of the best investments!

@SimonFalkentorp 4 года назад

This tutorial is my very start with Elementor.

@expertisequalificacao 4 года назад

I think Elementor is the best editor for Wordpress in the market right now. Love its simplicity and usability. Congrats on such great tutorial!

@01wp49 4 года назад

This tutorial is my very start with Elementor. Thank you so much!

@motivasisatusatu 3 года назад

Love love love with this tutorial. Finally I can finish my first wordpress page using elementor. Thank you so much for sharing

@Max-pj9km 3 года назад

Hands down a great video that, in 12 minutes and 15 seconds takes you from no site to a full beautiful site while learning by doing Elementor.

@Elementor 3 года назад

Thanks Max! I'm glad you found the video helpful 😀

@barbaraengle3886 4 года назад

This was a fantastic tutorial. I built my website side by side. Thank you so much!

@advues 4 года назад

Yes, this is an excellent tutorial did the same.

@eonwebs6495 4 года назад

Great!!! Absolutely agree... after this video... website development is very easy process

@mdabdullatifsagor2260 3 года назад

Thanks for making beautiful tutorial.

@shinoblbaka 4 года назад

I enjoyed this video. Very good intro to getting started with this plugin. Keep it up.

@gravitywrx57 2 года назад

Wow! You saved me so much stress! Thank for the incredible tutorial.

@manuelparedesf 4 года назад

The best tutorial ever, you made it look so easy, thank you.

@estermoreno3463 3 года назад

Manuel necesito un típ de como borrar una página de WordPress ¿Me puedes ayudar?

@manuelparedesf 3 года назад

@@estermoreno3463 Claro, escribeme a arqmanuelparedes@gmail.com

@eligonzalez2011 4 года назад

I wish I'd seen this earlier! I've been building pages from scratch

@Seyfettin.a 4 года назад

Thanks god bless you, your all teams also your founder 😊

@christianlecuyer6380 4 года назад

Great tutorial for reference :)

@davidrosemond9012 4 года назад

That was a great tutorial video!

@HullioGQ 4 года назад

This is so cool. I hadn't seen this video but I'm actually using this theme for my new website!

@sereneaudio2941 3 года назад

Hey mate, N00B question... Any idea how I can : 1.Change the colour (blue gradient etc.) of the template?? 2. Change the height of the hero section background (the blue blob)?? Cheers,

@HullioGQ 3 года назад

@@sereneaudio2941 I am still using version 2.x on my sites so you will need to click to edit the "section" and go to 'Style' tab and choose 'Background' 2. To change the height, use the 'Advanced' tab and change the margins or padding to suit. The blob is an image. You may need to recreate it in Photoshop or Affinity Photo.

@cesarchris710 3 года назад

Muchas gracias, esto es lo que andaba buscando muy bien explicado

@jorichardson2950 Год назад

That was so helpful. Thank you for your explanation. You cleared up all my queries. I wish i watched this this morning!!!!

@kawtheryahia7844 3 года назад

Bravoooo, very clear, u helped me to built my site :) Many thanks

@charlesjoyner7662 2 года назад

Well done! This is perfect.

@Scifo81 2 года назад

Great! Quick and some awesome tips. Goooood job

@patrickkarlsenhristov2009 3 года назад

Very very good job on this video! It is great!

@user-ti7sj4bj7t 4 года назад

It looks so easy. Well, I'd have to try this skills.

@AntGeezer 4 года назад

Outstanding run through. If you are in two minds about paying a few dollars for Pro, this should settle it for you. 👍

@Rickycharles812 4 года назад

Awesome Super Useful Videos And Software

@javedbinyousaf 3 года назад

one of best of time video about Template Kit

@sofasofiana46 4 года назад

The best tutorial ever

@driesanalog4187 4 года назад

this is great!

@marcelosantos-rw6mf 4 года назад

Amazing !!!!

@michaelwhite1322 4 года назад

Thank you! This is an excellent tutorial.

@skhanyiso6026 3 года назад

That is so informative 😀 thumbs up

@aoncars 4 года назад

Awesome!

@Eastie_ 3 года назад

Thanks - It would be great to see a follow up top this. Perhaps with how we can globally edit colours across a whole site after installation. (Not sure if it's possible, but would be great if it was.)

@astucesmultiples 4 года назад

very good!

@Phoenix_Arise_J 3 года назад

So far no other company has the potential to compete with Elementor. All these attacks against the speed and the unused CSS files against Elementor will be become part of the past. Time has proven that Elementor is the best for non-techies. Great tutorial very, simply explained and neat!

@learnandentertain2453 3 года назад

great work .thank you sir

@user-em3yi6zr7b 4 года назад

Super!

@canhochannel9468 3 года назад

Thanks you so much

@gypsysoulgypsy 3 года назад

Theme builder is the best theme ever.

@samratbanerjee5999 3 года назад

Excellent

@shakirhossain3015 4 года назад

good job.

@SheikhSohel Год назад

Really very very helpful tutorial. Thank you.

@Elementor Год назад

Happy to hear that Sheikh! Note that you can now install kits from the WordPress Dashboard > Templates > Kit Library.

@SheikhSohel Год назад

@@Elementor I am already doing it after watching your video.

@MrReestube Год назад

i love this

@pellekarlsson152 4 года назад

Awesome job Elementor Team:) can you include code for sticky transparent header and with shrink logo?

@sdkraj2104 3 года назад

Awesome

@kylekageyama 3 года назад

This is amazing, clear and easy to follow. I did everything and it shows up wonderfully, except for the 404 page...it's not being displayed.

@bySterling 4 года назад

So awesome! And cool 404 page, curious how the animated drops were built? 🙌🏻💥💪🏻⚡️👏🏻

@KirkBiglione 4 года назад

Probably with Motion Effects. Another great hidden feature in Elementor.

@TheRemikarlos 4 года назад

I may have missed it, but this works with the pro version of elementor eg pro templates etc....

@vlad9487 4 года назад

Thank you for this tutorial! But I've stucked with one thing. Maybe you can clarify it to me: I have two custom post types - "Books" and "Authors" with some posts in each. I'm trying to configure one common single post template for any posts in this two CPTs and add a button called "All" with dynamic url bellow the post text. This button should link to Books archive page or Authors archive page depending on which post you are on. What dynamic value should I use and does Elementor work with dynamic CPTs values?

@ManuelaMoraes 4 года назад

Thank you so for such an amazing video!! Is it possible to change the theme to a website that's already working and has content? Will I lose that content if I make the theme change?

@maxemrich1943 2 года назад

niCE!

@user-nm1lf6wj3z 3 года назад

Why the heck wasn't this the first vid in the Elementor tutorial? This would have saved me a TON of time. 😡😡😡😡😡😡😡

@user-jn5cu3yb7z 2 года назад

Good

@ahmadpourjavadi4223 4 года назад

Hi there! i seem to experience difficulties! I built until the footer! I also finished the footer but as I follow you, and after the footer when I type in the home page to see if progress is made and I followed each step , but I can't see the site is it seen on the video (at 6:33 minutes) ! Can you explain where I am missing . Thanks

@timslater3493 4 года назад

Good walk through until I came to the Archive bit and found there was no Hello World widget and no widget menu on the dashboard. When the template was saved it didn't appear on the posts. Widget menu is available with other themes?

@AmaanABGamer 4 года назад

Cool

@webempowered7 4 года назад

why don't you make the plugin to install the theme automatically?

@jelleberkhout6557 3 года назад

Hello there, Thank you for making this video. However I do have a question. Am I able to change the color and pictures and the 'blue bubbles' of this template?

@Faithistheanswer 3 года назад

Awesome video. I was using Sinatra theme but I can’t seem to change or add a pic so, if I change the theme will it lose what Ive put in ?

@shfsp 4 года назад

Important question: what happens if I try to make a webshop with woocommerce when using the elementor theme builder??

@Elementor 4 года назад

Do it! :)

@barelyfriendly6124 4 года назад

i love elementor

@alpayzcc Год назад

Ikr!

@pellekarlsson152 4 года назад

Great video! how I disable menu in hello theme ? I want to choose header template in elementor

@johnzhao1152 4 года назад

Today why not update the master class, i want to see the woocommerce video with elementor. But also thanks for your great video

@andreea-evelinaanghel5584 3 года назад

Hello, i have a problem- at minute 2 i can not found my homepage and i don't understand why?

@martinjelfs 4 года назад

Only works if you have got the Pro version. It would be helpful if they said that as I have spent the last 20 minutes following to get to a dead end.

@rezasabourinejad9365 4 года назад

do you want every thing in free? cmon!

@martinjelfs 4 года назад

@@rezasabourinejad9365 No; just the information about which version this video refers to.

@josbogers8609 4 года назад

Thank you for this Video. I wonder if clicking the link in 404page to the home page really work .I can't check this ..? because I didn't make a mistake. Is there a way I can check it.

@diegobriceno2804 3 года назад

Nice video... Can Anyone tell me if this only works with Elementor Pro??

@tahidislam195 2 года назад

👍

@Gangster91able 4 года назад

Hi, for create a header and footer, is required Elementor Pro?

@marcoslopes5096 4 года назад

Is that possible to add share buttons beside the post? And atach them ?

@charlesxkelly7909 3 года назад

There isn't a option 'Your homepage displays' under the Reading Section? Has it been moved?

@Arloxklayer 23 дня назад

Hello Elementor, is possible to create a theme for news website? Example, homepage dedicated to the latest articles, then the other pages dedicated to the categories of articles, news, insights, interviews etc...?

@marcoslopes5096 4 года назад

Hello, at minute 8:52 you create the simgle post. When you create the single post, the post coment disappears. I know it is possible to add it via the widgets on the side. But when I add the comment post, I can't edit it.

@get8bit 4 года назад

How do you set the heading/list styles and space between elements in the Post Content section? Do we still have to do that with CSS?

@zivgeurts 4 года назад

With the theme builder you can create custom designs for these dynamic pages with Elementor's editor like any other page. You can drag in spacers and regular heading widgets etc.. then just style them to your liking.

@get8bit 4 года назад

@@zivgeurts The single post template lets me edit the hero, related posts, etc, but doesn't let me style the main post content section. :(

@sufyanansari1001 4 года назад

Hello, there is an envelope icon on the left-hand side. How we can link this icon to any form or email? Or how we can invisible this icon? when I am trying with .elementor-button { display: none;} all the buttons disappears. Any other way, please?

@sereneaudio2941 3 года назад

Hey mate, N00B question... Any idea how I can : 1.Change the colour (blue gradient etc.) of the template?? 2. Change the height of the hero section background (the blue blob)?? Cheers,

@orbservicetech-internetmar6660 3 года назад

Hi, i have followed this tutorial. However, i want to change the logo. Is there any other way?

@ALLISWELL-wb1sl 4 года назад

why the audio file is not playing in the popups? is it a bug? please provide the solution

@harbourdogNL 4 года назад

How do I change the colour of the menu items from white to black?

@aviem99 4 года назад

Can we change the colour of the background?

@231wildy 3 года назад

Good concise presentation, but need to slow down your pace. It can be difficult to keep up

@imtanuki4106 4 года назад

Maybe I missed sth, but I don't see any functionality for setting site wide typography.

@iwbowden 4 года назад

Unfortunately, this is one of the last required functions that is omitted from Elementor and the Hello theme. There's a belief that such functionality will be added to a future version. In the meantime, you can use the Style Kits for Elementor plugin from Analog WP - analogwp.com/ to get universal typography.

@pctech2967 4 года назад

header kit agency is bug, fixed¿ thanks---

@professionalhfvacuumwooddr2261 2 года назад

What is the shortcut key to bring up elementor when on the page?

@Elementor 2 года назад

HI Professional, perhaps you are referring to the Finder? That's Command or Control + E. See our full list of hotkeys, here: elementor.com/help/hotkeys

@hragpalandjian3970 8 месяцев назад

Hey. When i go to the theme builder for header and footer. It says (Error: Action data is missing or empty. Action: app_site_editor_template_types) can anybody help me????

@Elementor 8 месяцев назад

Hi @hragpalandjian3970, this issue came up for some people with the 3.17 release. Our devs fixed it, and released a patch in 3.17.1. If you update your Elementor plugins, this issue should now be fixed.

@aadarshgupta1281 4 года назад

the pages you added inot it ..that was all pro..so should we have to buy it or what?

@SaveManWoman 3 года назад

Yes, I worked on something for three days only to find out that logo can be put with Pro version!! i hate these folks who do this switch and bait tactics. I am on a mission to show Elementor nonsense and this Author! enough is enough!!!

@stevemcguffey148 3 года назад

I don't have the Digital Agency Home Page on my version! Now what?

@AYIII1000 4 года назад

Which website are you using to host the website?

@Elementor 4 года назад

You mean hosting? Check out this page: elementor.com/wordpress-hosting/

@SaveManWoman 3 года назад

I have installed the theme yet its showing pages as go pro, what am i missing?

@SaveManWoman 3 года назад

You have to go pro with this theme, come on now!!! Shame on Elementor folks for switch and bait.

@GretaGargoyle 3 года назад

Very useful and i'v been looking for this exact info for a while, but ... could you and EVERY other expert PLEASE slow down a bit! Rushing through these tips makes my brain ache!