MAKE A WORDPRESS WEBSITE USING XAMPP IN YOUR COMPUTER FREE

Install WordPress on Localhost

A) Download – WordPress.org 



B) Download - XAMPP | Download | And Install | Check all ticks



C) Move Wordpress To XAMPP - HDDOCS (And Extract Zip File)

And Rename Wordpress Folder Name - Which You Want | like arch eye |



D) Create A Database – In Browser |

localhost/phpmyadmin/ | Click – Database – Create |

(Every Time when u create a new website – you have to create a new Database)



 E) Type In Browser | localhost/wscubetech (Name of e Folder u Create In Htdocs)



 F) Set Up Word press Installation —

Database Name – (Enter Name of Database You Created)
Username – *root
Password – *blank
Database Host – *Localhost
Table Prefix – *wp_



 G) Run The Installation

Site Title | archeye
Username | archeye
Password | xyz
Email |
Don’t Check - the Checkbox (search Engine visibility) |



H) Login To Word Press | "localhost/archeye/wp-admin" |

Login To Site | "localhost/archeye/"

 

i) For Create Another Website –

Unzip WordPress In Htdocs | Rename | Create Database | Run the Installation |


2. Install a WordPress Theme on localhost

Menual -
Download theme From Wordpress.org | Add to Word press Folder |
hddocs- wscubetech – wp-content – themes

 Direct -

[ Install theme – astra\bam (OR You Want)– add all Plugiens – install plugin – elementor – livemesh addon ]


 

3. How To Create Page In WordPress

| Creat Menu - App - Menus | (You Can Tick/Check Auto add Menu)

4. Create and Publish Post in WordPress | Featured image | Excerpt |

 

5. Add Categories in WordPress | Post – Categories,Sub Categories |

To Add Categories in Menues - App - Menus - Categories | Sub Menu Categories |

 

6. Limit Posts per Page in WordPress | Go To Setting – Reading |

 

7. Create a Separate Page for Blog Posts | Creat a blog Page | App – Menu | Setting – Reading - A static Page |

 

8. Setup a Homepage in WordPress | 1. Setting – Reading | 2. App – Customize – Homepage Setting |

 

9. Approve, Edit, or Delete Comments

 

10. Enable and Disable Comments | Page – Edit Page – Discussion | Quick Edit | Signal Post – Quick Edit |

 

11. Permalink Setting – How to Change Permalinks(URL) | Settings – Permalink | In Post And page – U can change Permalink directly |

Mostly - Plain Or Post Name | When u upload site on live server and the website is not opening that time change permalink to plain and after that u can change it |

 

12. Use The New WordPress Widgets Section | App – Widgets |

 

13. Add Image Gallery in WordPress | Post – Image gallery | Plugins – Light Box ( After activating , Gallery Option Visible  - Add New Gallery And Customize According to You| To use Gallery Using Using Short Code – Paste On Page ( Copy code and past on any Page|

 

14. Change Logo and Title in WordPress | App – Customize – site identity | Site Icon |

 

15. Adding WordPress Mobile Menu using Free Plugin |

 Plugin – Responsive menu | (Inspect – For Mobile View)

 

16. Creating a Slider in WordPress Using – Smart Slider Plugin |

Using Short Code – Paste On Page |
For Full View on Home Page – Using Php Code – App – Theme Editor – Theme Header – Paste in Last |

(for Only Home Page – Add Impliment and change code =

<?php

            if(is_front_page()){

echo do_shortcode('[smartslider3 slider="2"]');

            }

?>

 

(sblime Tax editor For Windows)

 

17. Change Block Editor To Classic Editor | Plugin – Classic Editor | To change – Setting – Writing |

 

18. Show Recent Posts With Thumbnails | Plugin – Recent Post With Thumbnail | App – Widgets |

 

19. Learn How to Add RSS Feed on your Wordpress Website | Search <topic> rss feed url on google | Install Plugin – RSS Feed Retriever |Copy Example Url and past to your destination – Change according  to U |

 

Example Shortcode

[wp_rss_retriever url="http://feeds.feedburner.com/TechCrunch/" items="10" excerpt="50" read_more="true" credits="true" new_window="true" thumbnail="200" cache="12 hours"]

20. What Are WP News and scrolling widgets | Pluging – Wp News |Go To News- Add | To Add On widgets – app - widgets – Search Letest News |

 

21. How To Add Testimonial Showcase Slider | Plugin – Simple Testimonial Showcase|To Add Go To Page – Creat new page in clasic editor - add TS Slider | Use short code in any page |

 

22. Image Optimize & Compress Website images | Plugin – Smush ….|

 

23. Move Website localhost To Live Server | You Have a Domain And Hosting – And both are connected | Open hosting - Login ( type your hosting (cpanel) After domain

 

File manager

Make Zip File of Your Website in – Locathost / Htdocs / <website>

Upload Zip File In File manager / Public HTML  

Extract Zip File in Public HTML , Not In folder, U can delete zip file

 

My SQL Database Wizard

Create a Database (Save Name For Later use)

Username - ***** (Save NFLU)

Password - ***** (Save NFLU)

Click on all Privileges

 

PhpMy Admin

Go To Local Database - localhost/phpmyadmin/

Export Your Site Database

Open Downloaded file in editor – sblime Editor

Edit – Ctrl + H, find – http://localhost/<website>

Replace To Domain – http://<domain>  Save File

Go to Site PhpMy AdminImport save database

 

File manager

Open Wp-config

Change  1) DB Name

2)Mysql database username

3) Mysql database Password

 

Changes In Admin

http://<domain>/wp-admin

Change permalink to Plain

change Again To post

 

24. Add Custom Links to Wordpress Menus | App – menu – Custom Links | Url- #(for not clickable)  | Link Taxt- All Categories | add to menu | (now the ‘all Categories’ Directly not opening on Click) |

 

25. Add Social Media Icon With Link | Plugin – Simple Social Icon | App – Widgets | add Simple Social Icon | Sing - Mail – mailto: , Telephone- = tel: |

 

26. Post Type And Create Custom Post type |

 

27. Add Contact Form 7 in Wp website |

 

28. Display Contact Form 7 Data In Wordpress |

 

29. Redirect Your Contact Form To A thank You Page In WordPress|

 

30. Show Popup Msg in Contact Form 7 |

 

31. Recaptcha V3 In Contact Form 7 |

 

32. How To Open Contact From 7 in Popup Using Free Plugin |

 

33. Install & setup Easy WP SMTP with Contact Form |

 

34. Add Date Picker in Contact Form 7 Using Free Plugin |

 

35. Increase Maximum Execution Time In Wordpress |

 

36. Add Google Translate |

 

37. Add Google Map |

 

38. Add Google Analytics Code |

 

39. Add a Pre- Loader in my website |

 

40. Remove Sidebar In wordpress |

 

41.

Disable automatic update in WordPress

Reset password from PHP my admin

 disable comment in WordPress

setup FAQ section on your wordpress website

Add social share button in WordPress

Change the wordpress admin username

Add custom font in WordPress

Change the footer copyright credit in WordPress

Edit text editor with elementor in WordPress

 

Create colum layout with elementor

Add text heading with elementar

Add image with elementor

Add video with elementor

Add map with elementor

Add tabs with elementor

Add image carousel slider with elementor

Add progress bar with elementor

Add counter with elementor

 

 

 

 

 

How to Create Custom Header & Footer in WordPress with Elementor | Plug-in -  Header & Footer Builder |

 

 

  

Comments