Ihr habt es euch gewünscht, nun ist es so weit! In diesem Tutorial zeige ich euch, wie ihr ein responsive Webdesign erstellen könnt, so passt sich eure Webseite ganz bequem dem Endgerät des Besuchers an.
Hier kannst du dir eine Demo anschauen:
Du willst das Script downloaden?
Pixel to EM Converter:
Entdecke den neuen Technik Kanal auf YouTube:
Dir hat das Video gefallen? Dann gebe dem Video doch einen Daumen nach oben und teile es mit deinen Freunden! Vielen Dank.
WORDPRESS FOR BEGINNERS
Our how to make a WordPress website for beginners 2018 course covers all the steps needed to create your own WordPress website from start to finish. This includes the steps for determining a good WordPress web host, purchasing WordPress web hosting, installing WordPress for free, installing themes and plug-ins for your WordPress for free, and then step-by-step walking you through everything you’ll need to know to create your website from start to finish.
DISCOUNT HOSTING OFFERS
Coupon #1 : host1cent2018 (1st Month is only 1 cent)
Coupon #2 : save25percent2018 (Save 25% on all hosting)
COMPLETE STEP BY STEP TO BUILD THE SAMPLE SITE
What’s nice is that you will be able to build our fully responsive sample site, WebDesignTrainingSchool.com, in a little less than two hours of web development time. Then you are ready to start building your own WordPress website where the only thing you’ll have to invest is your time and the hosting is going to run anywhere from maybe $5-$10 per a month. Call this WordPress for Dummies if you like, but when you see the results you can create yourself, you will see who the real dummies are. 🙂
While building our sample site WebDesignTrainingSchool.com, we’ll learn how to build a logo online so you won’t have to buy any software, we’ll learn how to create a menu bar, and we’ll learn how to do pull downs in a menu bar. Then we’ll learn how to make a meta slider of images, in this case it’s some images that are glowing in and out. We’ll also learn how to make call-to-action areas, we’ll learn how to make a photo gallery, we’ll then learn how to add social media to the bottom of every page. Next we’ll build all the interior pages starting with an about us. We’ll learn how to add links to a page as well as graphics and then we’ll build a courses page which will have the courses with drill downs and then inside of each of the courses page will learn how to add YouTube videos to the page. Then we’ll build a testimonials page where we’ll learn how to do fancy little boxes around each of the testimonials. On the donations page we’ll learn how to make a donation button, add more graphics, and more links. Finally on the contact us page we’ll learn how to build a fully functional Contact Us page including a message area that will send an email to you or anybody you choose. Also it’ll have a functional google map that will allow us to zoom in zoom out and left and right. You’ll then be able to use any combination of these new skills in your current and future projects.
ABOUT THE AUTHOR
About me (Yoda) – (First Certified Webmaster)
WebYoda – (Owner)
WOW Academy – (Online Training Creator)
Web Design Training School – – (YouTube Instructor)
WE LOVE QUESTIONS & COMMENTS
Questions? Comments? Please leave them below, we would love to here from you.
Get biggest discount on hostgator:
Learn how to create a website step by step with no step skipped. Why make your website just ok, when you can have an extraordinary WordPress website? This is the best I have ever done and I will show you how in under 3 hours.
Overview & Costs 00:04:18
Get Domain Name & Hosting
Get Hosting & Domain Name 00:06:13
Get 35% Discount enter THIRTYFIVE 00:09:15
Install WordPress 00:10:41
Create Your Website
Login To WordPress 00:14:52
Change Password 00:15:47
Update WordPress 00:16:57
Uninstall Unnecessary Plugins 00:17:29
Get TESSERACT Theme 00:18:57
Install TESSERACT Theme 00:20:31
Header Navigation Colors 00:21:58
Navigation Link Colors 00:22:53
Site Title & Tagline 00:23:45
Remove Sample Page 00:24:29
Add All Pages 00:24:50
Add Menu 00:26:14
Build Home Page
Setup Home Page 00:27:55
Remove Sidebar 00:29:44
Add Plugins 00:30:52
Edit Home Page 00:35:16
Remove Title 00:38:14
Download Images 00:40:17
UnZip Images 00:42:12
Build Your Home Page 00:42:47
Add Logo 01:27:48
Create Credits Page 01:30:20
Add Footer Menu 01:31:57
Create About Page 01:33:31
Create Our Work Page 1:48:39
Build Services Page 01:57:13
Create Contact Page 02:09:17
Top Navigation Buttons 02:15:08
Social Media Icons 02:21:22
Make Headline Responsive 02:25:01
Background Position 02:26:22
Updating Your Theme 02:28:17
How To Make Great Looking Websites 02:29:28
In this video I’m gunna show you how to make a website step by step with no step skipped! Also I am going to give you some business tips at the end that can really increase your business. This is all done with wordpress.
Get my blueprint cheat sheet here In this video I’ll cover the main assets to a web page including page navigation, banners, sidebar design, footer, and body page specs. I’ll include things like word count, keyword saturation, video placement, and outbound links as well as links to other videos on similar topics. Don’t forget to share this video with your friends who are struggling with website design!
For every subscriber, YouTube pays me a piece of chicken and a can of beans so PLEASE Subscribe to my channel:
Now a, a big problem that I see with business owners and like clients that hire me and, and other WordPress web designers is for every page, they’re designing like, a new page. You know, it’s like well, we need to add a new page to our website. It’s like, oh great, I gotta design a whole nother page.
Now it doesn’t work that way, you need to be creating templates and a lot of website, website themes today support a template based system. So what we do is we create a series of templates that you can now export to the rest of your pages. But it’s still important that those templates.
************************2. Top level Navigation************************
First of all, and of course, you know, like you’re, you’re always, this could be your social media links up here. This could be like your phone number, or an email button.
You know, having those, always able to contact me, buttons, I think is a good idea. Up here you’ve got your navigation tabs. Now, when I first started in this, it was kind of like the thinking that you should have seven navigation tabs. I don’t agree with that anymore.
I think that you need to have like four or five, tops, and they need to be very simple. Every single one of them should be directed at converting a viewer to sale. So you don’t need one of these navigation tabs to say home. Right? Cuz typically your logo will lead you home.
You, you need it to say something like, About Us. What we offer. How to work with us. And our blog. Something like that.
WordPress web design tutorial
Designing a top level web page template
************************3. Sidebar and Footer************************
I believe in side bars. Some people are doing like this whole page design, that’s okay. That’s fine. If that’s the, the intent of your site. I like side bars because it enable me to, to engage with the viewer in different ways.
Use related pages for your web design- It might be helpful to have YouTube. You know, YouTube marketing. Landing page videos. Video production. Video bumpers. You know? Maybe even a tag that says, what are you looking for? And then underneath that I have a little circle there. Which I typically use to represent a testimonial. So maybe you’ve got.
A WordPress testimonial widget right in there, where it’s, every time it’s refreshed, a new testimonial pops up, right. So you’re engaging with the viewer that way. You might even have like social media links on, experimenting with an Instagram box. We’ll see how that turns out. Let’s go to your, I’ll come up to the main page last, go to your footer.
Your footer here is a huge resource. I like to have a three or four box footer that maybe has, like, you know, a summary about us, maybe our social links and then, maybe, like, a schedule, like schedule with me, or a work with me, right. And this could be an image.
Maybe it looks like a contact box, but it’s an image, and when you click it. It will go back to that work with us page, see. And then maybe in here you’ve got something you like your blog roll. Right? So your, your latest and greatest blogs. Or maybe it’s like your most popular blogs which you know, you can, you can work that out with some plug ins.
************************4: Main Page************************
In your main page or top level design page, your main body, let’s go back to that. Okay, we said about 400 words. But look at how I have it structured. I have an image up at the top and then I have some text right next to it. Now underneath that I have more text.
Underneath that I have some bullet points. So basically what you have here is you’ve got, you know, everything you really need to convert that viewer. Right up here, right up there. And then you’re gonna say something like let’s dig into that a little bit more because you don’t want them necessarily moving off of your page, right?