WEB DEVELOPMENT Wordpress

Web Design: Learning WordPress

November 2, 2018February 19, 2019 Web Design Comments(37)

Installing Wordpress on a Sub Doamain

Installing Theme on a Wordpress Site

Creating Your First Post

Adding Header Image to a Wordpress Site

How to Add Google Adsense Code to a Wordpress Site

How to Install WordPress – Complete WordPress Installation Tutorial

How to Install WordPress on Your Website

Installing Wordpress on a Sub Doamain

Installing Theme on a Wordpress Site

Creating Your First Post

Adding Header Image to a Wordpress Site

How to Add Google Adsense Code to a Wordpress Site

WordPress is known as the most popular blogging platform and content management system. New users are often surprised when we tell them that WordPress is also well known for its ease of installation. All best WordPress web hosting companies allow you to install WordPress within few clicks. In most circumstances, installing WordPress is a simple process that takes less than five minutes to complete. In this WordPress installation tutorial, our goal is to offer a comprehensive WordPress installation tutorial for beginners and advanced users alike. We will show you how to install WordPress using Fantastico, Softaculous, and SimpleScripts for beginners. We will explain how to install WordPress manually for our intermediate users. Lastly for our beginner developer and designers, we will show you how to install WordPress on a local computer (Windows, Mac, and Linux).

Things You Need Before Installing WordPress

Before you install WordPress, first you will need a domain name and a good web hosting company that knows WordPress.

We highly recommend that you use BlueHost because they will give you a free domain and 50% off their hosting plan (special for WPBeginner users). Bluehost is also an officially recommended hosting provider of WordPress.

Since this is a very long and detailed tutorial, please use the navigation below to get to the appropriate section.

to the appropriate section.

Below are ways you can install WordPress

How to Install WordPress Using MOJO Marketplace
How to Install WordPress using Softaculous
How to Install WordPress using QuickInstall
How to Install WordPress using Fantastico
How to Install WordPress using FTP
How to Install WordPress in your Computer
How to Install WordPress in your Language
How to Install a WordPress Multisite Network
Things to do After Installing WordPress

How to Install WordPress using MOJO Marketplace

MOJO Marketplace provides a simple WordPress installer tool. Several hosting companies use this to provide a 1-click WordPress install experience. This installer is integrated into their cPanel dashboard.

For this tutorial, we will be showing you the BlueHost cPanel. Simply login to your hosting account and then on your cPanel dashboard scroll down to the website section.

Click on Install WordPress icon or 1-click Install. They will both take you to the MOJO Marketplace where you will see an overview about WordPress with a Install button. You need to click on the install button to continue.

MOJO Marketplace will now ask you where you want to install WordPress. Simply select your domain name from the dropdown menu and click on the check domain button.

The installer will now check that everything is in order and will show the final step. You can check the box next to Show Advanced Options to expand it.

You will notice that MOJO Marketplace has already given your site a title ‘My Site’. It will be using your email address as the username and entered a random strong password. You can change all these settings. You also need to check the terms and conditions checkbox.

Once you are done, you can click on the Install Now button.

Your installation will begin, and you will be able to see a progress bar. It will take only a few minutes. You need to wait on this page for it to finish.

Once the installation is finished, you will see a success message with a view credentials button.

You have successfully installed WordPress. Click on the View Credentials button to go to MOJO Marketplace dashboard and scroll down to the notification center.

There you will see the status of your WordPress install with a link to view credentials.

For more on WordPress installation process visit: https://wp.me/pam2gA-N

Web Design

CSS HTML MYSQL PHP WEB DEVELOPMENT

Contact form with mail function and Storing data in the database

August 25, 2018August 25, 2018 Web Design

Contact form with mail function and Storing in the database project has two module : User Module admin Module User Module Sql table structure for tblcontactdata table where we will store our data

CREATE TABLE `tblcontactdata` (
  `id` int(11) NOT NULL,
  `FullName` varchar(200) DEFAULT NULL,
  `PhoneNumber` char(12) DEFAULT NULL,
  `EmailId` varchar(200) DEFAULT NULL,
  `Subject` varchar(255) DEFAULT NULL,
  `Message` mediumtext,
  `UserIp` varbinary(16) DEFAULT NULL,
  `PostingDate` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `Is_Read` int(1) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `tblcontactdata`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;

CREATE TABLE `tblcontactdata` (

`id` int(11) NOT NULL,

`FullName` varchar(200) DEFAULT NULL,

`PhoneNumber` char(12) DEFAULT NULL,

`EmailId` varchar(200) DEFAULT NULL,

`Subject` varchar(255) DEFAULT NULL,

`Message` mediumtext,

`UserIp` varbinary(16) DEFAULT NULL,

`PostingDate` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,

`Is_Read` int(1) DEFAULT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

ALTER TABLE `tblcontactdata`

MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;

Now create a HTML for user inputs. index.php

<form name="ContactForm" method="post">
 
<h4>your name</h4>
<input type="text" name="name" class="user" placeholder="Johne"  autocomplete="off" required>
 
<h4>your phone number</h4>
<input type="text" name="phonenumber" class="phone" placeholder="0900.234.145678" maxlength="10" required autocomplete="off">
 
<h4>your email address</h4>
<input type="email" name="emailaddres" class="email" placeholder="Example@mail.com" required autocomplete="off">
 
<h4>your subject</h4>
<input type="text" name="subject" class="email" placeholder="Subject" autocomplete="off">
 
<h4>your message</h4>
<textarea class="mess" name="message" placeholder="Message" required></textarea>
<input type="submit" value="send your message" name="submit">
</form>

<h4>your phone number</h4>

<h4>your email address</h4>

<h4>your subject</h4>

<h4>your message</h4>

</form>

MYSql database connection

<?php 
// DB credentials.
define('DB_HOST','localhost');
define('DB_USER','root');
define('DB_PASS','');
define('DB_NAME','contactdb');
// Establish database connection.
try
{
$dbh = new PDO("mysql:host=".DB_HOST.";dbname=".DB_NAME,DB_USER, DB_PASS,array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"));
}
catch (PDOException $e)
{
exit("Error: " . $e->getMessage());
}
?>

<?php

// DB credentials.

define('DB_HOST','localhost');

define('DB_USER','root');

define('DB_PASS','');

define('DB_NAME','contactdb');

// Establish database connection.

try

{

$dbh = new PDO("mysql:host=".DB_HOST.";dbname=".DB_NAME,DB_USER, DB_PASS,array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"));

}

catch (PDOException $e)

{

exit("Error: " . $e->getMessage());

}

Insert Data into Database

include('config.php');
if(isset($_POST['submit']))
{
// getting Post values	
$name=$_POST['name'];
$phoneno=$_POST['phonenumber'];
$email=$_POST['emailaddres'];
$subject=$_POST['subject'];
$message=$_POST['message'];
$uip = $_SERVER ['REMOTE_ADDR'];
$isread=0;
// Insert quaery
$sql="INSERT INTO  tblcontactdata(FullName,PhoneNumber,EmailId,Subject,Message,UserIp,Is_Read) VALUES(:fname,:phone,:email,:subject,:message,:uip,:isread)";
$query = $dbh->prepare($sql);
// Bind parameters
$query->bindParam(':fname',$name,PDO::PARAM_STR);
$query->bindParam(':phone',$phoneno,PDO::PARAM_STR);
$query->bindParam(':email',$email,PDO::PARAM_STR);
$query->bindParam(':subject',$subject,PDO::PARAM_STR);
$query->bindParam(':message',$message,PDO::PARAM_STR);
$query->bindParam(':uip',$uip,PDO::PARAM_STR);
$query->bindParam(':isread',$isread,PDO::PARAM_STR);
$query->execute();
$lastInsertId = $dbh->lastInsertId();
if($lastInsertId)
{
//mail function for sending mail
$to=$email; 
$headers .= "MIME-Version: 1.0"."\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1'."\r\n";
$headers .= 'From:PHPGurukul Contact Form Demo<info@phpgurukul.com>'."\r\n";
$ms.="<html></body><div>
<div><b>Name:</b> $name,</div>
<div><b>Phone Number:</b> $phoneno,</div>
<div><b>Email Id:</b> $email,</div>";
$ms.="<div style='padding-top:8px;'><b>Message : </b>$message</div><div></div></body></html>";
mail($to,$subject,$ms,$headers);
echo "<script>alert('Your info submitted successfully.');</script>";
}
else 
{
echo "<script>alert('Something went wrong. Please try again');</script>";
}
}

include('config.php');

if(isset($_POST['submit']))

{

// getting Post values

$name=$_POST['name'];

$phoneno=$_POST['phonenumber'];

$email=$_POST['emailaddres'];

$subject=$_POST['subject'];

$message=$_POST['message'];

$uip = $_SERVER ['REMOTE_ADDR'];

$isread=0;

// Insert quaery

$sql="INSERT INTO tblcontactdata(FullName,PhoneNumber,EmailId,Subject,Message,UserIp,Is_Read) VALUES(:fname,:phone,:email,:subject,:message,:uip,:isread)";

$query = $dbh->prepare($sql);

// Bind parameters

$query->bindParam(':fname',$name,PDO::PARAM_STR);

$query->bindParam(':phone',$phoneno,PDO::PARAM_STR);

$query->bindParam(':email',$email,PDO::PARAM_STR);

$query->bindParam(':subject',$subject,PDO::PARAM_STR);

$query->bindParam(':message',$message,PDO::PARAM_STR);

$query->bindParam(':uip',$uip,PDO::PARAM_STR);

$query->bindParam(':isread',$isread,PDO::PARAM_STR);

$query->execute();

$lastInsertId = $dbh->lastInsertId();

if($lastInsertId)

{

//mail function for sending mail

$to=$email;

$headers .= "MIME-Version: 1.0"."\r\n";

$headers .= 'Content-type: text/html; charset=iso-8859-1'."\r\n";

$headers .= 'From:PHPGurukul Contact Form Demo<info@phpgurukul.com>'."\r\n";

$ms.="<html></body><div>

<div><b>Phone Number:</b> $phoneno,</div>

<div><b>Email Id:</b> $email,</div>";

$ms.="<div style='padding-top:8px;'><b>Message : </b>$message</div><div></div></body></html>";

mail($to,$subject,$ms,$headers);

echo "<script>alert('Your info submitted successfully.');</script>";

}

else

{

echo "<script>alert('Something went wrong. Please try again');</script>";

}

37 Replies to “Web Design: Learning WordPress”

omoh felix peters says:

April 15, 2019 at 1:46 pm

great site to learn web design i think i will always check out on you

Reply
Ashli Ferguson says:

April 15, 2019 at 2:19 pm

OHHH I needed this a few months ago when I was going crazy trying to make my site! haha This is very helpful!

Reply
Michael says:

April 15, 2019 at 2:33 pm

Might come in handy in the future but I use blogspot as of the moment. Thanks!

Reply
Sudipa says:

April 15, 2019 at 5:01 pm

This is such a detailed step by step guide.I wish I could read something like this when I started my blog in wordpress.Very useful

Reply
Ozella says:

April 15, 2019 at 6:18 pm

Great guide on WordPress. I used Youtube a lot when setting up my WordPress account. It’s all foreign language to a no tech person like myself.

Reply
Samar says:

April 15, 2019 at 9:36 pm

I installed WordPress in the same way.

I must say WordPress has come a long way.

Proud to be a part of it.

Reply
Arun says:

April 15, 2019 at 9:40 pm

Thank you so much for this informative post. I am a beginner and still learning how to use WordPress effectively. Saving it to refer again. Learnt a lot from your post.

Reply
Melissa says:

April 15, 2019 at 11:26 pm

I am still using the best way to use wordpress. This is a very informative post.

Reply
Bai-Leigh says:

April 16, 2019 at 12:19 am

This is so helpful!! Especially for someone who hates wordpress and doesn’t know how to use it!!

Reply
Abbigayle Warner says:

April 16, 2019 at 3:24 am

what a very informative post! I’m sure many will find this useful!

Reply
Joseph Abimbola says:

April 16, 2019 at 7:19 am

How I wish I read this before starting my blog. I am a huge fan of DIY and thank you for sharing this knowledge.

Reply
Nandita says:

April 16, 2019 at 8:04 am

Very informative post, helpful for even those who are not very ‘technically oriented’.
– Nandita

Reply
Abbigayle @ Her Luxe Travels says:

April 16, 2019 at 12:43 pm

This is a great guide! VERY INFORMATIVE

Reply
Agnes Vazhure says:

April 16, 2019 at 3:36 pm

Great post. At first I have a hard time to understand and how to use a wordpress. and this post will help other how to use it properly. I will save this and share with my friends.

Reply
Czjai Reyes-Ocampo says:

April 16, 2019 at 3:42 pm

Thanks for this great tutorial. I’ve been considering shifting to WP for the longest time!

Reply
Joanna says:

April 17, 2019 at 11:59 am

This is a very good tutorial. I remember when I first installed wordpress and thought it will be a complicated process. It was not.

Reply
Mickal Lewis says:

April 17, 2019 at 1:33 pm

This is so awesome. I really enjoyed your blog this week this is something everyone can enjoy!

Reply
Katherine Rose Rivera says:

April 18, 2019 at 4:52 pm

Hi,

I really want to transfer and migrate my blog to wordpress but I’m afraid of losing my traffic. Will bookmark this in case I changed my mind.

Reply
1. Web Design says:
  
  April 18, 2019 at 10:32 pm
  
  you are always welcome to seek help from us, the live chat is 24hrs functional, thanks for sharing your thoughts.
  
  Reply
Katherine Rose Rivera says:

April 18, 2019 at 4:53 pm

I really want to migrate my blog to WordPress but I’m afraid of losing my traffic.

Reply
1. Web Design says:
  
  April 21, 2019 at 6:20 am
  
  doing a migration will not make you loose your trafic, i advice you do it and do a redirection from the old url to the new one then put a pop-up message telling all visitor to bookmark the new url that u had to migrate for a faster and reliable service. thanks for stopping by
  
  Reply
Owen G says:

April 22, 2019 at 9:13 pm

You’ve got to love WordPress. It makes things so much easier for the masses to produce sites. Good guide, keep up the good work.

Reply
1. Web Design says:
  
  April 23, 2019 at 3:14 am
  
  thanks Mr. Owen, am glad you learnt something.
  
  Reply
Arun says:

April 22, 2019 at 9:15 pm

As usual, another informative post. Anything I am learning technical related to websites, I owe the credit to you.

Reply
1. Web Design says:
  
  April 23, 2019 at 3:11 am
  
  we thank God for knowledge, you are welcome anytime.
  
  Reply
Nicole Anderson says:

April 22, 2019 at 11:57 pm

Very useful post for bloggers starting out. Easy to read and understand which would be useful for anyone. Well done.

Reply
1. Web Design says:
  
  April 23, 2019 at 3:10 am
  
  am glad you fine it useful, this will gives us more zeal to do more, thanks
  
  Reply
Sania Ahmed says:

April 23, 2019 at 8:45 am

I know a little bit of wordpress, as in optimizing the blog and all… havent tried other ads on and web designing on wordpress, I am sure it requires coding knowledge.

Reply
1. Web Design says:
  
  April 24, 2019 at 4:52 pm
  
  very little coding knowledge is required.
  
  Reply
Blair says:

April 23, 2019 at 12:51 pm

Lots of good information here. I’m using WordPress for my design and hosting now. So it’s working for me.

Reply
1. Web Design says:
  
  April 24, 2019 at 4:52 pm
  
  am glad you are happy
  
  Reply
Michael says:

April 23, 2019 at 4:28 pm

I’ll keep this post noted when I change my mind and maybe transfer to wordpress from blogspot.

Reply
Sue-Tanya Mchorgh says:

April 23, 2019 at 8:56 pm

Your website is now one of my favourite websites to go to for information on website. I am so happy that you take the time out to create these content for us.

Reply
Bree says:

April 23, 2019 at 10:14 pm

Thank you for the helpful tutorial! This really came in handy for me recently!

Reply
Rhea says:

April 24, 2019 at 12:38 pm

I’m using WordPress as my platform for my blog and bluehost for my domain. I don’t have any complains so far – it’s simple and easy to understand’ ..wordpress pretty manageable!

Reply
1. Web Design says:
  
  April 24, 2019 at 3:25 pm
  
  am glad you are very familiar with the CMS system. thanks for stopping by.
  
  Reply
Madhurima @Mango Lady Diaries says:

April 25, 2019 at 4:25 am

WordPress has come a long way. I have been thinking about launching a subdomain and was reading a lot of stuff. This one is very informative.

Reply

Web Design: Learning WordPress

How to Install WordPress – Complete WordPress Installation Tutorial

How to Install WordPress on Your Website

Things You Need Before Installing WordPress

How to Install WordPress using MOJO Marketplace

For more on WordPress installation process visit: https://wp.me/pam2gA-N

Like this:

37 Replies to “Web Design: Learning WordPress”

Leave a Reply Cancel reply

How to Install WordPress on Your Website

Things You Need Before Installing WordPress

How to Install WordPress using MOJO Marketplace

For more on WordPress installation process visit: https://wp.me/pam2gA-N

Share this:

Like this:

Related Articles

PHP CRUD Operation using PDO Extension

Share this:

Like this:

Upload and Validate an Image in PHP

Share this:

Like this:

Contact form with mail function and Storing data in the database

Share this:

Like this:

37 Replies to “Web Design: Learning WordPress”

Leave a Reply Cancel reply