Non-Tech Users Build Websites
What Does Non Teach Mean?
There’s no such thing as a non-tech person today. Everyone is tech savvy in that they can figure out how something works. Even Grandma knows now. Anyone can read a tutorial, watch a YouTube video and figure out how something works. The whole world has risen to the occasion. YouTube is the go to source for finding out how.
In relation to websites:
- The developer knows how to code
- The designer modifies the style relative to the subject or theme
- The user is on the receiving end of the expertise, and has the best time of all
- Using the theme
Who Is a Non-Tech User?
Everyone. You don’t have to be an ‘expert’ at something. Each person will use a website according to a level of preference.
My first website was with a software called Expression Web. After the tiresome restrictions of entering copy only within the HTML brackets, I decided there had to be a better way to enter content into a website.
Don’t think because I entered the text into the code brackets I know how to code. I just figured that out after looking at the content in the split screen view. It took too long to compose one paragraph, never mind a whole page of content.
The alternative was WordPress. You can use WordPress without knowing code. The whole key with websites is you learn as you go along. Don’t believe advertising, and fall for free and easy, up and running in minutes. I never tire of saying this because this is the hook to get you to believe it’s simple.
The non-tech user is the one who ends up solving the problem by logical conclusion with built in settings in the modules within the Divi Theme.
WordPress was recommended to me by a hosting company. You could use WordPress without knowing code. They had video tutorials and WordPress Themes. I liked the look of the WordPress theme and bought one and started watching videos, and I can tell you, WordPress is the software for the non-tech user.
The more I used WordPress the more I learned about websites, plugins, images, pages, and blog posts. The theme came with one year tech support and a one-year license. Each year I had to renew the license and change the theme. I did not like this arrangement. Changing themes was time consuming, and I wanted to work on the content in the website not the theme.
When you see it you know it
The Themes I was using were all the same layout. The only change was the pictures. I wanted a theme I could style myself.
And, you guessed it, it had to be without having to know code.
Then one day I saw it, the Divi Theme by Elegant Themes. The most flexible theme for the non-tech user. Finally, the way websites were meant to be built. Upgraded regularly, built in styles, all I had to do was learn how to use the setting.
Why I'm Still Using Divi
The Divi Theme came out in 2013. I’m still using the Divi Theme and never tire of it. Updates, improvements, clear instructions.
It is the only theme that allows you to create a website without having to use a new Theme.
The Visual Builder allows you to edit directly onto the page, and see your changes in real time. Now that’s a real time paradigm. The way a website is built has changed. Now you can concentrate on the content in the site and not on technical difficulties.
Solving The Mobile View Problem the Non Tech Way
Here’s an example of how the non-tech user figures out the jargon about mobile view.
The website you build will be viewed on a desktop, laptop, and mobile screen. You’ll read about how important the mobile view is, and depending on who you talk to there will be complex solutions to the problem of how the content stacks when viewed on a mobile device.
We read English from left to right. The web works the same way with information, it reads from left to right.
Let’s say we have a three column width layout on a web page. This is the layout selection that opens when you insert a column.
It is easy to see from the layout which column style you want. The columns are preset and all you do is select the layout.
Selecting the three column layout we’ll be able to use three different modules. In this image the Blurb Module is used.
Here’s an image of three blurb modules already built out. Blurb 1 – 3 on a desktop screen.
This is the desktop view of the blurbs. It’s interesting to note if the website is in a different language that reads from right to left. The stacking order for the mobile view would still place Blurb 1 on top.
The Tablet View
The Mobile Phone View
The Divi Theme is 100% responsive
The software adjusts to all the different screen sizes. Notice the viewing area on the bottom of the image. You will see the desktop, tablet, and mobile icon. All you do is click on the icon to see what the view will look like. Now there’s nothing complex about this. It’s the way the stacking works on the various screens.
We only looked at the three column width layout. You can experiment with the different views as you build the pages in your website.
This is how the non-tech user figures it out. All these settings are built into the modules. The only thing you have to watch for when putting in content is not to make the font size too large then it will break up because there is a width threshold.
Everything on this website is built with the Divi Theme
I’m the non-tech user. I use the modules and the settings to layout the content on the page. It is a unique experience to style a web page, blog post and project page with the freedom to use the settings all without needing to style the content with HTML or CSS. Of course this is a simple website and does not serve a large corporation or have a shopfront.
I don’t know how WordPress works on the back end, but I don’t need to know.
There are WordPress core developers who dedicate their talent to bringing out the best in the software. I don’t know how the back end of the Divi Theme works, I don’t need to. The designers and developers of Divi created the theme for the developer, the designer, and the non-tech user. Anyone can create a website with the Divi Theme.
The process solving the mobile view the non tech way is an example of how the Divi Theme works without needing to use code.