fbpx

«Sharing is caring»

sharing-is-caring-webdesignThis expression gave a new meaning to me when I suddenly received more than 100 comments at my blog, with a lot of positive feedback. Wow! When readers share their thoughts, it gives a lot of motivation and direction for my new articles. Thank you:-)

I notice several readers have question about my web design, so this blog article are for those of you that are interested in this subject.

When I started my own company November 2013, I knew nothing about web design. Because a friend recommended Joomla, I decided to go for this instead of WordPress (sometimes I have doubted this choice because I found Joomla rather complex, having no previous web design or programming experience…).

I learned how to set up my web page using Cloudaccess learning videos, and I chose them as my web host provider. I am very happy with their service, and their support have responded quickly to my questions (since I am not afraid of asking questions, I have done my best to keep their support team busy…).

I started with a free template (Protostar), but after a while, I found a template I liked from Arrowtheme; fontaine template. The template include K2 blog, Kunena forum, icemegameny (for flexible menu navigation), widgetkit (for slide show) and RokCandy, which makes it possible to use shortcodes instead of html coding.

However, I had troubles with the RokCandy feature because not all web browsers were able to display the page correctly (the front end showed the shortcode instead of the content). I then decided to use html code instead of shortcodes. If you are not an experienced html programmer, you can find out the link between the shortcodes and the html code on the back-end of your web page (check out the RokCandy component and its macros). If you like to know how to divide your page into columns here is the html code for dividing your page into 3 columns:

<div class="uk-grid" data-uk-grid-margin="">
<div class="uk-width-medium-1-3">
<h3 class="module-title">Your heading;</h3>Your text
</div>
<div class="uk-width-medium-1-3"> <h3 class="module-title">Your heading</h3>Your text
</div>
<div class="uk-width-medium-1-3"> <h3 class="module-title">Your heading</h3>Your text
</div>
</div>

This is the code I have used the most. Else, I use K2 blog, and since I knew nothing about this extension, I had to learn it from scratch. I found some great videos at OSTraining

I had some problems uploading the K2 extension. Since I could not figure out the problem I contacted my web host, and they installed it for me:-) Problem fixed! I love support that works like this.

When adding an item (article) in K2, you can upload your picture where it says “images” and it will automatic resize the picture size to the size in your settings. However, I did not like the automatic zooming of the pictures, so I decided to include the picture in the content of my articles and always upload the picture in the same size: 350 x 200 pixel. I use picresize for this. I also use Canva a lot to create my own picture and layouts.

I have experienced that different web browser "reads" the pictures in the article differently. If I resize the pictures using html coding, not all web browsers resize the pictures. Some of them (like internet explorer) shows the size of the picture you have uploaded at the back-end of your web site. Because of this, I always resize my pictures to the size I want before I upload them.

I hope this article can answer some of the questions I have received from people commenting my articles. I like to share these experiences so other people will struggle less with the same issues I have had. Good luck!  

Foto: Mayur Gala

back to top

References

  • daryl powell"I was very impressed with Sissel's Lean Six Sigma knowledge. She makes it easy to identify improvements and create results"
    - Daryl Powell, Research Manager, Sintef ManufacturingValue stream mapping
  • eivindwilloch.original"Sissel has proven herself as a competent and committed employee. She has been an important contributor to make good progress in the projects she has worked with. At the same time she is accurate and has good quality of the work she performs."
    - Eivind Willoch, Project Manager, Cambi AS lean engineering
  • benchmarking"We are very happy with the work carried out. We was not very clear what the order was, but with your background and expertise the outcome was what we were looking for and a document we will benefit from in the future"
    - Roger Søråsdekkan, Site Leader at Allnex, Norwaybenchmarking
  • kjelleven rez"We hired Lean Tech to develop monitoring program for air emission. The assignment was delivered with the correct content at the right time. Recommended." monitoring program
    - Kjell Even Misfjord, SHE manager at Allnex, Norway  
  • rsz 1thomasløvik"Sissels ability to quickly understand the issue, as well as her commitment and expertise is impressive. Her analytical and thorough contribution to our monitoring program has been precise and targeted, and very educational. " monitoring program
    - Thomas Løvik, HSEQ advisor at TWMA, Norway
  • Joakim Holm Hansen"Very nice and professional service. Delivered a good job within deadlines" verdistrømsanalyse
    - Joakim Holm-Hansen, Plant Manager at Solenis, Norway
  • Feedback from course participants:
    "Inspiring, professionally competent, popularize a theoretical discipline."
    "Made a difference, engaged and skilled."
    "Academic highly skilled and clear performance. Fun and builds trust."
    lean six sigma kurs