Help and Tips

Its green everywhere, and SimpleByte is no different. An US / HongKong based green tech company needed a professional website to support its B2G backend system. Steve Wong was convinced that SimpleByte could deliver what they needed to impress their  clients ranging from government agencies to suppliers in China and US.

1Guoji.com is a students exhchange programme which required a website to manage the Chinese students wanting to study abroad.

To log into wordpress admin panel

1. Point your browser to http://yourdomain.com/wp-admin ( yourdomain.com needs to be replaced with your website domain name )

2. On the screen, enter your admin username and password.

1. To create a new Post, log in to your WordPress admin at http://yourdomain.com/wp-admin

2. Once you are logged in, you will notice a menu bar on the left hand side of the screen.

3. Click on Posts > Add New.

4. Type in a relevant post title and insert the content.

5. After you finish writing the content, press Publish on the right hand side of the screen.

Before proceeding with WordPress setup you need to walk through Tutorial 1: How to Add Domain Name to your server andTutorial 2: How to Setup a Database.

If you have already setup the domain and database, make sure you have the ftp host, username, password and database name, username and password handy.

1 ) Download WordPress : The very first thing you need to do is download WordPress from here.

2 ) Unzip WordPress : After you have downloaded the WordPress, unzip the folder. To unzip the folder just right click on the downloaded file and look for an option that says “Extract Here”.

If you don’t see the option, most likely you don’t have an archive software installed. You can install WinRar from here.

Continue Reading

If you reached this page from the first tutorial How to Add the Domain in Plesk Panel you can jump directly to step 3.

To add a database for a domain, you need to add the domain in plesk panel first. If you’ve already added the domain name just login to your plesk and follow the instructions below:

1. Click on Domains from the general menu.
2. Click the Domain Name you are adding the database for under the Domains section.
3. Click Databases from the Services section.
4. Click Add New Database from the Tools section.
5. Enter the appropriate information:
   • Database Name: enter the name of the database
   • Type: select the type of database you wish to create ( Recommended: MySQL)
6. Click Ok.
7. Click Add New Database User
8. Enter appropriate information
   • Database user name: enter a database username
   • New Password: enter a password
   • Confirm Password: enter the password again
9. Click Ok.

Now you have a database ready. Make note of the database name, username, and the password.  You will need these for the next Tutorial: WordPress setup.

This guide is the first tutorial out of five on “how to setup wordpress site” and shows you how to add a new domain name in your media temple (mt) server.

Add Domain within the AccountCenter

In order for your newly added domain to propogate correctly you must also add a zone file for your new domain. This zone file allows Media Temple (mt) nameservers, ns1.mediatemple.net and ns2.mediatemple.net, to properly route your domain to your (dv) server. The following steps will show you how to accomplish this:

1) Log into your (mt) AccountCenter .

2) Select “Add New” from the “Domains” drop-down menu.

3) Type in your domain name in the blank field, e.g. mt-example.com, not www.mt-example.com

4) Check only the “Add Domain to a new or existing service” box and click “Next”.

5) On the next screen select the radio button for your (dv) server and choose the applicable IP Address in the “Choose IP” drop-down box.

Continue Reading

To create a new Page, log in to your WordPress admin.

Once you are logged in, you will notice a menu bar on the left hand side of the screen.

Click on Pages > Add New.

After you finish writing the content, press Publish on the right hand side of the screen.

This tutorial will take you through the individual chef website customisation.

1. Before start editing the home page lets take a look at the different areas’ names first.

How to Access the Admin Panel:

To start with, we will need to get access the Content Management System (CMS) Admin Panel. To do this, please follow the tutorial below.

how to get to wordpress admin panel ?

How to Change the Logo & Favicon:

Logo: To change the logo – It is optimal to size you logo to 233px by 83px

a. Go to Media > you will see a button ‘Add new’ to the right of the page header

b. Click the ‘Select File’ button to browse and upload,  After selecting the file, it is optional to input further details. Title this image ‘Logo’.

c. You will see the File URL as the last field > Select and Copy the URL in this field

d. Go to Appearance > SimpleByte Theme Options > General Settings > Logo on admin panel ( how to get to wordpress admin panel ? )

e. Paste the URL of the logo as shown below.

f. Click the ‘Save Changes’ button to complete the works

g. Similarly you can change favicon too by following the above steps.

Note: At any point in time, you can have a look at the live site as it progresses by following the ‘Visit Site’ button in the top grey area of the page.

To return to the admin panel, just type in ‘wp-admin’ back into the URL.

For example: http://simplebyte.net/chefs/yourname/wp-admin/

How to Change the Reservation Area:

To edit the Reservation area; on the admin panel, go to Appearance > SimpleByte Theme Options. Under General Settings edit the Header Reservations Settings as shown in the picture below

Before we move onto the Banner, we need to first need to understand how to Edit a Page. You will see why in the following steps.

How to Edit Pages

Adding Pages will result in a new title appearing in the main navigation at the top of the page.

a. Next to ‘Edit Pages’ you will see the Add New button. Click this to open a new Page.

b. The first field here is for the Title which we will make ‘Test’.

c. Underneath in the second field is where you input the Content. In this case lets just keep it simple and write “Here is some test text”. It is a good time to make note of the ‘Upload/Insert’ buttons above this type field to assist you in adding imagery to your page.

d. Over in the right hand column, you will see ‘Order’ with a zero underneath in the type field. This refers to the order placement of the page. You can test this by changing the number here to something like 3, in which case it will be the third page showing in the navigation menu.

e. After you’ve completed these steps, save by pressing “Update or Publish” in the right hand column.

Now we know how to Add and Edit a Page, we can then move on to follow the instructions below to Construct/Edit your Banner.

How to Edit the Banner & Buttons

1. Go to Pages in Admin and add a new page as shown in the picture below.

As you are working on the page, on the address bar of your browser you will see a number which is the “id (number)” of the page. See the picture below:

b. We need this number on the next step to make this page our banner.

c. After you’ve completely filled the page, save by pressing “Update”.

d. Now go to SimpleByte Theme options under Appearances. Find “Front Slider Settings” and add the “id” as shown in the picture below:

How to Edit Widgets

A Widget is the area which is established to house ‘Posts’. The only content that can be edited here is the Title of the three areas Special Offers, Latest Recipes, Restaurant Hours. The only exception is under ‘Latest Recipes’, you can change the number of posts visible.

a. Go to Appearance > Widgets in the admin panel.

b. On the right hand side you will see a group of drop down fields titled “Front Footer 1, 2, 3“.

These correspond to the three columns of information under the banner: Special Offers, Latest Recipes, Restaurant Hours. Open them by clicking on the down side arrow on the right.

c. Within each widget you can edit the Title field which you can edit to suit.

Note: The Category is what

links this widget to the correct location so it is advised not to alter this information.

Lets use the widget found in Footer 3, “Text: Restaurant Hours“ as an example: you will notice the title and content area. You can edit and save as shown below.

How to Edit Posts

A Post is where you can Add or Edit your content to suit your requirements and distribute this content throughout different locations on the site.

a. Next to ‘Edit Posts’ you will see the Add New button. Click this to open a new Post.

b. The first field here is for the Title which we will make ‘April – Special Offer’.

c. Underneath, lets put in the Content in “Wedding Season is around the corner. Out of ideas for a wedding gift?  After the stress of the wedding, why not give the happy couple the “Gift of Time” – a Personal Chef Service for an evening of luxury & pampering. I’ll design a menu, shop for the freshest ingredients at the local market, and [...]”

d. Under the header ‘Custom Thumbnail Image Location’, copy in the URL you will like to show as the image.

e. In the right hand column, you will see a tab for Categories. For this one, lets tick ‘Special Offers’.

f. To wrap up, have a visit to the site and see the progress!

Lets use April Special Offers as an example:

Special Offers area contains a post with a thumbnail image (shown in the picture below). For a post to appear in this area you need to have the post in a category. To select a category for a post, make sure you choose the category ( in this case “Today’s Special”) while editing the post.

a. On the right hand side you will see an option titled “Front Footer 3“. Open it by clicking on the down side arrow on the right

b. After you open “Front Footer 3″, you will notice “Text: Restaurant Hours“. You need to click open it as well.

c. Once you open “Text: Restaurant Hours” you will notice title and content area. You can edit and save as shown below.

How to Edit Blogs and manage Comments:

To construct a Blog post, the process followed is similar to creating a Post. The information you put into this will eventually be categorized and assigned to the desired location.

a. Next to ‘Edit Posts’ you will see the Add New button. Click this to open a new Post.

b. The first field here is for the Title which we will make ‘My New Blog Post’.

c. Underneath, we add the Content in “This is my new blog post which will contain my latest recipe”

Note: Remember the buttons above the content field will allow you to input images to your post.

d. Under the header ‘Custom Thumbnail Image Location’, copy in the URL you will like to show as the Thumbnail image.

e. In the right hand column, you will see a tab for Categories. For this one, you will need to tick ‘Blog’. Make sure that no other boxes are ticked off when following this step.

f. The addition to this, is that when you have created a blog posting, if you visit in your site, you will see there is the option for people to post Comments.

g. When someone posts a comment on one of your blogs, you will be able to assess this from the ‘Comments’ button which can be found in the left hand menu of the admin panel. Here you will see that there is the option for you to remove or edit a posting giving you control over the content a visitor has added to your site.

In Summary:

This concludes the tutorial for the main areas of the Chef Alliance Individual Chef Site instructions.

If you get stuck at any point along the way, the SimpleByte team have a maintenance program which can assist with any repairs or unique customisations you would like to make further.