Github Linkedin Medium-m
Start Learning

Meet Mirza Ahtsham – Your Guide to Web Design & Development (6+ Years Experience)

Assalam-o-Alaikum! My name is Mirza Ahtsham, and I’m excited to welcome you to my new learning platform, Learn with Ahtsham. With over 6 years of experience in Web Design and Development, I have worked on hundreds of successful projects using WordPress, Shopify, and Custom Coding.
This article is a written version of my first YouTube introduction video, where I share my journey, vision, and the purpose of this channel. If you prefer watching, you can scroll down and watch the full video tutorial embedded below.

  • i - My Journey in Web Design & Development

Like many of you, I started my career from scratch — without resources, guidance, or clear direction. Over time, I learned, practiced, and built skills in WordPress, Shopify, HTML, CSS, and JavaScript. These skills helped me complete hundreds of projects for clients worldwide.
Now, my mission is simple: to help students like you build skills that companies actually hire for.

  • ii - The Purpose of This Channel

Many students think the ultimate goal is only freelancing. But freelancing is just one option. If you develop strong technical skills, you can:

Get hired in professional IT companies
Start freelancing and work with international clients
Build your own digital projects and grow independently

I want you to become not only a web designer or developer but also a problem solver. Because in the real world, employers and clients value solutions, not just technical knowledge.

  • iii - What You’ll Learn from My Tutorials

In this free learning series, I’ll guide you step by step, starting from zero to advanced level, covering:

Web Design Fundamentals
WordPress Development
Shopify Store Development
Website Speed Optimization & SEO
Custom Coding with HTML, CSS, and JavaScript
Real-world project building
  • iv - Motivation for Beginners

If you’re starting today, remember: I was once in your place. With hard work and consistent learning, I was able to grow — and so can you!

If I can do it, you can do it too!

How to Create a Portfolio Website in WordPress: Step-by-Step Guide

Step 1: Install WordPress on Your PC with Laragon

If you want to install WordPress on your computer without using XAMPP or WAMP, then Laragon is one of the best and fastest tools. In this tutorial, I’ll show you step by step how to install WordPress with Laragon using the Quick App feature (Blue Elephant Icon).
This is the written guide of my YouTube video. At the end, I’ll embed the full tutorial video so you can watch the complete process in action.

  • i - Open Laragon

Locate the Laragon icon (blue elephant) on your desktop and double-click to open.

  • ii - Start Laragon Services

Click the Start button inside Laragon to activate Apache and MySQL.

  • iii - Create a New WordPress Project
Go to the Menu (top-left blue elephant icon).
Hover over Quick App → Click on WordPress.
Enter your project name (e.g., “Ahmed Portfolio” or “Web Designer Portfolio”).
Click Start. Laragon will automatically create all the files and database.
  • iv - Allow SSL Setup
During setup, Laragon will ask for SSL and related permissions. Click Allow to make your WordPress site secure.
Wait 2–5 minutes until the installation is complete.

How to install WordPress With Laragon on PC | Step by Step Guide

  • v - Open Your Project in Browser

Type your project URL in the browser:
Example:

				
					https://yourprojectname.test/wp-admin/
  • vi - Select WordPress Language

Choose your language and click Continue.

  • vii - Add Website Information

Fill in the required details:

Site Title
Username
Password
Email Address

Click Install WordPress.

  • viii - Installation Success

Once installation is complete, you’ll see a success message.

Now log in with your username and password.

Congratulations 🎉! You have successfully installed WordPress using Laragon on your PC. Now you can start customizing your website, install themes, and build your first project.

Get Fee Audit

Step 2: Install Elementor Plugin & Hello Elementor Theme

If you want to start building a professional website with WordPress, the Hello Elementor Theme and Elementor Plugin are the best starting point. In this guide, I’ll show you step by step how to install Hello Elementor Theme along with some essential plugins including Elementor Free, Ultimate Addons for Elementor, and WPForms Lite.

This is the written version of my YouTube tutorial. Scroll down to see screenshots of each step and watch the full video embedded below.

  • i - Login to WordPress

Open your browser and go to your WordPress login URL. Enter your username and password to access the dashboard.

  • ii - Find Theme Option

From the left sidebar in your WordPress dashboard, go to Appearance → Themes.

  • iii - Add a New Theme

Click the “Add New Theme” button.

You can either:
Search for “Hello Elementor” in the search bar, OR Upload the theme manually.

  • iv - Search and Install Hello Elementor Theme

Type Hello Elementor in the search bar. Click Install and then Activate.

After Installed Active the Required theme

  • v - Install Elementor Free Plugin

Go to Plugins → Add New. Search for Elementor Website Builder. Click Install and then Activate.

Add Plugin Manually

Search Required Plugin & Install Plugin

How to Install Elementor Plugin & Hello Elementor Theme in WordPress (Step by Step Guide)

  • vi - Install Additional Plugins
Ultimate Addons for Elementor (Header & Footer Builder) → Great for building professional headers/footers.
Contact Us Form 7 → Best free plugin for creating contact forms.
Litespeed Cache → Best free cache plugin.
  • vii - Manage Plugins

From the plugin section, you can:

Activate / Deactivate plugins
Update plugins
Delete unnecessary plugins

How to install, Update & Delete Worfpress Theme or plugins