Web Design Training

We provide web design training courses for businesses, groups or individuals in the Dublin and Wicklow areas. To book the website day course contact Sheena at 086 8683829 or email:info@startawebsite.ie. Below is the list of areas that the training course will cover and also listed are guidelines to some stages of the process: 

Part 1

  • Websites & Blogs
  • Search engines & websites.
  • What is WordPress?
  • WordPress.com and WordPress.org
  • Hosting WordPress.org and Database Management (PHP)
  • WordPress Database Management

WordPress is written using PHP as its scripting language and MySQL as its database management system. In order to use WordPress, you don’t really need to learn either of them. However, a very basic understanding of the two could help you troubleshoot problems as well as increase your understanding of how WordPress work.

WordPress uses PHP (programming language) to store and retrieve data from the database. The information stored in a WordPress database include: posts, pages, comments, categories, tags, custom fields, users, and other site options such as site urls etc.

When you first install WordPress, it asks you to provide your Database name, host, username, and password. This information is stored in the configuration file (wp-config.php).

Website installation on a basic hosting package:

  • Picking the right domain name
  • Booking the hosting package

Step 1. Setting up a hosting package with letshost.ie;

  1. Enter domain name to see if it is available
  2. (Bulk Domain Search i.e. solicitorscork.ie, solicitorcork.ie corksolicitors.ie & solicitorscork.com
  3. Click on area in Red [No Hosting! Click to add]
  4. Order Complete Cloud Hosting (Linux package)

Step 2. Installing the WordPress software

The WordPress software is installed using the C panel controls sent to you by the hosting company;Softaculus emailhosting package details

Please note when installing WordPress;

  • When you receive hosting package you will be given the Site Admin Url (Cpanel), login and when you log into these settings at the very bottom of the page you will see a button for “WordPress” or “Softaculous” press this and install.
  • You will now see settings to set it up passwords, make sure to use a strong password and make a note of this password.
  • Web Design Training & installing WordPressLeave user name as “admin”. There in no need to install a theme this can be done later, but before press install check the other settings as follows
  • When installing WordPress is in best to leave the “In Directory” blank (Take out “wp”) this will install the WP software to front end of the website (See image on the right)
  • When trying to install and it does not work, it may be because it will say “Files are ready existing” this file maybe Letshost or hosting company holding front page , so you can then click box to override the file and install

If you still have issues accessing the website and you may need to change the DNS, follow these steps to do this:

Changing your nameservers in the Letshost account:

1. Login to the account

2. Go to my domains

3. Press Manage Domain

4. Set nameservers as given to you in hosting package.

5. New settings may take up to 8 hours

Step 3. Accessing the website controls (See the beginning of part 2 for settings)

Part 2

Demonstration on setting up the website using WordPress.org and Log into http: domainname.ie/ website

  • Public URL: http:// domainname.ie/
  • Admin URL: http:// domainname.ie/wp-admin/
  • Username: admin
  • Password: ???????????

Step 1 – The Dashboard, General settings and Users

Users:

Out of the box, there are five user roles available with WordPress. The five default user roles are:

  • Administrator – Has access to all administrative options and features.
  • Editor – Can manage and publish posts. Traditionally, editors review posts submitted by contributors and then schedule them for review.
  • Author – Can publish their own posts when they wish.
  • Contributor – Can write posts but cannot publish them. Instead, they need to submit their posts for review.
  • Subscriber – Has basic functionality such as changing their profile and leaving comments.

Step 2 – Discussions and Comments

Step 3 – Permalinks and adding a Maintenance Mode front page

Step 4 – Adding pages with copy, images and links
Preparing content and adding forms to the media library. Before adding a new page you can upload images and PDF files to media library.

  1. Preparing the content in a word document on your PC
  2. Preparing images sizes and save any files to web ready PDF’s
  3. Log into the website
  4. Copy and paste the URL of the PDF and save it with the content
  5. When adding new page put in heading first and save as draft
  6. Copy and paste copy from Word doc, make sure to press the tab with letter “T”

Step 5 – Adding posts with one category + new/blogroll

Step 6 – Menus: adding a menu and the widgets area (Widget area controls the side area of the website)

In Dashboard go to Appearance / Menus & Widgets, this area controls what appears on the right side area and the top main menu.

Things to do when adding a new page to the menu:

• In the Menu section look for the page or post on the lift side, then tick box and add to menu it will automatically got to the bottom of the menu, You must grab the box and move it to where it should be on the drop-down menu

• Make sure to move the page to appear where you want it to appear in the menu and then save menu. At the top under “Manage Locations” add in new main menu

• To add a new menu to the right widget section, create a new menu

• Then in the Widget section add custom menu from widgets is left area & save

Step 7. Looking at Plugins (Below are 3 plugsins)

Go to Plugins and add “new plugin” put in name of the Plugin and install, plugins give the website extra features and it is worth checking out the “Popular” tab in the menu Plugins section.

Great Plugins:

  1. Google Analytics: http://www.google.ie/analytics/
  2. WordPress SEO by Yoast: https://wordpress.org/plugins/wordpress-seo/
  3. Adding a shop cart using Woo Commerce Plugin
    WooCommerce eCommerce Store: https://wordpress.org/plugins/woocommerce/

Part 3

Demonstration on setting up the website using WordPress.com.

Setting up a website in WordPress.com

1. Log into http://wordpress.com/

2. Set your domain name, password and login

3. E-mail new login details to yourself

4. Save images and copy to the PC

5. Set Theme to Yoke Theme

  • http://nameofwebsite.wordpress.com
  • http://nameofwebsite.wordpress.com/wp-admin
  • User name: nameofwebsite
  • Password: ????????????

Set Theme to Twenty Ten.

When all pages, posts, menu and widgets are set try changing to a mobile friendly theme like “Yoko”

Repeat Steps 1 to 6 in Part 2

Part 4

Other tips on building a website:

  • Email new login details to yourself
  • Save images and copy in folders on your PC marked “web ready”
  • Resize and crop images using Google Picasa – Free Google Picasa Download

Training video on Picasa

Cropping images and re sizing the image using Google Picasa follow theses steps:

  1. If you need a image for header area the image should be 1400 pixels wide (General images 500 pixels)
  2. Find Image, double click and then click crop tool, in the drop down you can add the proportions needed
  3. Chop image press apply, you must then go to file at the very top menu and press “Export image to file” put the width in again and save the file to a file you named “Web ready images

For further information on Web Design Training Workshops contact Sheena at info@webdesignerdublin.ie