WordPress Hemsida

Guider

Skapa ett Child theme barntema i WordPress

by

Skapa ett child theme, barntema i WordPress

Har du använt WordPress en längre tid är du säkert bekant med begreppet child theme eller barntema som det heter på svenska. Ett child theme är ett tema som ärver funktionalitet och utseende från sitt parent theme.

Varför ska man använda ett (child-theme) barntema?

Du vill göra ändringar i temat utan att riskera att dina ändringar försvinner ifall att temat du använder uppdateras. Du vill t.ex. ändra designen på temat genom att ändra i temats CSS-fil. Om du gör ändringarna i ditt temas originalfilen (style.css) kommer de att skrivas över och försvinna vid uppdateringar av Temat.

hur ett barntema (child theme) fungerar i WordPress.

Så här skapar du ett barntema

Obs: använder du WordPress.com funkar inte den här guiden utan den är till för dig som har en fristående installation av WordPress.

Börja med att öppna ditt FTP-program och anslut mot din webbserver. Gå sen till temamappen på din WordPress-installation. Du hittar den mappen i public_html under din domän och sen under  -> wp-content -> themes.

Skapa en ny mapp i themes-mappen och döp den till ”twentyseventeen-child”. Praxis är att man döper barntemat efter samma namn som parent theme med tillägget ”-child”.

Öppna nu din nyskapade mapp och skapa en fil med namnet style.css. Öppna den filen och klistra in följande kod:

/*
Theme Name: twentyseventeen-child
Description: Barntema på Twenty Seventeen
Author:
Author URI:
Template: twentyseventeen
Version:
*/
@import url(”../twentyseventeen/style.css”);
(Här under lägger du in all ny CSS-kod)

Klart!

Det är endast Theme Name och Template som krävs i filen ”style.css” för att det ska fungera. Det sista vi lägger in är ett anrop som hämtar all CSS från ditt huvudtema. Det är i Barntemat som du sen lägger in alla dina ändringar.

Nu kan du logga in på WordPress-hemsidans admin panel och gå till Utseende -> Teman. Så kommer du se det nya temat (twentyseventeen-child) du skapat. Aktivera nu ditt child-theme. För att se att det funkar kan du testa att göra några CSS-ändringar i mappen du skapade.

Lägg till en bild för ditt barntema

Lägg till en bild för ditt barntema

Nu när du skapat ett barntema kan du göra det lite snyggare i WordPress administration. Om du går till gå till Utseende -> Teman finns det ingen bild för ditt tema som det finns på de andra installerade teman.

Lös detta genom att skapa en bild i storleken 1200×900 pixlar och spara bilden som ”screenshot.png” och ladda sen upp bilden till mappen du skapade tidigare. Laddar du om sidan för teman bör du nu se bilden som du laddade upp för ditt tema.

Gravityforms till MailChimp

by

Koppla ihop Gravityforms med MailChimp.

Har ni ett formulär och vill att användaren automatiskt skall läggas till ert nyhetsbrev? Nu kan ni göra det enkelt med Gravity Forms och ett tillägg för MailChimp. Få fler prenumeranter till ert nyhetsbrev genom att koppla ihop det med era kontaktformulär på hemsidan. Integrera alla dina formulär direkt med MailChimp för att samla in fler e-postadresser och få många flera i dine-postmarknadsföring lista!

Tillägget ger en sömlös integrering direkt med dina formulär och med MailChimp för att få fler abonnenter på e-postlistan. Varför begränsa dina kontaktformulär när du istället kan få många nya abonnenter via hemsidan. Med Gravity Forms och MailChimp-tillägget blir varje kontaktformulär på din WordPress-webbplats en potentiell prenumerant!

Fördelar med Gravity Forms:

Anpassade fält
Spara inte bara in e-postadresser i en lista. Vill du segmentera dina e-postlistor efter olika ändamål? Med tillägget för MailChimp kan du spara ner vilket fält som helst för att användas med dina e-postlistor i MailChimp.

Lägg inte till besökare i onödan
Skicka automatiskt ett meddelande om att prenumerera så att endast de som vill ha dina nyhetsbrev läggs till i dina MailChimp e-postlistor.

GDPR-kompatibel
Behöver dina formulär vara GDPR-kompatibla? Tack vare smidigheten i Gravity Forms är det enkelt att göra dina prenumerationsformulär GDPR-kompatibla med några klick.

Villkorade fält
Vill du bara lägga till prenumerera som kryssat i en ruta eller valt ett annat alternativ? Med Gravity Forms och MailChimp-tillägget kan du enkelt få full kontroll över dina formulär och e-post prenumerationer.

Så här kopplar du ihop Gravityforms och MailChimp:

  1. Installera MailChimp AddOn från Gravity Forms.
  2. Skapa ett nyhetsbrev-formulär. Det brukar räcka med 2 fält: Namn och e-post.
  3. Logga in på Mailchimp, gå till Account -> Extras -> API Settings. Skapa en ny API-nyckel. Kopiera den.
  4. Gå till Gravity Forms och till nyhetsbrevets formulär. Välj MailChimp-lista. Koppla e-post-fälten och namn-fälten till varandra.
  5. Lägg till formuläret på din hemsida.

Klart! När någon nu fyller i formuläret och klickar på Skicka-knappen, så läggs deras namn och e-post till i er MailChimp-lista för nyhetsbrev.

Sälj dina produkter online

by

Sälj dina produkter online med e-handel.

Funderar du på att starta e-handel? Bra! Många småföretagare kan enkelt öka sin försäljning genom att erbjuda sina produkter till försäljning online genom att starta e-handel. E-handeln är den snabbast växande försäljningskanalen och butiker som inte erbjuder sina kunder att handla online går miste om flera försäljningstillfällen. Bara i de nordiska länderna handlades det för omkring 270 miljarder SEK under 2018. Varav Sverige stod för hela 85% av kakan.

Fördelar med att sälja online för din verksamhet:

  • Ett komplement till nuvarande verksamhet, nå ut till en större marknad.
  • För B2B kan du sälja era produkter direkt till slutkund.
  • Minska lagerhållningen genom att sälja ut gamla produkter på nätet.

Betala på nätet
Kunden kan enkelt betala sina varor med sitt Visakort, Mastercard eller via ett PayPal-konto.

Sälj över nätet
WooCommerce är ett av de vanligaste e-handelsplattformarna för att sälja saker på nätet.

Sälj med nerladdning
Sälj dina digitala produkter, som t.ex. böcker, fotografier, musik och online kurser.

Låt kunden boka online
Sälj din tid och låt kunden boka och betala online för t.ex. frisörbesök, spa-behandling eller konsultation.

Gör dig synlig på webben

by

Så här blir du synlig på webben.

Vad är poängen med att ha en hemsida om inga hittar den? Meningen med att ha en hemsida är ju att få besökare till den. Därför behöver du planera att producera information för hemsidan och anpassa ditt innehåll för att synas och för att vara lätt att hitta. Innehållet skapas på många olika sätt av webbutvecklare och webbredaktörer.

En del av jobbet med att arbeta med webben går ut på att hålla sig uppdaterad med de olika uppdateringar som till exempel Googles och Facebooks algoritmer genomgår. För att underlätta för dig som arbetar med din hemsida tillhandahåller Google särskilda verktyg, som Google Search Console och Google Analytics. Underförstått är att om en sida inte hittas i toppen på Google vid en sökning på nyckelordet så ”finns” den inte.

Varför ska du bry dig om att göra din hemsida sökbar?

Som företagare är tiden knapp och du måste balansera daglig verksamhet och budget för din marknadsföring. Genom att jobba med att förbättra din hemsidas synlighet på webben syns ditt företag för fler potentiella kunder när de söker efter dina varor och tjänster.

Tips för bättre synlighet online

Sociala medier
Jobba med företagets profil på Facebook, Twitter, Instagram och Youtube. Vi kan hjälpa dig med marknadsföringen online!

Nyhetsbrev
Skapa avancerade nyhetsbrev. Låt användarna registrera sig på din hemsida eller via Facebook.

Sökoptimering och SEO
Sökoptimera din hemsida så dina kunder hittar dig. Vi gör så att du hamnar högt upp i Googles sökningar.

Optimera bilder för WordPress

by

Optimera bilder för WordPress och få en snabbare hemsida.

Gör din hemsida snabbare genom att optimera dina bilder för WordPress. Ingen gillar att besöka en seg hemsida och risken är stor att dina besökare klickar sig vidare till en annan hemsida och du riskerar att förlora en potentiell kund.

Optimera bilderna för WordPress och gör din hemsida snabbare!

Tänk på att ungefär hälften av alla dina besökare surfar in på din hemsida via mobilen och ofta har en långsammare uppkoppling än den fasta uppkoppling hemma eller på kontoret. Därför är det viktigt att optimera sin webbplats hastighet. Här följer några bra tips på hur du kan få en snabbare hemsida genom att optimera bilderna på din WordPress-sajt.

Så här optimerar du bilder i WordPress

Stora bilder på hemsidan tar lång tid för webbläsaren att ladda ner för att de ska visas. Använder du originalbilder direkt från din kamera kan de vara på flera MB och är då alldeles för stora för att ha på hemsidan. Bildens filstorleken bestäms bildens storlek i antalet pixlar samt bildkvaliteten. Bilder behöver beskäras i rätt storlek och komprimeras för visning på bildskärm.

Spara bilder i rätt storlek

Ta reda på i vilken pixelstorlek bilden du kommer använda på hemsidan ska ha. Skala sen ner bilden till lämplig storlek i ett bildredigeringsprogram innan du laddar upp den. Enklast gör du det i Photoshop genom att klippa din bild till den pixel storlek som den kommer att ha på hemsidan och sen använda en funktion i Photoshop som heter spara för webben.

WordPress skapar automatiskt flera olika bildstorlekar av din bild vid uppladdning:

Miniatyr: 150×150 pixlar
Medium: max bredd/max höjd 300 pixlar
Stor: max bredd/max höjd 1024 pixlar

Dessa förinställda bildstorlekar kan du ändra till de du har tänkt att använda på din hemsida. När du sen infogar en bild på hemsidan kan du välja den bildstorlek som passar bäst. Ställ in de bildstorlekar du vill använda under Inställningar > Media och tryck sen på spara.

Komprimera dina bilder

Ofta kan man komprimera bilderna utan att behöva sänka bildkvaliteten, på så sätt visas de på webben utan att de synbart försämras. Att komprimera bilder kan göra stor skillnad för filstorleken. För att komprimera en bild kan man använda Photoshop, online-verktyg på nätet eller olika WordPress-tillägg som komprimerar bilderna åt dig.

WordPress plugins för att komprimera bilder:

  1. Smush Image Compression and Optimizatio
  2. reSmush.it Image Optimizer
  3. EWWW Image Optimizer
  4. Compress JPEG & PNG images – By TinyPNG
  5. ShortPixel Image Optimizer

När du installerat tillägget kan du under Media-inställningarna välja att ställa in så att alla bilder ska komprimeras automatiskt vid uppladdning. Du kan också välja att komprimera redan uppladdade bilder.

Testa hastigheten

Det finns flera resurser på webben där man kan testa sin hemsidas hastighet. Testa gärna hemsidan först och gör sen ändringarna så ser du vilken förbättring av hastigheten det blivit. Två vanliga verktyg för att testa sin hemsidans hastighet på webben är Google PageSpeed Tools och Pingdom Tools. Efter att du testat din hemsida kan då även få tips på hur man kan förbättra sidans nerladdningstid samt se hur väl mobilanpassad hemsidan är. Följ gärna alla tips för att snabba på din hemsida ytterligare!

Har ni många bilder på hemsidan kan ni dramatiskt förbättra hastigheten genom att följa dessa tips.

Lycka till!

Ladda upp stora filer på hemsidan

by

Ladda upp stora filer på hemsidan

Ibland behöver man kunna ladda upp stora filer på hemsidan t.ex. videoklipp. För att kunna ladda upp stora filer, så finns det flera alternativ man kan testa för att få det att fungera beroende på vilken webbhotell man använder.

Hur laddar man upp stora filer på en WordPress hemsida?

Alternativ 1.

Lägg in denna kod i filen “.htaccess”. Vissa webbhotell kan ha en maxgräns, vilket gör att denna ändring kanske inte funkar.

php_value upload_max_filesize 50M
php_value post_max_size 50M

Alternativ 2.

Om första alternativet inte fungerar kan du installera tillägget ”Add from server plugin”.

Ladda sen upp dina filer via FTP till din Wordpress upload folder. Den ligger vanligtvis i mappen: wp-content/uploads.

Gå sen till Media->Add from server och leta rätt på filen du precis laddade upp.

Välj din fil och klicka i checkbox-rutan och välj importera.

Klart!