Move your site to this site

If you had a site on one of the old portfolio websites (portfolio.io.utwente.nl or creators.ewi.utwente.nl), read this manual on how to transfer your current site to this site.

Old sites are no longer available

Since the old sites are no longer available since 1-1-2017, you cannot transfer your old site to the new site anymore, unless you have a backup of your own. In excepional cases a backup can be requested from the site admininstrator. This manual is updated to reflect a situation where you have your own backup and want to restore that on the new site.

First: sign-up for new site

Before you can use this site, you have to sign-up for a new portfolio site.
If you are moving your site from portfolio.io.utwente.nl to this site, it is important you choose the same site name.

Basic steps

These are the basic steps you should take. Each step is described in detail below.

  1. Get a backup from the old site.
  2. Upload all files in the folder on your computer to the new site.
  3. Does your site use a database? (eg. if you use WordPress, you do) If the answer is YES then:
    1. Backup the database of the old site.
    2. Import the database on the new site.
    3. Configure WordPress so it works on the new site.

1. Get a backup from the old site

Since the old sites are no longer available since 1-1-2017, you need a backup of your own. Try to locate the files of your website on your own computer or a backup. Remember the folder, you need it in the next step.

In excepional cases a backup can be requested from the site admininstrator.

2. Upload all files in the folder on your computer to the new site

Connect to the new site with an FTP client like FileZilla. Need help connecting? Click here

  1. On the remote site (right side), browse to the folder which contains your site: public_html
  2. On the local site (left side), browse to the folder on your computer which contains the backup of your old site
  3. On the local site (left side), select all files (shortcut: CTRL+A)
  4. Upload (right-click on selection, choose Upload or simply drag the selection to the right side)

After you uploaded your site you might want to consider these points:

Check for http-references

If your site contains links to external resources via a http-url, for example like this:

<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
You will have to replace http: with https:. If you open the Console (in Chrome: CTRL+SHIFT+J) while viewing your page, you will see which links are causing trouble.

Filenames on the new site are case-sensitive

Filenames on the new site are case-sensitive. It is recommended to use only lowercase characters for all filenames. If you run into problems (eg. images not loading), first look at the Console to see what is the exact error. If you get errors like "Failed to load resource: the server responded with a status of 404 (Not Found)" you probably have to check the mentioned filename. The filename in HTML and/or CSS code should match the actual filename exactly. Use FileZilla to check this, as you can see the whole filename there, including the extension.

Redirect your old site to the new site

To redirect visitors from your old site to the new, create a file index.php with this content:

<?php
header("Location: https://portfolio.XX.utwente.nl/student/XXXXXXX");
?>
Replace the parts highlighted in red with the appropriate values for your site. Upload this file to your old site.

HTML-based site? You're done

If you have a HTML-based site (which consists of html-pages, css-files and images) that does not use a database, you are done. Check your site if everything is Ok. If not, eg. if you use WordPress, continue with the steps below.

3.1 Backup the database of the old site

Since the old sites are no longer available since 1-1-2017, you cannot get a database backup of your old site anymore, unless you have a backup of your own. In excepional cases a backup can be requested from the site admininstrator.

3.2 Import the database on the new site

3.2.1 Login to PHPMyAdmin on the new site

Login to PHPMyAdmin on the new site with the database account details you received by e-mail (when you registered the new site). If you did not register yet, or did not create a database yet, you can do that here.

3.2.2 Import the database

Select your database (name is your studentnumber) in the left side of the window. Then click on "Import". Then press "Choose File". Locate the .sql file (you downloaded in step 3.1.2) in your Download-folder and select it. Press "Go" to start the import.

3.3 Configure WordPress so it works on the new site

This is the most challenging part of the migration. All actions have to be done on the new site.

3.3.1 Update the wp-config file with new settings

Open the file wp-config.php with a texteditor. (You can find it in the folder on your computer you created at step 1). Find the part which looks like this:

/** The name of the database for WordPress */
define('DB_NAME', 'databasename');

/** MySQL database username */
define('DB_USER', 'username');

/** MySQL database password */
define('DB_PASSWORD', 'password');

/** MySQL hostname */
define('DB_HOST', 'localhost');
And replace the values with the values for the new server (you can find these in your confirmation-mail).

Next, at the end of the wp-config file, add this line:

define('FS_METHOD','direct');

Now save the file and upload it to the new site (replace the original).

3.3.2 Remove .htaccess file

Check if there is a .htaccess file in the public_html folder on the new site. If there is, remove it.

3.3.3 Log-in to the dashboard and update settings

You need WordPress admin account details for this step

You use the admin-account of WordPress to login to the Dashboard. If you do not know this anymore, use the 'Lost your password?'-link at the Login-page to retrieve the password.

Log-in to the dashboard.

If you are unable to log-in to the Dashboard, you have to update the URL of the site in the database manually: use the second option below.

Set 'WordPress Address (URL)' and 'Site Address (URL)':
(These two values are usually the same) There are two ways to do this:

  1. Via the WordPress dashboard:
    Go to Settings > General and update the fields 'WordPress Address (URL)' and 'Site Address (URL)' with the address of the new site. If this fails, try the next option:
  2. Via PHPMyAdmin:
    Login to PHPMyAdmin on the new site, go to your database (it's your student number), go to the table wp_options and replace the options siteurl and home with the address of the new site. View example.
    Now check (again) if you can log-in to the dashboard (if you are still unable to log-in, re-check if you used the correct values, otherwhise ask for help)

Next, in the WordPress dashboard, go to Settings > Permalinks, choose your setting and press Save Changes (even if you do not change anything, you MUST press Save Changes).

3.3.4 Use search&replace-plugin to update references to the old site

Install the plugin "Better Search Replace" and activate it. Go to Tools > Better Search Replace.
For each entry in the table below, execute a Run. The entries shown here are examples, you might need to modify them yourself. Choose your old site to see the proper values you need:

Search for Replace with
http://portfolio.io.utwente.nl/https://portfolio.id.utwente.nl/
D:/Websites/LocalUser//srv/sites/portfolio.id.utwente.nl/webroot/student/
D:\Websites\LocalUser\/srv/sites/portfolio.id.utwente.nl/webroot/student/

Search for Replace with
http://creators.ewi.utwente.nl/https://portfolio.cr.utwente.nl/
/home//srv/sites/portfolio.cr.utwente.nl/webroot/student/
site/s1234567student/SITENAME
Replace s1234567 with your studentnumber and replace SITENAME with the sitename of your new site.

Ready... check

Check your site to see if everything is Ok. If not, go over this manual once more, you might have missed a step. Also check the FAQ page.

If you keep getting problems, please contact us for help or post a question below.