1.0Hemsida24https://www.hemsida24.se/bloggsupervisorhttps://www.hemsida24.se/blogg/author/supervisor/rich600338<blockquote class="wp-embedded-content" data-secret="LlOjR00nxA"><a href="https://www.hemsida24.se/blogg/2014/01/13/gor-om-min-hemsida-chris-lin/">Gör om min hemsida: Chris & Lin</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.hemsida24.se/blogg/2014/01/13/gor-om-min-hemsida-chris-lin/embed/#?secret=LlOjR00nxA" width="600" height="338" title="”Gör om min hemsida: Chris & Lin” – Hemsida24" data-secret="LlOjR00nxA" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /*! This file is auto-generated */ !function(c,d){"use strict";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),n=d.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),o=new RegExp("^https?:$","i"),l=0;l<n.length;l++)n[l].style.display="none";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute("style"),"height"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if("link"===t.message)if(s=d.createElement("a"),a=d.createElement("a"),s.href=r.getAttribute("src"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener("message",c.wp.receiveEmbedMessage,!1),d.addEventListener("DOMContentLoaded",t,!1),c.addEventListener("load",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf("MSIE 10"),a=!!navigator.userAgent.match(/Trident.*rv:11\./),i=d.querySelectorAll("iframe.wp-embedded-content"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute("data-secret")))r=Math.random().toString(36).substr(2,10),t.src+="#?secret="+r,t.setAttribute("data-secret",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute("security"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:"ready",secret:r},"*")}}}}(window,document); </script> För en tid sedan efterlyste vi kunder som vill ha tips och konkreta råd kring sin hemsidedesign. En "gör om mig" för din hemsida, helt enkelt. En av de första som anmälde sig är Christina som driver klädbutiken Chris & Lin. Här visar vi en liten "make-over" som du själv enkelt kan göra på din hemsida. Christina bad om hjälp med förstasidan, som hon önskade skulle få ett proffsigare utseende samt att justera bildernas lite slumpartade placering. Även sidans enfärgade bakgrund ville hon gärna byta ut. Efter att ha tittat på hemsidan beslutade vi oss för att även se över typsnitten och länkning av rubriker till olika sidor. Klicka här för att se hela hemsidan www.chrisolin.se 1) Bildernas placering var oregelbunden och gav ett splittrat intryck. Tänk att bilderna är som en vägg med tavlor för din verksamhet och gör ett snyggt kollage. Vi ändrade den aktuella sidans layout till en variant med flera olika kolumner, för att skapa illusionen av en kollagevägg med bilder. 2) Vi flyttade runt bilderna och rubrikerna så att helheten blev mer harmonisk för ögat att ta in. Bilderna beskars inte, istället justerade vi tomrummet under bild/rubrik genom att klicka på knappen "mer" på respektive block och öka/minska höjden. 3) Ett vanligt misstag är att välja typsnitt som är samma som logotypens. Vi ändrade typsnitten för både stor och liten rubrik för att ytterligare förstärka den lantliga och personliga känslan. 4) Vi ändrade rubrikernas bakgrund till mönster (stor rubrik) och färg (liten rubrik) och flyttade in texten genom att öka utfyllnad från vänster. 5) Även den löpande textens typsnitt ändrades och blocket fick en ram. För att göra detta, för musen över blocket och klicka på "ram" och välj en av de redan färdiga varianterna. 6) Hela sidans bakgrund ändrades till en mer levande textur, bland de färdiga mönstren. 7) Genom att flytta ner och justera toppmenyn med bakgrundsfärg, prickig ram och olika färger gjordes den om för att bättre matcha sidhuvudets bild. 8) Slutligen skapade vi länkar från rubrikerna till de olika undersidorna. Ett enkelt sätt att göra en hemsida roligare att besöka. Sidan känns nu mer inbjudande och öppnar upp för att besökaren enkelt ska kunna klicka sig runt från förstasidan. Stort tack till Christina på Chris & Lin för att hon gav oss förtroendet att ändra i sin hemsida. Det är så kul att se att med några mycket enkla grepp går det att göra en hemsida mer personlig. Vill du också ha tips för din hemsida? Anmäl dig genom att maila in länk till din hemsida och vad du önskar hjälp med. Vi väljer 1-3 ändringar som inspirerar fler att våga prova verktygets möjligheter. Passa också på att titta in på vårt supportcenter som har massor av bild- och videoguider. Gilla och kommentera gärna på vår facebook-sida och länka till din egna hemsida.https://h24-original.s3.amazonaws.com/44/13923506-9GXXL.png?name=Chrisolin_F%C3%96RE.jpg