Screen-based Design 1

AW29 – CMS & WordPress Part 3 – LT. Create a WordPress Theme

Lesson Task – Create a WordPress Theme (12 hours)

To the WordPress website that you started in the previous lesson task, add the hacks mentioned in the lesson: *CMS and WordPress part 3.*

Then do some research on the Internet and find two more hacks to implement on your site.
Please elaborate on why you chose these hacks and how they will benefit your website. You are welcome to add more too.

To be honest this LT was a bit confusing. First of all, I haven’t made an actually childtheme. I’ve only customized trough wordpress and elementor, the reason for this is simply because the whole thing has been confusing regarding what we learn and what other students learn and need to do.

But I did install “simply css” and added the hacks that was mentioned. And I’m not sure if I’ve done it right, because I get a lot of red boxes with notification in front of every row that says : unexpected tokens.

So I hope I haven’t messed up something with hetiart.no now!

AW28 – CMS & WordPress Part 2 – LT. Customise a WordPress Site

Take your theme that you have installed on your hosting account or make a new site and add a theme (it’s your choice).
Create a child theme and customise it using CSS and HTML (you can even try PHP if you are feeling brave). Add relevant elements to enhance your SEO. (permalinks, tags, categories etc).

The main idea here is to play around with the various options available for customisation.

Show us before and afters and your process, with a link to your site.

This week I’ve customized the wordpress site hetiartno. I already made that site ages ago but now I’ve customized a theme and starting to get satisfied with how it looks. But I’m not 100% finished.

I’ve been back and forth with the themes on this page, I felt that I haven’t found a theme that fits me and what I want from it. But after I learned more about elementor I found a theme that I was able to customize how I wanted it to look.

The theme I used is OceanWP.

I had my portfolio at my free wordpress blog before, but I did hand it in in a pdf for the portfolio delivery. So this is how it looked like before.

And this is the new site.

AW27 – CMS & WordPress Part 1 – LT. Working with WordPress

Firstly you need to download and install* WordPress. Then publish it to your web hosting account. Create a subfolder if you wish to avoid conflicts with previous websites.

*Most hosting companies have the option to install WordPress directly. Look into that for your specific hosting company.

Once it is installed, you can start having some fun.
Choose and download a theme that best suits you and install it. Then customise this theme in order to create a portfolio website for yourself.

This will be your test site for the duration of this module.

This is a LT that I’ve been looking forward to for a while now.

I did have some troubles to find the right theme to work with. I found many that I liked but for some reason they didn’t respond very well with what I wanted to do. So the last theme I tried was OceanWP, thi work really well and I’m happy with how it turned out!

hetiart.no

AW26 – Web Design Process 3: Development – Part 3 – LT – Market Your Website

Now that you have built and tested your website, I would like you to market it. Let’s say that your budget is NOK 10 000 (or 1800 $ US). Please do the following:

Do some research on what advertising costs. You could for instance contact your local newspaper, print shop and other websites.
Make a detailed list of how you would market your website. Remember to keep your budget in mind.
What if you had double the budget? Come up with a second marketing strategy, this time with NOK 20 000 at your disposal. (3600 $ US)
Come up with a viral idea. It doesn’t have to be a video; it can be guys dancing at the airport in gorilla suits. You can use ANYTHING that is at your disposal. Be creative!

I made the website of my hometown, Sandnes. I would probably use a newspaper and social media for the advertisement. I would also choose aftenbladet.no over sandnesposten.no, the reason for this is that I feel I would reach out to more people. You have to subscribe to sandnesposten to read the articles, so I think they loses a lot of people, so less people will see the advertisement.

I would use around 70% on social media, everything is happening on social media these days. So having a large budged there would really help to reach out to people. Here can you also choose what audience you will reach out to.

The last 30% will go to advertisement in the newspaper, both printed and digital.

If I had double the budget I would also have advertisement on bus stops, on the back of the busses and google advertisement (where the ads pops up in the top of the result when you google “sandnes”).

AW25 – Web Design Process 3: Development – Part 2 – LT – Coding Basic

Take the basic website you have designed in your previous two Lesson Tasks in this module (Lesson Task – Put Thought Into Your Design and Lesson Task – Planning the Structure) and convert that into HTML and CSS code.

This will help you understand the importance between the design and the programming phase and how they work together.

Don’t stress if you can’t get everything right, just do as much as you can.

So I only did the index/home page, I really like web design and I’m looking forward to learn more and get the hang of it. It’s alot to take in but it’s fun and a lot of new things to learn.

AW24 – Web Design Process 3: Development – Part 1 – LT – Planning The Structure

Create the structure of your web page (from Lesson Task – Put Thought Into Your Design) in terms of HTML files and folders. You need to set these up so that you are ready to code your website.

First use a pen and paper to do your planning; then do it on the computer when you are sure of your structure.

Please upload this activity to your WordPress blog. Remember to scan (or photograph) and include your initial planning that you did on paper.