# Beginner Website Design: tutorials & practical guides

Here’s a list of all the beginner website design tutorials that you will ever need to create a beginner website. If you have never created a website before, then read this massive guide on How To Make A Website Without Writing A Single Line Of Code before reading any other tutorial.

Author: Abhijit Rawool
Source: https://abhijitrawool.com/category/beginner-website-design/

- [Best WordPress Black Friday and Cyber Monday Deals for 2026](https://abhijitrawool.com/wordpress-black-friday-deals/): This pre-sale roundup gathers WordPress tools, themes, hosting, store plugins, marketing software, and site utilities worth checking before the holiday rush.
- [How To Change Menu Font Size In Astra? (7 Simple Steps)](https://abhijitrawool.com/how-to-change-menu-font-size-in-astra/): Want to change the font size of the menu in the Astra theme? Here are 7 simple steps to do just that.
- [How To Change Header And Menu Colors In Astra Theme? (Easily)](https://abhijitrawool.com/how-to-change-header-and-menu-colors-in-astra-theme/): Want to change the colors of your header and menus in the Astra theme? Here’s how you can do it in a few simple steps.
- [How To Add A Slider In The Astra Theme? [2 Different Methods]](https://abhijitrawool.com/how-to-add-slider-in-astra-theme/): Here are two different ways to add a slider in the Astra theme. One method uses the Beaver Builder plugin, and the other uses the Elementor plugin.
- [How To Remove Page Title In Astra Theme? [Without Code]](https://abhijitrawool.com/how-to-remove-page-title-in-astra-theme/): Here are 4 simple steps to remove the page title using the Astra theme. You don’t need to write any code or use a plugin to do this.
- [How To Add A Top Bar In Astra Theme? (Without CSS Code)](https://abhijitrawool.com/how-to-add-top-bar-in-astra-theme/): Here are 7 straightforward steps to add a top header bar to your site using the Astra theme. You don’t have to write any CSS code for this.
- [How To Add A Search Bar In The Astra Theme Without Code?](https://abhijitrawool.com/how-to-add-search-bar-in-astra-theme/): Here are 8 simple steps to add a search box to the Astra theme. You don’t have to write any code to do this, nor do you need any extra plugins.
- [How To Change Header Background Color In Astra Theme (No CSS)](https://abhijitrawool.com/how-to-change-header-background-color-in-astra-theme/): Here are 7 simple steps to change the background color of the header in the Astra theme. You don’t need to write any CSS code to do this.
- [How To Add Checkbox In Contact Form 7 Without Code?](https://abhijitrawool.com/how-to-add-checkbox-in-contact-form-7/): Here’s a simple and straightforward way to add a checkbox field to a Contact Form 7 form. You don’t need to write any CSS or HTML code for this.
- [How To Add Background Image In Contact Form 7 Without CSS](https://abhijitrawool.com/how-to-add-background-image-in-contact-form-7/): Here are simple steps to add a background image to your form created with the Contact Form 7 plugin. You don’t need to write any CSS code for this.
- [How To Add Radio Buttons In Contact Form 7? (Without Code)](https://abhijitrawool.com/how-to-add-radio-buttons-in-contact-form-7/): Here are 6 simple steps to add radio buttons to your form created using Contact Form 7 plugin. You don’t need to write any code to do this.
- [How To Add Placeholder In Contact Form 7? (In 2 Easy Steps)](https://abhijitrawool.com/how-to-add-placeholder-in-contact-form-7/): Here are two easy steps to add a placeholder in a field on the Contact Form 7 form. You don’t need any coding knowledge or an extra plugin for this.
- [How To Add A Hidden Field In Contact Form 7? (With Default Value)](https://abhijitrawool.com/how-to-add-a-hidden-field-in-contact-form-7/): Here are three simple steps to add a hidden field with a default value to a form created with the Contact Form 7 plugin.
- [How To Add cc and bcc Fields In Contact Form 7? (Simplest Way)](https://abhijitrawool.com/how-to-add-cc-and-bcc-fields-in-contact-form-7/): Here are four simple steps to add cc and bcc fields to a form created with the Contact Form 7 plugin. There is no need to install any new plugin.
- [How To View WPForms Lite Entries In WordPress Admin Panel?](https://abhijitrawool.com/how-to-view-wpforms-lite-entires/): Here’s how you can capture the form entries of your WPForms Lite forms in your WordPress Admin panel. You don’t have to upgrade to WPForms paid version.
- [How To Change The Font Color Of WPForms Forms? (One Easy Way)](https://abhijitrawool.com/how-to-change-font-color-in-wpforms/): Here’s a straightforward method to change the font color of the WPForms forms. You don’t need to write any CSS code to use this method.
- [How To Change The Button Color In WPForms Without CSS Code](https://abhijitrawool.com/how-to-change-the-button-color-in-wpforms/): Here’s a detailed tutorial on how to change the button color of a WPForms form. This method does not require any CSS code to change the button color.
- [How To Center WPForms Form Without CSS? (One Easy Way)](https://abhijitrawool.com/how-to-center-wpforms/): Here’s a simple method to center a form created with WPForms. This method does not need you to write and maintain any custom CSS code.
- [How To Make Columns In WordPress Without A Plugin? (Easy Method)](https://abhijitrawool.com/how-to-make-columns-in-wordpress-without-plugin/): Here is one of the easiest methods to create columns in WordPress without using any plugin. It uses only WordPress features to insert the columns.
- [How To Add Author Box In GeneratePress (With And Without Plugin)](https://abhijitrawool.com/how-to-add-author-box-in-generatepress/): Here are two ways to add an Author Box to the GeneratePress theme. One uses a free plugin while the other uses code to add the Author Box.
- [How To Add Javascript In GeneratePress Theme (One Simple Way)](https://abhijitrawool.com/how-to-add-javascript-in-generatepress/): Here’s a simple method to insert javascript in the GeneratePress theme. This method doesn’t require you to write any code to add the javascript.
- [How To Remove Powered By And Copyright In GeneratePress Theme](https://abhijitrawool.com/how-to-remove-powered-by-and-copyright-in-generatepress-theme/): Here are the exact steps to remove Powered By and Copyright text in the GeneratePress theme. There is no need to write any code to remove these.
- [How To Remove GeneratePress Footer Without Writing Code](https://abhijitrawool.com/how-to-remove-generatepress-footer/): Here are the exact steps you can take to remove the footer from the GeneratePress theme. You can do that easily without writing any code.
- [Astra Theme Review – Why I Am Using Astra Since 2017](https://abhijitrawool.com/astra-theme-review/): I started using the Astra theme back in February 2017 and continue to use it even now. Here’s my experience of using the Astra theme over all these years.
- [How Long Will It Take To Learn WordPress? (+Some Crucial Aspects)](https://abhijitrawool.com/how-long-will-it-take-to-learn-wordpress/): You can learn the basics of WordPress in a few hours. However, it can take up to a year or two to become a full-fledged WordPress developer.
- [Is WordPress Hard To Learn? (And Ways To Learn It Fast)](https://abhijitrawool.com/is-wordpress-hard-to-learn/): WordPress is not that hard to learn once you grasp the basic concepts. Here’s everything you need to understand about how fast you can learn WordPress.
- [11 Best WordPress Training Courses Of All Time](https://abhijitrawool.com/wordpress-training-courses/): Here’s a list of 11 WordPress training courses that you should definitely take to learn WordPress. These courses cover all aspects of WordPress.
- [How To Change Header And Footer Colors In WordPress Without Code](https://abhijitrawool.com/how-to-change-header-and-footer-colors-in-wordpress/): Here’s a detailed tutorial on how to change header and footer colors in WordPress. It is just a matter of setting up some options in WordPress.
- [Is ConvertKit A CRM? If Not Then How Can It Be Used As A CRM?](https://abhijitrawool.com/is-convertkit-a-crm/): Here’s a detailed analysis of whether ConvertKit is a CRM. And how you can use it to make it work as a CRM even if it is just an Email Marketing platform.
- [4 Ways To Style Caldera Forms Without Any CSS Code](https://abhijitrawool.com/style-caldera-forms/): Here are 4 different methods to style your forms created with Caldera Forms plugin. All of these will not force you to write CSS code to style your forms.
- [4 Methods To Style WPForms Without Writing CSS Code](https://abhijitrawool.com/style-wpforms/): Here are 4 ways in which you can style WPForms without writing any CSS code. Use any one of these methods to completely style your form.
- [2 Great Ways To Style Ninja Forms Without CSS Code](https://abhijitrawool.com/style-ninja-forms/): Here are two methods to style Ninja Forms without writing any code. The first method uses a free plugin, and the other one uses a paid plugin.
- [2 Simple Methods To Style Contact Form 7 Without Code](https://abhijitrawool.com/style-contact-form-7/): Styling Contact Form 7 is a real pain if you cannot write code. So, here are 2 easy ways to style your Contact Form 7 forms without writing any code.
- [Why WordPress Themes and Plugins Are Free? (The Real Reason)](https://abhijitrawool.com/why-wordpress-themes-and-plugins-are-free/): This little guide will tell you the actual reason why WordPress Themes and Plugins are free. And why free is not always a good thing to have in WordPress.
- [Can WordPress Plugins Contain Viruses? (Important Facts For You)](https://abhijitrawool.com/can-wordpress-plugins-contain-viruses/): Can WordPress plugins actually induce viruses? Find the answer to this question and many other important ones in this little guide.
- [When To Update WordPress (Explained In Great Detail)](https://abhijitrawool.com/when-to-update-wordpress/): Want to understand when you should update WordPress? This detailed guide will walk you through every aspect of updating WordPress.
- [Here’s How WordPress Website Works [Explained In Simple English]](https://abhijitrawool.com/how-wordpress-website-works/): This is the most simple explanation of how WordPress website works that you will find on the internet. Everything is explained in plain simple English.
- [5 Easy Methods To Insert A Table In WordPress (Without Writing Code)](https://abhijitrawool.com/insert-a-table-in-wordpress/): Want to create a table in WordPress? Here are 5 easy ways to add a table in WordPress that looks professional without having to write any CSS code.
- [How To Make A Website Without Writing A Single Line Of Code](https://abhijitrawool.com/how-to-make-a-website/): Here is a step-by-step tutorial on how to make a website without writing a single line of code. It will show you how to create your own website by yourself.
- [How To Create A Custom Blog Layout In WordPress Without Any Code](https://abhijitrawool.com/custom-blog-layout/): Want to create a custom blog layout design for your blog page in WordPress? Here’s how to do it in 3 simple steps without writing any code.
- [How To Create A WordPress Single Post Template Without Writing Code](https://abhijitrawool.com/create-wordpress-single-post-template/): Want to create a custom WordPress Single Post Template without writing any code? This tutorial will show you how to do it in 3 simple steps.
- [Astra vs Genesis Theme – Why Comparing These Two Themes Is Stupidity](https://abhijitrawool.com/astra-vs-genesis/): Yes, really! Looking for Astra vs Genesis comparison is plain stupidity because there is no comparison between these two themes as such. Here’s why…
- [How To Easily Display Estimated Reading Time On WordPress Blog Posts](https://abhijitrawool.com/estimated-reading-time/): Want to display estimated reading time on your WordPress blog posts? Here are two simple ways, one by using a plugin and the other by using a theme.
- [Beaver Builder vs Elementor – The One Thing That Matters The Most](https://abhijitrawool.com/beaver-builder-vs-elementor/): Here’s the only thing that really matters between Beaver Builder vs Elementor. Get this right and you will easily be able to choose between the two.
- [Genesis vs Beaver Builder Theme – Why I Chose Beaver Builder Theme](https://abhijitrawool.com/genesis-vs-beaver-builder-theme/): Confused which theme to buy? Genesis theme or Beaver Builder theme? This article will help you decide which one is right for you.
- [How To Make Videos Responsive in Dynamik Website Builder](https://abhijitrawool.com/make-videos-responsive-in-dynamik-website-builder/): Here is how to make videos responsive in Dynamik Website Builder (DWB) child theme of Genesis. Just use this code to make your videos responsive.
- [WordPress Admin Panel – What Is It, How To Log In And Use It Properly](https://abhijitrawool.com/wordpress-admin-panel/): This detailed tutorial will teach you everything about the WordPress admin panel. Right from what it contains to how to use it, you will learn everything.
- [What is WordPress Theme and How to Work With It?](https://abhijitrawool.com/what-is-wordpress-theme/): In this detailed tutorial, you will learn what is WordPress Theme, how to install it, preview it, customize it and delete it.
- [What is WordPress Permalink and How to Use It Effectively?](https://abhijitrawool.com/wordpress-permalink/): In this tutorial, you will learn everything about WordPress Permalink. Right from what is it to how to use it effectively.
- [Understanding WordPress Settings – The Complete Guide](https://abhijitrawool.com/understanding-wordpress-settings/): Learn everything about WordPress Settings. Specifically, about the settings that you can tweak to make WordPress function the way you want it to.
- [How to Install WordPress on Mac using DesktopServer](https://abhijitrawool.com/install-wordpress-on-mac-using-desktopserver/): Here’s how to install WordPress on Mac using DesktopServer. This is probably the easiest way to install WordPress on Mac. Here are the step-by-step details.
- [How to Install WordPress on Mac Using MAMP](https://abhijitrawool.com/how-to-install-wordpress-on-mac-using-mamp/): Here’s how to install WordPress on Mac using MAMP. You just need to follow 3 steps to install WordPress locally on Mac. Here are the step-by-step details.
- [An Introduction to WordPress Dashboard](https://abhijitrawool.com/wordpress-dashboard/): This detailed tutorial on WordPress Dashboard will teach you how to work with it. You will learn everything you need to make full use of the dashboard.
- [How to Add Breadcrumbs to WordPress Posts and Pages?](https://abhijitrawool.com/add-breadcrumbs-to-wordpress/): Here are 2 simple ways to add breadcrumbs to WordPress Posts and Pages. First one is by using a Theme and the other is by using a Plugin.
- [WordPress.com vs WordPress.org – What is Better?](https://abhijitrawool.com/wordpress-com-vs-wordpress-org/): The question of WordPress.com vs WordPress.org has been asked by many people. Here are all the differences between the two and which one is better for you.
- [How to Add Categories and Tags for WordPress Pages?](https://abhijitrawool.com/add-categories-and-tags-for-wordpress-pages/): Here’s a simple method to add Categories and Tags for WordPress Pages. It uses a well-supported plugin to add Categories and Tags to Pages.
- [Categories vs Tags – Which One Should You Use in WordPress?](https://abhijitrawool.com/categories-vs-tags/): Here is a complete explanation of Categories vs Tags in WordPress. You will learn how they differ from each other and why you should use them.
- [What are WordPress Categories? – The Ultimate Manual](https://abhijitrawool.com/what-are-wordpress-categories/): This complete manual on WordPress Categories will teach you everything you need to know about Categories and how to use them effectively.
- [What are WordPress Tags and How to Use Them Effectively?](https://abhijitrawool.com/what-are-wordpress-tags/): Want to know what are WordPress Tags? Here is the complete guide to understand what Tags are and how you can use them effectively.
- [How to Auto Add Categories to WordPress Posts](https://abhijitrawool.com/auto-add-categories-to-wordpress-posts/): Here is a simple way to auto add categories to WordPress posts. Just configure this small plugin and categories will automatically get added to your posts.
- [How to Schedule WordPress Posts?](https://abhijitrawool.com/how-to-schedule-wordpress-posts/): In this article, you will learn how to schedule WordPress posts. Once scheduled WordPress will take care of publishing your posts for you.
- [How to Auto Tag WordPress Posts?](https://abhijitrawool.com/auto-tag-wordpress-posts/): Here is how you can auto tag WordPress posts based on a set of keywords. All done using a great little plugin.
- [27 Reasons Why You Should Use WordPress](https://abhijitrawool.com/27-reasons-why-you-should-use-wordpress/): Here are 27 reasons why you should use WordPress over other website builders. You will see why WordPress is the preferred tool to build websites these days.
- [What is WordPress?](https://abhijitrawool.com/what-is-wordpress/): Want to know what is WordPress? WordPress is the most popular tool used today to build websites. Here are some more interesting facts about WordPress.