Multimedia Deign

Why Onepager Menus Fail

Often onepager menus fail. They work all right on the frontpage. But other pages will not load the page correctly.

Let’s say that we want a link, that should point to this ID deep below on your onepager:

<div id="myId"></div>

On a typical WordPress onepager you may be tempted to link like this:

<a href="#myId"> Somewhere deep below </a>

Or from the menu:

This code will work from your WordPress menu as long as you’re on the same page or post as these IDs. But when you navigate to other pages these links will not work at all. Because the ID myId is not found on the new page.

The cure is simple. Don’t link to internal IDs as above. Use the full path to your website in the WordPress menu, do like this:

Do this with all the IDs on your page. Then the links in your menu will work from pages and posts.

Multimedia Deign WordPress WordPress Workshop

A Sandbox for WordPress

One line of code. That’s all you need in order to get your sandbox. Developers often need a place where the can experiment with design ideas or Minimal Viable Productions. This tutorial will show you how to do this.

  1. Download WordPress from
  2. Unzip the files.
  3. Delete the file wp-config-sample.php
  4. Download the file wp-config.php from your WordPress on your web host.
  5. Edit wp-config.php in your favorite editor.

If you have WordPress up and running the settings in wp-config.php will be almost the same. But you have to change one line of code, if you want to run more than one WordPress installation on your web host.


Find this line:

$table_prefix = 'wp_'; 

// change this line to:

$table_prefix = 'sandbox_';

If you need more WordPress on your web host, just change the table prefix every time.

More about edition the wp-config read this page.

Multimedia Deign WordPress

Tutorial: Custom Frontpage with Widgets

It’s on “Jensen’s WordPress Show”

(18 minutes)

WordPress logo

Learn how to create a frontpage where you can edit the content. On top of that you’ll get three – or more – widget areas for your featured content.

Multimedia Deign WordPress

WordPress Guide

WP: Fall 2020

Here is a guide to WordPress 5.5. This version is just released by WordPress (august 2020). We have a brand new block editor with exciting features.


What’s new in WordPress 5.5?

By now WordPress is skipped with a fantasctic block editor. Some even predict that the days of mighty Elementor and other competing block editors are counted. You don’t need a plugin in order to create fantastic content. Now WP is faster and more easy to use than ever before. Creating content isn’t harder than using Libre Office.

WordPress will load faster, and images will load “lazy”. Here is a guide to WordPress with tutorials ranging from installation of WordPress on your web host to advanced features on costum made pages – and themes. If you know your HTML and CSS knowledge about a content managing system is the next logical step.

Advanced Tweaks

If you want to tweak a theme and create some advanced stuff that the theme was not meant for you still may to do this in either PHP or use JavaScript with the WordPress REST API. If something is possible in HTML then you can certainly do it in WordPress. That is if you know how to.


Below you will find my WordPress 5.5 for Multimedia designers.

Install WordPress

If you don’t have WordPress on your webhost yet: here is a tutorial. Follow the step by step tutorial and pause the video while you install.

The host I use in the video is Of course this is only a sample.

Since I use there is a discount offer for you here (and the discount will give me a similar discount too so you will support Multimusen too).

You can follow the steps on other hosts too. So if your website is on say Unoeuro or something else – just follow the steps of the tutorial.

Jensen’s WordPress Show: Follow the new trends on WordPress

Jensen’s WordPress Show

Here is Per’s new WordPress channel on YouTube where you will find more and more videos about WordPress. If you follow my channel you’ll know about the latest trends right away.

Create a Post

JavaScript in Gutenberg

Multimedia designer often add interactive UX elements such as small animations via JavaScript.Use the custom HTML block element. Add your script like this:

You have to use window.onload = function( ){ } in order to check that all elements are loaded. Just add whatever scripts you have inside that function. If you use document.getElementById without the window.onload your script will not work.

The Child Theme

Why use Child Themes?

Use a child theme if you want to tweak the theme with your own code or stylesheets. If you change the code in a theme and update to a new version your changes are lost. The changes you make in a child theme are your own.

Create a Child Theme

Here is a quick guide to child themes. First you have to create a child theme. Follow the steps in thies tutorial.

Add Widgets to Your Child Theme Frontpage

If you choose a static frontpage for WordPress your theme will use the template file front-page.php. In the next tutorial I will add a few wdget areas to the frontpage.

A Living Document

Per’s guide to WordPress 5.5 is a living document. During the fall of 2020 I will add more tutorials from my WordPress classes at the Business Academy Aarhus to this page. Eventually you will find tutorials about:

  • Themes
  • Child themes
  • Costum pages
  • Recommended Plugins
  • SEO
  • WordPress Securitu

Have fun: Code is Poetry.

More About WordPress

Did you know: There are more than 50 articles in the WordPress category on

Multimedia Deign WordPress WordPress Workshop

Murat’s WordPress Tutorials

Murat Kilic is one of our fellow senior lecturers at Business Academy Aarhus. He is a WordPress expert, and his video will help new WordPress users in many ways.

On Murat’s </ startlearning > there are plenty of cool guides to WordPress tweaks.

On </ startlearning > you will find Murats videos and tutorials about WordPress tweaks.

Here are a few of Murat’s tutorials:

Install WordPress on UnoEuro

Adobe Animate Multimedia Deign

Research: Adobe Animate

Next semester I will teach Adobe Animate and integrate the animations with WordPress. In this blog I will collect resources and tutorials as a preparation for the next semester’s UX classs for Multimedia Designers.

Tutorials Adobe Animate

“RubberNinja’s” tutorial is an introduction to the basic user interface (UI):

The next tutorial by “TipTut” with almost one hour of basic instruction. This is a good starting point, if you use Adobe Animate for the first time. It’s a quite long video, but you’ll get an idea of the animation workflow.

For those of us who knew Adobe Flash (killed by Steve Jobs a few years before his death): the workflow in Adobe Animate is almost the same.

Next steps:

  • Export to HTML canvas via Adobe Animate
  • Create a WordPress costum page
  • Implement the resulting code in WordPress
  • Enqueue scripts

Codewise you’ll see that knowledge of JavaScript is an advantage. Probably I’ll have to create some video tutorials about this on my YouTube channel.

Animation Theory

12 Principles of Animation


Williams, Richard: Animator’s Survival Kit (2012)

Multimedia Deign

FAQ: Multimedia Designer Internship

Why internship?

The internship will give you experiences from the Multimedia business. In the end you will have to reflect on what you’ve learned in a report. You will get a grade based on these reflections.

“We do not learn from experience… we learn from reflecting on experience.” (John Dewey)

The Internship Length

Your internship will last 10 weeks. If you and the company wish a longer internship you can do it. However, this arrangement is between you and the internship company. Make sure that the company knows that you will need time in order to write the final thesis. After all that’s what will give you the diploma in the end.

The Learning Objectives

What is the deeper purpose with your internship? Figure out what you’re about to learn. Write five learning objectives.

The Logbook

During the internship reflect on what you learn. Try to write a log or diary every day when you get home. The log is a practical tool – even frustrations may be usefull when you write the internship report.

You can make this log in any way you want to, for instance:

  • Blog
  • Vlog
  • WordPress (or another CMS)
  • Word-file
  • A good oldfashioned diary
  • Or similar feel free to experiment

The Report

After the internship you must write a report. This report is graded according to the seveen step scale.

The curriculum will give you an idea of the content and structure for your report. Here is the curriculum. Go to page 10 paragraph 3.6. Here is everything you need to know about the report.

Since you know the structure of the report before the internship begins you could have these bullet points of the curriculum in the back of your mind when you work on your log.