To Take a website online:
- Domain Name
- Web Hosting
• Every domain name is unique
• 1700 new extensions were introduced in 2017 (.ai, .eth than the previous .com, .in)
• Each extension has a cost attached to it
• As your website grows, the $$ also increases (This depends on size, traffic,
multimedia) > which is why websites crash when they do not upgrade
WHERE ALL TO BUY FROM?
1. Hosting - Hostinger
2. Domain name - NameCheap & GoDaddy
HOSTINGER:
• 2-3gb needed per website
• For the 1st package, only one website
• For the 2nd package, upto 3 websites
• For the 3rd package, upto 5 websites
• Never attach any heavy multimedia like videos on the website. Always embed them
via YouTube/Vimeo
• SSL - Secure Socket Layer, each website needs this SSL certificate to encrypt your
and your users data by creating a secure link
• CDN - Content Delivery Network
• 1gb RAM for 1 website
• Free @company name (Only use for person/solo professional use)
Emails with @companyname
1. Hostinger included with the package
2. Google Workspace
WEB VERGE ([Link])
• Can buy domain name + web hosting from here
• DNS - Domain Name System
• Go to dnschecker - to check if your Domain name is live or not (100%)
How to get a SSL Certificate?
WebVerge - Go to Account Manager > SSL Certificate > Get automatic certificate from
ACME Provider > Make sure 2 entries are tick marked > Click on force SSL with https
and then click Save
Integrating WordPress with your domain:
1. WebVerge:
BackEnd WordPress:
• [Link] (Normally Add ‘/wp-admin’ to open your WP and
Log In)
THEME:
• Appearance > Theme > Search for twentysixteen (2016) in words > Click on Install
> Activate
• 2 default plug ins - Hello Dolly + Akismet Anti-Spam: Spam Protection
• You can also customise your themes - Freemium model
• 2nd theme- Kadence - better customisations
• Header designer - 3 menu options
• Relative Linking - when you are connecting the contact us page , only add
‘/[Link]/contact-us/‘ so if you change your domain name, it will still redirect (Only
remove your domain name let the behind thing still stay)
• Initial colour and hover colour (Like when your cursor is on a certain object, the
hover cover will change it versus your initial one)
PLUG INS:
1. WORDFENCE - Activate > Install > Install Free > Wait 30 days > Email and License
Key > Add the no on the plug ins dashboard
• Wordfence helps keeps your website safe
2. FORMS
• Contact Form Seven - Never Use
• WP Forms, Ninja Forms (Freemium), Gravity Forms (Premium)
• We use Gravity Forms - We already have a paid downloaded version that needs to be
Uploaded in the Plug Ins section (It needs to be a Zip File)
How to integrate Gravity Forms?
• Forms > Create Form > Name it > Go on to add necessary details (Make sure to
select Required/World Limit wherever necessary)
• You can also add Pages to to your forms
• Confirmation > Settings > Edit thank you message
• Forms > Select Contact Us > Entries > You can check all recorded inputs/import or
export the entry data
—
Used to be called Classic Editor. Now, called Gutenberg editor/block editor
—————-x————-
USE CHATGPT FOR PROMPTS AND INITIAL WEBSITE CREATION
HOW TO DELETE YOUR SITE?
1. Web Verge > Adv Settings > Wordpress manager > delete
2. Go too SQL Management > Delete > Should show 0 databases
HOW TO CREATE A WEBSITE?
Part I:
1. Log into web verge > log into direct admin > Wordpress manager > Actions >
Install
2. Install Wordpress
3. Create at least 5 pages > Home, About Us, Contact Us + 2 product/service pages
(These pages can be empty at the beginning)
4. Install the theme (Kadence)
5. Install Plug Ins (Instant Images, WordFence, Elementor & Elementor Pro - they also
have simple contact forms)
6. Install Gravity Forms, if necessary
7. Create a blog page - will always remain empty
8. Switch the home page and blog page (Settings>Reading>Static>Homepage -
home > PostPage - Blog
9. Create a Menu
Part II:
1. Go to Pages > Home > Edit > Page Settings > Page Title - Disable > Page Layout -
Normal > Content Style - Disabled >
INNERSECTION
Box shadow
Boz border
MOBILE VIEW:
• Bottom settings: Mobile view
• Different setting for each view
• Content will remain same across all
• Make sure to be mindful of margins and padding
• Look at the icon in each element setting which displays
SLIDERS:
Dimensions for an image slider (phone view):
500pxs width x 750pxs height
Leave some space on the size, left and right
Hide on desktop and tablet
HTML:
Google reads data only in html
H1 = heading one
H2 = heading 2
B = bold
U = underline
I = italics
S = strikehtorugh
_______________________________________________________________________________________
Website Development:
1. [Link] - Checks page speed for diff locations
2. 1440 - Mac, 1024 - Ipad (Check all this in Inspect)
HOW TO OPTIMISE PAGE SPEED?
1. Optimise Images: Use right image sizes for your website to make sure page speed
is less
2. Compress Images - Use tools like tinypng (500 free compressions p month) or
wpsmush pro (Plug In - Let’s you bulk compress images)
3. Use a cachin plug in - Litespeed Cache (For Hostinger) or Breeze (Go-To) - Reduces
website speed
4. Use Cachin plug-ins depending on your hosting website (they recommend one)
5. Use a good hosting service : For business websites use Hostinger / For E-Commerce
use Pressable (Always consider half the amount of recommended visitors
mentioned by the hosting. For eg, if they 1 Mil, then assume 500K)
6. For more than 1 million users per month on your website - Use [Link] for
hosting
7. OVH - Data Centre for Servers (Direct Buy)
8. CDN - Content Delivery Network used for International Customers
- Content is delivered from the nearest server
- They place your website on 800 global servers
- Can also opt for continent servers versus global servers to minimise costs
- Max CDN and Key CDN (2 kind of CDN service packages)
5 MINUTE WEBSITE - STARTER TEMPLATE to be installed
10Web - AI generated websites