What do you think? How much time does one need to build WordPress website with 3 subpages?
One day? Two Days? More?
I dare say you will need around 35 minutes, provided that you have already prepared all the necessary imagery and website copy.
Just in case you are not that good with graphics or copywriting, you can outsource these tasks and never worry about it again.
You can outsource tasks to:
Each platform has its flaws, but still, you can try them out.
Just in case you are a big fan of the drag-and-drop page builders, then it should be interesting to you to learn more about Elementor page builder, which is included into the biggest part of WordPress themes from the inventory. We have reached the CMO of Elementor for an interview. Check out what he has shared with us in the blog post.
Skip intro to watch the screencast here.
Stage #1: Pulling Myself Together
I’ve been preparing all the graphics on my own, but I didn’t bother writing texts, only for the About page, I wrote just a few lines.
It’s the first thing that came up my mind, so don’t judge me strictly.
For the remaining text blocks, I used hipsum.co to generate several lines of bullshit text.
The longest preparation step was the logo, now I understand why it costs so much. Sometimes it’s much better to get a logo template than spend numerous hours creating something that will make people sick.
For my logo, I used the same font as I'll use for the headlines - Rubik.
Here's a final revision of my logo.
You may say that it looks like crap, especially the font, and probably you will be right, but you know what?
Stage #2: Preparation
Before I started recording the screencast, I made a plan of what I need to do, here it is:
- Site Identity
- Site Title >> Hit Sacker
- Tagline >> Professional Sleepyhead
- Show tagline after logo >> tick
- General Site Settings
- Logo Type >> Image
- Logo Upload >> logo-small.png
- Retina logo >> logo-big.png
- Breadcrumbs >> Enable Breadcrumbs >> OFF
- Color Scheme
- Regular Scheme
- Accent color 1 #897c66
- Accent color 2 #474034
- Accent color 3 #776850
- Accent color 4 #9d937d
- Text #474034
- Link #9d937d
- Link hover #474034
- H1-H6 #222222
- Body >> Roboto >> Font weight 400
- H1 >> Rubik >> Font weight 500
- H2 >> Rubik >> Font weight 500
- H3 >> Rubik >> Font weight 400
- H4 >> Rubik >> Font weight 400
- H5 >> Rubik >> Font weight 400
- H6 >> Rubik >> Font weight 600
- Breadcrumbs/Entry meta >> Roboto >> Font weight 400
- Styles >> Layout (Style 3)
- Top panel >> OFF
- Main menu >> Enable Sticky Menu
- Menu locations
- Main >> new
- Social >> Social
- Main >> new
- Menu locations
- No sidebar
- Footer styles
- Show Footer Logo >> OFF
- Layout >> Style 1
- Footer Contact Block >> OFF
- Footer styles
- Blog settings
- Layout >> Grid (2 columns)
- Post content >> Hide
- Show post author >> ON
- Show publish date >> ON
Why Did I Make This Plan?
Aren’t you making any plans or lists before you start some important activity?
This plan helped me save a ton of my time, and to make a website in the shortest timespan possible.
If you can make it faster let’s make a screencast battle, who can build websites faster, this could be fun.
For my test I used MaxPaxton WordPress theme since I was building a portfolio, I picked a portfolio theme, makes some sense, right.
All images for this experiment I took from unsplash.com
Stage #3: The Recording
The easiest way to record a screencast is to use your YouTube channel.
Open your Creator Studio
There choose Live Streaming in the left menu
Open the menu item Live streaming and press Events
Now you need to press the button on top + New live event. On the next screen, you need to add Title, Description and change its visibility to Private.
You’re almost ready to go live.
If you see this, then you’re definitely ready to go.
When you hit OK, Google Hangouts will start loading, when it loads, you need to choose either you will broadcast from your web camera, or as a screencast.
Icons from top to bottom: Chat, Screenshare, Cameraman, Control Room.
To initiate a screencast you need to press Screenshare, right after you see your desktop inside Hangouts window don’t forget to press a huge green button which is at the bottom of the window
Hit it, and you will go live.
Now, check out my screencast.
To answer your question regarding the length of the video, which is 21:46.
The screencast playback speed was increased by 45% so you could comfortably view it, without having to spend 40 minutes watching me click.
The day when I was recording this, my ISP decided that 30MB/s is too much for me, and decreased the speed to 2MB/s 🙁
If you want to see some more installation/customization screencasts for other products, add your requests in the comments section, and I'll make something for you.
P.S. I heard some of you guys experience difficulties installing and maintaining HTML5 templates, is that true?