Table of Contents

• Project-Specification
• WampServer
• WordPress
• Create-a-New-WebSite

Project-Specification

• Introduction about WAMPSERVER
• Introduction about WORDPRESS
• Create a new website for an existing website which is not built with WORDPRESS

WampServer

• Go to: https://www.wampserver.com/ and download the installer
• In case of issues, go to: https://wampserver.aviatechno.net/, download the tool to analyse issues and patch them, or go at the bottom of the page and download the zip file containing all files and install them one by one
• Launch the WampServer, you have to see the logo in green in your services:
  
• Check WordPress pre-requisities to see which versions of PHP and SQL you need, change them if necessary:
  
• Develop your website in "www" repo of your wampserver to get acces to the server
• To ease your website access, create a VirtualHost from localhost:
  
• Restart your DNS service to enable your VirtualHost (right click on icon):
  

WordPress

• Go to: https://fr.wordpress.org/download/ and download the zip file
• Unzip the WordPress zip file into "www" repo of your WampServer, rename the repo with the name of your website
• Launch PhpMyAdmin from your localhost (For windows users, login is "root" and password is empty ""
  
• Create a new database, choose the name you want and choose (utf8-general-ci) as encoding
• Install WordPress, go to: http://localhost/<your-site-name>, and fill the forms with necessary informations, once it's done you have the see the back-office, and you are ready to build your website! Choose your theme, and necessary plugins, and enjoy it!
  
• In case you need to code any additional function, here is the code reference: https://codex.wordpress.org/Function_Reference

Create-a-New-WebSite

• I choosed https://www.pepinieres-baches.com/baches/ as reference to re-build for my project, this is an eCommerce website, selling different types of citruses plants and seeds
• You can check if the website was built using WordPress or not by seeing the source, check if you have any prefix "wp-"
• I choosed "Blossom Recette" as Theme
  
• For Plugins I installed "Contact Form 7" for my contact form, and "WooCommerce" to have necessary eCommerce items, like user accounts, shops, carts
• The old website had only static pages, they dont differentiate posts and pages, by introspecting the website I've seen that they have many posts takling about plants and stories about them, for my new website I choosed to create posts and pages instead of keeping only pages.
• I choosed also some free and modern pictures to illustrate the posts
• About the menu, the old site had many items to get access to their different static pages, but by re-working some pages as posts we have less items in the new menu, I choosed to classify the posts by categories instead of adding them into menu. I also added social networks menu in modern way instead of having them in main menu, I choosed FaceBook, Instagram and Twitter for their social networks, because they regulary publish articles, so they can twitt it, they also have many pictures about their plants, so they need also Instagram, and FaceBook to mix both.
• I also added a shop using plugin "WooCommerce", I added some products as example.
• I added also a contact form using plugin "Contact Form 7".
• Below some pictures of my new website:
  • Home Page: on top left social network icons, on top right search bar and shop cart, main menu with only essential topics, slides show of the 4th last posts:
    
  • Widgets with posts categories, last posts, comments and archives:
    
  • Shop with some products:
    
  • Contact form: