«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

Rate this item
(0 votes)

Leave a comment

back to top