- About the author
- About the website
- How it all started: HTML and Frontpage
- A look behind the scenes in WordPress
- the server
About the author:
My name is Marco van Wijk, 34 years old and living in the Rotterdam area. All my life I've been crazy about everything that has to do with cars. At the age of 16 I was already working in the garage as an apprentice mechanic. In the ten years that I worked as a mechanic in the VAG and BMW garages, I completed the mechanic training up to level 4 technical specialist. I have been working as a motor vehicle technology teacher since 2015. In 2018 I obtained the title Bachelor of Science at the HTS Autotechniek in Arnhem after completing the HBO automotive (part-time) training.
In addition to my work as a teacher and author of this website, I like to write articles in the AMT and you will find me as a presenter of knowledge sessions on the AMT live.
About the website:
In 2005 I started experimenting with creating websites. The current website dates from 2009. Since then there have been many changes in both design and content. This website is becoming more and more popular and will continue to grow in terms of topics and information! At this moment there are already more than 350 pages full of information to be found. Today, there are an average of 100.000 unique page views per month. I made the website myself and completely under my own management. I developed the theme, wrote all the pages, photographed or drawn many images myself and it runs on my own server in my office at home. On this page I show how the website has grown in the past year to what it is today, and what goes on in the background.
The purpose of this website is to give people interested in automotive technology insight into how certain parts and systems work. Many things are hard to find on Google, often without images and often not yet in Dutch. With this website I want to put as much information as possible about automotive technology online. The site is based on levels 2 to 4 of the MBO mechanic training.
I have deliberately chosen not to show advertisements, because I annoy myself with websites where there is more advertising than text and you have to click away from everything. I therefore find the display of advertisements polluting my website. For that reason, no trackers or cookies are necessary and I am therefore one of the few websites that does not have to show a cookie notice where every unique visitor must agree to the conditions.
I also keep the website freely accessible to everyone. I do not use payment and login systems to gain access to the website alone. This site is just nice and free to access and it will remain so in the future! An additional advantage is that it is also easier for me to get permission from car manufacturers to use their images. After all, I have no financial interest in it and many manufacturers support education.
If you have found spelling or grammatical errors in the text, please fill in the contact form. This allows me to correct this easily and quickly. Of course, this also applies if you have additions to a specific topic.
How it all started: HTML and Frontpage:
From the first concepts to the website, which was replaced by the current one in March 2019, the Frontpage program was used. HTML pages were created with this program. The result of the HTML codes could be viewed in the design window. The website consisted of frames:
- above (header)
- left (menu)
- right (dictionary)
- middle (the content of the site)
So, to open the site, four HTML pages were opened in the frames. “In the past” this was popular, but nowadays you hardly see this anymore.
The knowledge that I have gained with the self-compiled HTML codes has helped me enormously to this day in updating the current website.
A look behind the scenes in WordPress:
The HTML-based website was completely converted to the popular WordPress CMS in March 2019. Some visitors had to get used to the new navigation structure in the beginning, but in general I received positive reactions. Over time I have also made more and more changes that make navigating easier and clearer.
With the site in the modern WordPress CMS, the site has improved in many ways:
- Interface looks modern;
- Easier to update articles;
- Tablet and mobile friendly (automatically adapts to the screen size) so no separate mobile website;
- A change is automatically applied to all pages;
- SEO (search engine) friendly;
- Plugins enable many useful functions: buttons, search function, backup and security, autoscroll, etc.
The following image shows the page overview in WordPress. From this screen all pages can be searched and changed without opening the web interface.
All pages on the website are created in Elementor. The following image shows the Elementor editor screen. The text editor can be seen on the left. The live view is shown on the right. Only when you click on “Update” at the bottom, the changes will be posted online immediately. You can also choose to first save the page as a draft or private, before publishing it online.
In addition to the text editor, Elementor also offers various interactive options. One of these is the so-called “Call to Action”. This function creates an interactive button that we know from the homepage and in the categories that can be opened from the menus.
In 2021, more and more problems arose with the compatibility between my WordPress theme and the modern plugins and web browsers. The theme was not very popular, so after a few years of release it was no longer well supported or developed. Since a theme determines the look of the website, switching to another theme is neither easy nor very desirable. In January 2022 I experimented with Elementor's page builder and a bare theme: "Hello Elementor". With this theme in combination with the page builder I am assured of updates, in both the display and security, and I have even more options to configure the interface to my liking. Certain settings can hardly be changed in standard WordPress themes. After a day of experimenting I was convinced: I will replace the old theme with my own theme. Within hours I had it online and over the next few days, after feedback from people around me, I made small improvements.
With Elementor's theme builder you can create your own theme and set it completely to your liking. Every corner, button, box shadow, color, animations can be adjusted in countless ways to your own wishes. The possibilities are endless. The image below shows the setting options for the color of the main menu. With this theme builder, the display of the desktop (and laptop), tablet and mobile phones can be set as desired. In this way, the most optimal settings can be achieved for all devices.
Although there are possibilities with little effort to make the site very attractive with animations and colorful pages, I opt for many shades of gray and as few decorations as possible, which people usually don't want. The white pages with a dark to light gray bar on both sides provide a nice contrast and, together with the chosen font, make texts easy to read. This interface was created through a lot of experimentation and feedback from visitors. The informative character with a well-tuned navigation is more important than a slick appearance, which most visitors appreciate.
Cheap hosting parties are not interested in websites that demand a lot of computing power from the server, because you share the same SSD / CPU and RAM with hundreds of other customers. Such a party can choose to reduce the performance of websites that use a lot of resources, or to oblige you to purchase an expensive VPS.
I was hesitant for a long time to place this website on a VPS, so that optimal performance could be achieved and I would be in control of certain settings. A good VPS is too pricey to accommodate a non-profit site. So I started researching whether it was worth hosting the site myself (at home).
In the spring of 2020 I bought a competitively priced young used server. I provided this with the necessary hardware upgrades, I learned how to deal with the settings in the bios; these are very different from those of a consumer PC. In addition, I have set up a network in my own home to connect the server to. The speed of the fiber optic connection is 1 gigabit down- and upload, which is even more than enough for hosting multiple busy websites.
In October 2020 I installed the server with CentOS as operating system and Cpanel as control panel. After a few hours of installing and copying data, the site was moved from the server in the data center to the home server at the touch of a button. This process went very smoothly. Up to the time of writing (two years after installation), no problems have been encountered.
The server you are currently on is shown in the two images below.
Images above: the server is an HP ProLiant ML350p Generation 8. Behind the cover is the DVD player with the server power switch below it and four USB ports. At the bottom are four disks, namely: 2x SSD (left) and 2x HDD (right). The website is loaded from the SSDs. Backups are stored on the HDDs every night. The SSDs and the HDDs are in Raid mirror.
Image below: after removing the side cover and the plastic plate of the air duct, we see four large fans with the motherboard next to it.
The server is equipped with a Xeon E5-2690 CPU (2,9 GHz). This is an 8-core processor with 16 threads. It runs in power-saving mode at a clock speed of just over 1 Ghz, which in terms of website and server management performance is not inferior to the setting in maximum performance mode, which clocks up to 2,9 Ghz. The good low clock performance is possible due to the large amount of processor cores. In addition, the memory banks are filled with a total of 12x 4 GB ECC memory modules, which gives a total of 48 GB of memory in quad-channel.
In 2022 I replaced the operating system CentOS with AlmaLinux because of the announcement that CentOS will no longer be supported soon. The popular Cpanel is installed on AlmaLinux: this is the program that enables the hosting of the website. The control panel can be seen in the screenshot below. Weekly I check available updates (Cpanel or kernel) and monitor the load.