Friday, April 17, 2020

How to Install WordPress

Final product image
What You'll Be Creating

So you want a WordPress site?

That’s great. WordPress is the world’s most popular content management system (or CMS), and for good reason.

With WordPress, you can get yourself a flexible, scalable, and user-friendly website. The software itself is free, and all you have to pay for is the hosting you’ll put it on.

But before you can start, there is one thing you’ll have to do, and that’s set up WordPress. This puts a lot of people off: they think it’s tricky, or long-winded, or requires writing code.

None of these are true. You have two options for installing WordPress, both of which are designed to be quick and easy. I’ll show you how to do both of them in this guide.

Premium WordPress Themes and Plugins 

Once you've got your site set up, you'll want to explore the thousands of WordPress themes on ThemeForest and WordPress plugins on CodeCanyon. Purchase these high-quality WordPress themes and plugins and improve your website experience for you and your visitors. 

Options for Installing WordPress

There are two ways of installing WordPress: manually, or with the click of a button.

For most non-techies, the click of a button option is the preferred one. But just in case you prefer the more thorough way, I’m going to help you to do it manually too.

Each method has its own advantages and disadvantages.

Automatic Installation

Pros:

  • It’s easy.
  • It works.

Cons:

  • Your hosting provider might add some extra code or plugins, which could cause you problems in the long run or might just annoy you. For most people, this isn’t an issue.
  • A poor hosting provider might not install the latest version of WordPress. A good one will. (Hint: you should only go with a good one.)
  • If your hosting provider doesn’t provide cPanel (or something like it) as part of your package, you might not have access to an auto-installer (which is why this is an important criterion when choosing hosting).

Manual Installation

Pros:

  • You get a clean installation with no extra code or plugins.

Cons:

  • It takes longer.
  • It’s not as easy.
  • Sometimes it doesn’t work properly (although that’s normally due to user error).

For 90% of website owners, the automatic installation is absolutely fine. It’s only if you’re planning to customize the code on your site that you may have issues.

If you fancy trying your hand at manual installation, read through the instructions below and give it a go. But if you prefer an easy life, go with the automatic option.

Installing WordPress with Siteground

If your hosting account is with Siteground, you’ll be pleased to know that installing WordPress is quick and easy, and doesn’t require any technical skills.

Log into your Siteground account and click on Websites to go to the Websites screen.

Siteground Websites screen

Click the New Website button at the top of the screen.

You’ll then be prompted for which domain you want to use with your site. You can use one of the following:

  • a new domain, which you register with Siteground
  • an existing domain which you already have registered and pointing at your Siteground account
  • a temporary domain, meaning you can test the new site and then set up the domain once it’s ready

Select the option you want to use and click the Select button beneath it. If you select existing domain, you’ll need to type the domain name into the field that appears. If you’re setting up a new domain, you’ll be given the option to register it with Siteground. If  you select a temporary domain, that will appear on the screen.

Click the Continue button to go to the Add New Website screen.

Add New Website screen

Find the Start New Website box and click the Select button. You’ll be given a choice of apps to use for your new site. Click on Select in the WordPress box.

You’ll then be prompted to type in your login details.

Login details setup

Type in your email address and the password you want to use and click the Continue button.

You’ll then be given the option to add SG Site Scanner to your site. If you want to sign up for that, click Add. If not, click Finish.

The system will then start work creating your site.

Siteground creating site

And that’s it! The next screen you will see will have details of your new WordPress site.

New site created

From here you can view your site or log in to manage it. Check out our complete guide to making a site with WordPress to learn how to add content to your site and get it working for you.

Installing WordPress in CPanel

If you’re with a different hosting provider, they’ll probably provide you with an auto-installer that you access via cPanel or via their dashboard. 

First, you’ll need to access your control panel with your hosting provider. This is normally called cPanel, although some providers give it a name of their own.

If you’re not sure how to get to this, check the email you received when you set up your hosting account. It should contain a link to cPanel. And if that fails, ask your hosting provider to tell you or google ‘access cPanel [my hosting provider]’.

cPanel

You should find a section called Autoinstallers. In that section you’re looking for an icon with the word WordPress beneath it. If you can’t find that, you’ll need to use Softaculous instead.

Let me start by demonstrating the process with the dedicated WordPress installer.

Installing WordPress With the WordPress Auto-Installer

Click on the WordPress logo. This will take you to a set of screens for installing WordPress.

If the Install tab isn’t already open, click on it.

Now complete the fields as below.

  • Version: Leave this as the default.
  • Protocol: If you have SSL already set up for your site (some providers give you this when you register the domain), select https://. If not or if in doubt, select https://. Note that SSL makes your site more secure and is worth using if possible.
  • Choose Domain: If you have more than one domain registered, choose the one you want to use.
  • In Directory: Leave this blank.
  • Site Name: Enter the name of your site. You can change this later.
  • Site Description: Your tagline. Again, you can change this later.
  • Enable Multisite: Leave this unchecked. Some auto-installers don’t have this: don’t worry if you can’t see it.
  • Admin Username: Type in the username you want to use. Don’t use admin as this isn’t very secure. You can’t change this later, so make sure it’s what you intend to use forever.
  • Admin Password: Type in the password you want to use. Use something different from your username, with a few upper-case letters and numbers for extra security. You want to make it as hard as possible for people to get into your site. You can change your password later via the WordPress admin screens, to make it more secure.
  • Admin Email: Type in the email address you want to use for any emails relating to your site. This isn’t publicly displayed.
  • Select Language: Choose your language.
  • Select Plugins: Leave all of these unchecked. This will only be an option with some hosting providers: don’t worry if it isn’t there.
  • WordPress Starter: Uncheck this. Again, this is specific to some hosting providers and you might not have it.

If there are any other options, just leave them unchecked. And ignore any advanced settings: you don’t need to worry about them.

Once you’ve filled out the fields, click the Install button.

The auto-installer will take some time to set up your new WordPress site, and then you’ll be taken to a screen with details of your new site. There will be a link to the site itself and a link to your dashboard. In the screenshot below, I’ve installed WordPress in a subdirectory.

new site created by auto-installer

Congratulations, you now have a WordPress site!

Installing WordPress With Softaculous

If your cPanel doesn’t have a dedicated WordPress installer, you can use Softaculous instead. Follow these steps:

  • Click on the Softaculous icon in cPanel.
  • From the menu on the left, select WordPress.
  • Click the WordPress icon at the top of the screen.
  • Follow the steps in the previous section.

In fact, the WordPress auto-installer is nothing more than a shortcut to the Softaculous installer. So the process is the same.

Once you’ve done that, you can follow the link to your shiny new site and start getting it ready.

Installing WordPress Manually

Alternatively, you can use the "famous five-minute install" to install WordPress manually.

To install WordPress manually, you’ll need:

  • A web browser.
  • An FTP client. This will let you upload files to the server where your website is hosted. Personally, I use Coda, a code editing application with an FTP client included, but if you just need FTP, you can choose from our list of the top five FTP clients out there.
  • Access to your server to create databases—your hosting provider will likely provide you with a tool called phpMyAdmin to do this. If in doubt, ask them!

Note that you won’t need an FTP client if you’re running WordPress locally—that is if you're running it on your computer instead of on the internet.

To install WordPress, you’ll need to follow three steps:

  1. Create a database on your server.
  2. Download WordPress and copy it to your server.
  3. Run the WordPress installation.

Create a Database

The database will hold all of your site’s content, and without it, WordPress and your WordPress site won’t work. You can create yours in one of two ways, depending on your hosting provider’s setup:

  • via your hosting admin screens
  • using phpMyAdmin

With my hosting provider, I use their admin screens to create a database, so let’s look at that first.

Using Your Hosting Admin to Create a Database

In your hosting admin screens, find an option called databases, SQL databases, or similar. The exact name will vary depending on your provider.

For example, here’s the screen I use:

creating a database

If you’re using a similar admin screen, follow these steps:

  1. Give your database a name and type it in the field.
  2. Click on Create Database.
  3. You’ll then be asked to enter a password for the new user associated with this database. Choose a password, type it in, and click OK.
  4. Make a note of the database name, username, and password. You’ll need these later.

And, that’s it—your database is ready!

Using phpMyAdmin to Create a Database

If your hosting provider gives you phpMyAdmin as part of your package, or you’re using MAMP to install WordPress locally, you can use this to create your database.

In your hosting admin screens or the MAMP welcome screen, click the link to phpMyAdmin, which might look something like this:

phpMyAdmin

The phpMyAdmin welcome screen will open. Click on the Databases tab at the top left to open the databases screen:

phpMyAdmin create database

In the Create Database field, type the name of your database.

Click the Create button.

And with that, your database will be created. Make a note of the database name for later. The username and password will default to root.

Step 1 is done—and that’s the trickiest part. It’s plain sailing from here on in!

Download and Upload WordPress

Now you need to download the latest version of WordPress.

Go to the WordPress download page.

WordPress download page

Click the Download WordPress button to download a zip file containing all of the WordPress files to your computer.

Unzip the file on your computer in exactly the same way you would normally unzip any other file. You’ll now have a folder called wordpress with all of the WordPress files in it. Make a note of where that folder is.

Next, you need to upload WordPress to your server.

Open your FTP client. Sign in to the FTP on your server using the FTP login details your hosting provider gave you when you created your account. If you’re not sure about these, ask them. You’ll need the server address, your username, and the password.

In your FTP client, find the wordpress folder on your local machine and the public_html folder on your server. You should be able to see the two of them side by side. As an example, here’s mine in Coda:

transferring the files via FTP

Note that my folder on the remote server is empty because I’m installing WordPress in a subdirectory. Yours will have other files in there—ignore those.

Now drag the contents of the wordpress folder (not the folder itself) to your public_html folder. Your FTP client will copy the files to your server.

Wait for the files to finish copying. Now you’re ready for the third and final stage: running the WordPress installation.

Run the WordPress Installation

Your database and files are in place, and you’re ready to install WordPress!

Open your browser and go to your website. You’ll see the first WordPress installation screen.

You should have all this information noted down from when you were creating your database. Click Let’s Go!

On the next screen, input your database name, username, and password. If you’re working locally, the username and password will default to root. Otherwise, they’ll be what you specified when you created your database.

Leave the Database Host and Table Prefix fields as they are (note: if in any doubt, ask your host for what to enter as the Database Host, as this can vary between hosting providers—assuming they haven’t already let you know in a previous email when you initially signed up for their services) and click Submit.

Next, you’ll see my favorite screen—the one that tells you WordPress is ready to install. Well done!

run the installation

Note: If you’re in the US, it will say ‘All right sparky!’ I’m in the UK, so it uses the more sedate ‘sunshine’. I prefer ‘sparky’ to be honest.

Click Run the install to access the site details screen.

site details screen

Finally, enter your site details: the site title, your username and password, and email address. If you want Google to find your site, leave the Privacy box checked. Click Install WordPress.

WordPress will be installed, and you’ll see a success screen. Hurray!

Now you can log in to your site by clicking the Log In button and entering the credentials you provided when you were installing WordPress.

This will take you to the WordPress dashboard.

WordPress Dashboard

Congratulations, you’ve successfully installed WordPress and can now start managing your site!

Installing WordPress isn’t as tricky as you may think. By following the advice above, you can get yourself a brand new site with the world’s favorite CMS. Enjoy!

The Best WordPress Themes and Plugins on Envato Market

Explore thousands of the best WordPress themes ever created on ThemeForest and leading WordPress plugins on CodeCanyon. Purchase these high-quality WordPress themes and plugins and improve your website experience for you and your visitors. 

Here are a few of the best-selling and up-and-coming WordPress themes and plugins available for 2020.


by Rachel McCollin via Envato Tuts+ Code

Instagram's acquisition by Facebook made Twitter CEO Jack Dorsey so upset that he deleted the app and never used it again

Twitter and Square CEO Jack Dorsey and Instagram founder Kevin Systrom were used to be quite good buddies. Dorsey was one of the earliest most influential Instagram users. But he hasn't used the app since 2012. A new book "No filter: The inside story of Instagram" by Bloomberg reporter,...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

FINALLY! Facebook will soon Allow Group Admins to "Mute Members" for upto 28 Days!

Not many people would admit it but Facebook actually deserves credit for attempting to make its platform safe and healthy for users. While it still has a long way to go, the steps it is making are surely commendable. Recently, it was reported that the social media giant would be rolling out certain...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Ali Siddiqui via Digital Information World

Fun and games with JavaScript

#484 — April 17, 2020

Unsubscribe  :  Read on the Web

🕹 If you're bored this weekend at all, consider joining the latest Ludum Dare — it's an online game jam that's been taking place for 18 years and more JavaScript entries are appreciated against all the Unity crowd ðŸ˜‚

JavaScript Weekly

Writing an 'Emulator' in JavaScript (and Interfacing with Multiple UIs) — This is really neat. Tania built a Chip-8 interpreter in JavaScript and has gone into quite a bit of detail about what was involved here. Lots of neat bits and pieces to pick up from this.

Tania Rascia

jQuery 3.5.0 Released — I know many of you will groan, but I’m delighted when I see a new jQuery release. It’s still so heavily used. No headline features though, this is a security fix for a cross-site scripting vulnerability, plus some tweaks and fixes in preparation for jQuery 4.0 (yes!)

Timmy Willison (jQuery Foundation)

Build a Game of Battleship with TypeScript & Java. Free Course — Join over 2000 developers creating a game of Battleship with TypeScript, Spring Cloud Stream (Java), and PubSub+. This free 30-minute course is a great way to learn the basics of messaging and event-driven architecture with the Aurelia framework.

Solace sponsor

Profiling React.js Performance — Goes into detail on aspects of the React Profiler API, React’s new experimental Interaction Tracing API, and measuring custom metrics using the User Timing API.

Addy Osmani

Userscripts are Fun and Still Very Much Relevant — ‘Userscripts’ are basically JavaScript programs that run in the context of other Web pages so you can add your own features. They were really popular for a while but still exist and are still a neat use case for using JavaScript to improve your Web experience.

Eldad Bercovici

Another Look at What's New in ECMAScript 2020 — We linked to Dr Axel’s roundup recently, but here’s another take, looking at dynamic imports, nullish coalescing, optional chaining, BigInt, and more.

Ianis T.

⚡️ Quick Releases

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Senior JavaScript Developer (Warsaw, Relocation Package) — Open source rich text editor used by millions of users around the world. Strong focus on code quality. Join us.

CKEditor

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📚 Tutorials

How To Create a Particle Trail Animation in JavaScript — Particle animations are particularly (sorry) striking.. and in this article, Anna Prenzel shows how to easily create your own such effects with Anime.js.

Smashing Magazine

Strategies for Migrating to TypeScript — A quick overview of some strategies for migrating code bases from JavaScript over to TypeScript.

Dr. Axel Rauschmayer

Developing in a Monorepo While Still Using Webpack — Second part in a series discussing things the team at Etsy learned during the migration of a home-grown, Require.js-based build system to webpack, which took over a year.

Salem Hilal

A More Productive Way to Build Your JavaScript Apps — Write better code, debug it, and test it – all in one place. Try WebStorm. No configuration required.

WebStorm sponsor

▶  Let's Build a Digital Circuit Simulator in JavaScript — A special episode of the Low Level JavaScript series takes us on a brief journey into the world of digital logic.

Low Level JavaScript

How To Set Up an Express API Backend Project with PostgreSQL — A pretty extensive walkthrough of creating an HTTP API using Express with Node.js and Postgres on the backend, then deploying it all on Heroku.

Chidi Orji

Speed Up Your Angular App: 14 Optimization Tips — Tips on how to make your Angular app smaller, faster, and more responsive.

Marcelo Ricardo de Oliveira

Class-Related Types in TypeScript

Dr. Axel Rauschmayer

📅▶ A Fireside Chat on the State of Microservices on April 21 — We recently helped The Software House with a developer survey (thanks to those who took it!) and now they’re doing a live chat on the state of microservices next Tuesday featuring Yan Cui, Alessando Vozza, and others.

The Software House

🔧 Code & Tools

Puppeteer 3.0: It Now Supports Firefox — Best known for as a way to headlessly control Chrome from Node, Puppeteer has recently seen some competition in the form of the cross-browser Playwright recently. But, no fear, Puppeteer is stepping up and can now work cross-browser too. We also learn Puppeteer is migrating to TypeScript.

Mathias Bynens

Open-Source Serverless CMS Powered by React, Node.js and GraphQL API — Build dynamic websites and apps with Webiny. 100% powered by JavaScript. Deploy your sites to AWS Lambda.

Webiny Serverless CMS sponsor

Rome: An Experimental JavaScript Toolchain — A compiler, linter, formatter, bundler, testing framework and more. Started by Sebastian McKenzie (of Babel and Yarn fame), Rome is now a project from the React Native team at Facebook. Related repo.

Facebook

Vime: A New, Modern Media / Video Player for the Web — Aims to be a ‘modern alternative to Video.js and Plyr’: “The idea behind Vime is we want you to control the player, not the other way around.” Modular, tree-shakable, and with potential for a plugin ecosystem. GitHub repo.

Rahim Alwer

Vuln Cost: An Open Source Security Scanner for VS Code — Free Snyk-powered VS Code extension that finds security vulnerabilities in npm packages, providing feedback in-line with your code, such as how many vulnerabilities a package has.

snyk

ip-num: A Library to Work with ASN, IPv4, and IPv6 Numbers — Happy in both Node and the browser.

dadepo

Flip: Animated Flip Counter Plugin to Add a Countdown to a Website — Adds an animated dynamic countdown timer to a page. No dependencies, responsive and mobile friendly, and fits any language, locale, or time zone.

Rik Schennink

The Perfect Partner to MongoDB Atlas. Try It for Free

Studio 3T sponsor

A JavaScript API for Controlling 'Simpsons: Hit & Run' — Including this as a bit of fun if you fancy noodling on something odd. Remote controlling games from JS seems neat, although I suspect just getting this running would take a while..

Tavis Ormandy


by via JavaScript Weekly

Facebook's CEO Boasts He's Working With Chan Zuckerberg Biohub To Produce A Low-Cost Ventilator Amid Covid-19 Crisis

Since the world is being taken over by the coronavirus in a lot of different ways, things are starting to change and people are refocusing their priorities so that they can enable themselves to get a lot more out of their futures. Ventilators are now some of the most important pieces of technology...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

Facebook’s experimentation of improved stories might lead to a feature of keeping stories active for as long as 3 whole days

We all know that Facebook stories are slowly gaining user attraction, but it's nothing as compared to the popularity gained by Instagram stories. We can almost instantly figure out why that's the case. It's probably due to the large number of Facebook audience that's old. App researcher Jane...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World