Before you can install WordPress on your site, you have to sign-up for a portfolio site via the link '+ New' in the menu. Do not forget to add a database (set the option). If you already signed up, but did not add a database yet, you can add a database, just go to the 'New' page. Also, if you forgot your database password, go to the 'New' page to reset your password.
These are the basic steps you should take. Each step is described in detail below.
Download the zip-file of WordPress from Wordpress.org. Extract the contents of the zip-file to a folder where you will keep a copy of your website on your computer. (For instance, in a folder 'Website' in your Documents folder).
If you consider mixing a html-based site with WordPress, check out this info.
Please be aware that the index-file (index.php) of WordPress will have higher precedence to an existing index.html and therefore the WordPress index will effectively become your new homepage.
You can find the database account details in the e-mail you received (when you registered the new site). If you do not have the details, go to the 'New' page.
In a Web browser, go to your site address.
You should get a Welcome page. Press the button Let's go! to start the installation. Now you have to fill in the database details:
The shown values for Database name and Username are examples. Leave the Database Host and Table Prefix as they are. Fill in the details (from the e-mail you received) and press Submit to continue. Next, click 'Run the install', then fill in the details for your site (example screen below). It is not recommended to use "admin" or your studentnumber as a username.
Write username and password down somewhere! You need these to access the WordPress dashboard.
Press Install WordPress to complete the installation. If everything went well, you see a "Success!" message. You can then press the "Log In"-button to enter the Dashboard of your WordPress site.
Important: continue with step 3 and 4, otherwise you will get intro trouble later!
After you finalized the installation, you will receive an e-mail notification which contains a link to your site and a link to the Dashboard.
If you ever forget the address of the Dashboard, it can be reached by adding
wp-login.php to the address of your site.
You can use the Dashboard to post messages, create pages, configure settings, themes, plugins etc. The top area contains shortcuts to for example post a new message and to go to the homepage of the site:
To post a message to your Blog, click "Add New" from the Post-menu:
Enter the title and the content of the message:
Next, add a category:
Finish your first post by pressing the Publish button:
Now you can start posting Blog messages and further customize your blog. Continue with step 4 to learn more on installing a different theme and install plugins.
When editing a post or page, you can switch to the text-view to edit in HTML:
Important: continue with step 4, otherwise you will get intro trouble later!
Before you can install plugins and themes and possibly updates, you will have to modify the config-file of WordPress.
Using FileZilla, on the website (right side) navigate to the folder which contains WordPress (usually
public_html), then double click on the file
wp-config.php to download it.
Next, open it with your editor (eg. Notepad++) and add the line given below to the end of the file.
After that, upload the file back to the website. Now you should be able to install plugins and themes.
Go to Settings > Permalinks and for instance choose 'Post name' as the preferred way to create links to Blog articles and Pages.
Go to Appearance > Themes to change or add a theme. A theme can be used to change the appearance (layout, style, fonts etc.) of your site. You can browse for ready-made themes via the "Add new" button. If you find a nice theme, you can Install it. After you installed a theme, you can get a Live Preview of that theme, to see how your site looks with that theme. If you think it is Ok, you can Activate that theme.
You can freely customize a theme via the Customize entry in the menu (or the button Customize in the overview of themes).
However, the amount of customizing you can do varies per theme. Some themes have an option to add additional CSS styling.
For instance the default theme Twenty Seventeen has an option "Add additional CSS" in it's menu:
(you may need to over-rule default styles using the
!important tag in CSS).
In some cases, the "Add additional CSS" might not be sufficient (or available) and you might be tempted to change the stylesheet of the theme, which you can edit via Appearance > Editor. However, it is not a good idea to change the stylesheet of a theme directly, as the theme might receive updates, and your changes might get overwritten. If you want to customize the stylesheet of an existing theme the best way to do that is to create a child-theme of the theme.
Go to Appearance > Menus, at the field "Menu Name" type a name for your menu and press "Create Menu". Next, at "Menu Settings" check the options you want. The option "Automatically add new top-level pages to this menu" can be handy. Also, if this will be the main menu of the site, check "Primary Menu".
You can now add pages or other content to the menu by using the dialog at the left. For example, check the pages you would like to add under "Pages" and press "Add to Menu". At the left side you can now drag the links to order the menu as you wish.
If you do not have it yet, create a page first. In this example we have a page named "Home". Then, go to Settings > Reading. At "Front page displays" select "A static page" and select the page. Press Save Changes.
Because your Blog-posts might become inaccessible this way, you might consider:
Add a new page (Pages > Add new) and give it a title, eg. "Recent posts" or "Blog". Now go to Settings > Reading. At "Front page displays", next to "Posts page:" select the page you just created. Press Save Changes. It should be automatically added to the main menu of the site. If not, add it manually via Appearance > Menus.
Review all settings under Settings > Discussion carefully. To disable comments for non-authorized users (like spam-bots) check "Users must be registered and logged in to comment". Why? This prevents automated spam bots to flood your site with comments. If you really like to receive comments, activate the Akismet plugin.
In Settings > Discussion: uncheck al options under "E-mail me whenever".
If you for instance click on a category and you get an error that the page cannot be found, or have links in a menu that no longer work, you might have to update the Permalink-structure: in the Dashboard go to Settings > Permalink and press "Save changes". If that does not solve problems with menu's, try to re-create the links in the menu that do not work (delete them and make new links).
At the login-page there is a "Lost your password?"-link below the Login-form. Follow the steps there. As long as you remember which e-mail address you used to register the account, you are safe. More information is available here. If you need access to the database, you can use PHPMyAdmin.
Use PHPMyAdmin to view/administer your database.