Så felsöker man tillägg i WordPress

WordPress är i grund och botten ett väldigt enkelt system. Det går att göra mycket från start, men det är först när man börjar anpassar WordPress med tillägg som dess verkliga styrka framträder. Inget är, i princip, omöjligt att lösa med olika tillägg i WordPress.

Att installera tillägg i WordPress är enkelt. Ja, det är så enkelt att man lätt glömmer bort att man har installerat vissa tillägg. Det kan få rätt så dåliga konsekvenser (läs: resultera i en hackad hemsida) om man inte ser till att hålla tilläggen ordentligt uppdaterade.

Men även om man uppdaterar sina tillägg i WordPress så kan man stöta på problem. Det är rätt vanligt att en hemsida som har fungerat bra och varit snabb helt plötsligt börjar bete sig konstigt och går långsamt. Många gånger beror det på fel i ett tillägg (eller att två tillägg krockar).

Vi tänkte därför visa ett enkelt sätt att felsöka tillägg i WordPress.

1. Logga in i wp-admin på din WordPress-webbplats och gå in under ”Tillägg” > ”Lägg till nytt”. Där söker du efter ”P3″ och installerar/aktiverar sedan P3 (Plugin Performance Profiler).

2. När tillägget är aktiverat, gå under ”Verktyg” > ”P3 Plugin Profiler”. Börja med att klicka på länken/knappen ”Start Scan”, välj ”Auto Scan” och vänta en stund medan kontrollen utförs. Klicka på ”View Results” när kontrollen är klar.

3. Nu visas information om hur många tillägg man har på sin webbplats och hur mycket dessa tillägg bidrar till laddningstiden. Mitt på sidan framgår tydligt exakt vilka tillägg det är som orsakar mest laddningstid.

Här är ett exempel:

P3 Profiler

Här kan vi se att tillägget ”WordPress Beta Tester” står för hälften av laddningstiden på denna webbplats. Nu laddar denna sida väldigt snabbt (den är optimerad enligt vår guide till en snabbare WordPress-sida), men om så inte vore fallet så hade vi inaktiverat (och tagit bort) detta tillägg.

Det är värt att poängtera att det inte räcker med att inaktivera tillägget. Man behöver även ta bort det ordentligt. Annars kan det ligga kvar och fortsätta orsaka problem. En bra regel, vad gäller tillägg i WordPress, är att aldrig ha några inaktiva tillägg installerade.

Vad gör man om det är ett viktigt tillägg som orsakar problem? Det enklaste är att försöka hitta ett alternativt tillägg, som erbjuder samma/snarlik funktioner. Man kan även felanmäla tillägget i WordPress Plugin Directory. Sök efter tillägget där, besök dess sida, gå in under fliken ”Support” och skapa ett inlägg (kontrollera först att det inte finns fler liknande inlägg).

4. Kontrollera gärna övriga flikar under ”Verktyg” > ”P3 Plugin Profiler”. Under ”Detailed Breakdown” kan man se exakt laddningstid för alla installerade tillägg. Under fliken ”Advanced Metrics” kan man t ex se den totala laddningstiden samt dess fördelning mellan Core (själva WordPress), teman och tillägg.

Det här är ett enkelt sätt att felsöka tillägg i WordPress. Det finns givetvis fler sätt att göra detta på, såsom att använda WP_DEBUG, men P3 (Plugin Performance Profiler) är onekligen en av de enklaste metoderna.

Lämna gärna en kommentar här nedan om du har några frågor, om detta tips har hjälpt dig eller om du har några andra tips på felsökning av tillägg.

Liknande inlägg:

Guide till en snabbare WordPress-sida

Ni har frågat och vi har lyssnat. Vår tidigare ”Guide till en säkrare och snabbare WordPress-sida” är ett av våra mest lästa, uppskattade och länkade inlägg. Men det har snart två år på nacken och mycket har hänt sedan dess. Det är därför dags för en uppföljning och revidering av vår tidigare guide.

Snabbare WordPress hos FS Data

Precis som tidigare så är det här en praktisk guide som utgår från en riktig optimering av en WordPress-sida. Förra gången handlade det om min egen blogg, denna gång har jag optimerat hemsidan för Svenska Saabklubben (som för en tid sedan flyttade från Drupal till WordPress).

Förra gången inkluderade vi även tips om hur man får en säkrare WordPress-sida. Denna gång ligger fokus enbart på hastigheten, men även säkerheten är viktig så läs (och följ) gärna inledningen av vår tidigare guide likaså.

Denna guide visar hur man får en så snabb WordPress-sida som möjligt hos ett webbhotell. Om man har en server eller VPS rekommenderas vår ”Guide till en blixtsnabb WordPress-server”. Vi utgår från ett helt vanligt webbhotell hos FS Data och fokuserar på en så enkel optimering som möjligt, främst med hjälp av ett antal WordPress-tillägg.

Tanken är att alla, oavsett kunskapsnivå, ska kunna få en så snabb WordPress-sida som möjligt.

Hur viktigt är det med en snabb hemsida?

En snabb hemsida är en bra hemsida, både för besökare och sökmotorer.

Ett flertal undersökningar visar att besökare inte orkar vänta mer än ett par sekunder på att en hemsida ska ladda. De lämnar långsamma sidor och återkommer inte. Google och andra sökmotorer prioriterar snabba hemsidor (ger dem bättre positioner).

För att hårddra det hela: hellre en snabb hemsida, med viss nedtid, än en långsam och alltid tillgänglig hemsida.

Dags att snabba upp WordPress

I denna guide så utgår vi från att man har en WordPress-sida installerad och klar, gärna med en del material (sidor, inlägg, bilder osv). Om du inte har kommit så långt så har vi en utmärkt guide till hur man installerar WordPress. Vi kommer främst att snabba upp vår hemsida med olika tillägg, men först ska vi förbereda vår hemsida en aning.

- GTmetrix

Vi börjar med det viktigaste, ett verktyg för att mäta hastigheten på hemsidan. En av våra favoritverktyg för detta är webbtjänsten GTmetrix. Börja med att besöka deras hemsida och kontrollera din hemsida.

Är resultatet nedslående? Oroa dig inte, det kommer snart att bli bättre.

- PHP 5.5

Ett av de bästa sätten att hålla en hemsida så snabb som möjligt, det är att använda så uppdaterade serverprogram som möjligt. FS Data erbjuder bl a den senaste och snabbaste versionen av PHP, version 5.5. Logga bara in i vår kontrollpanel och gå in under ”Hemsida” > ”PHP” för att aktivera PHP 5.5.

- Uppdatera .htaccess

Även om mycket går att ordna i WordPress med olika tillägg så är vissa saker enklare att lösa direkt på serversidan. För att få till ordentlig komprimering, utgångstiden på vissa filer samt för att sätta vissa headers rätt så lägger vi in lite kod i .htaccess-filen som ligger i hemkatalogen för WordPress på webbservern.

Anslut till hemkatalogen för din WordPress-sida med ett FTP-program och leta reda på en fil som heter ”.htaccess” (det är en dold fil, så du kan behöva välja att visa dolda filer i inställningarna för ditt FTP-program). Öppna denna fil och lägg in följande kod i slutet på filen:

# WordPress-optimering från fsdata.se/blogg/

<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_keep_workfiles No
mod_gzip_can_negotiate Yes
mod_gzip_add_header_count Yes
mod_gzip_send_vary Yes
mod_gzip_command_version '/mod_gzip_status'
mod_gzip_min_http 1000
mod_gzip_minimum_file_size 300
mod_gzip_maximum_file_size 512000
mod_gzip_maximum_inmem_size 60000
mod_gzip_handle_methods GET POST
mod_gzip_temp_dir /tmp
mod_gzip_item_include file \.html$
mod_gzip_item_include file \.php$
mod_gzip_item_include file \.pl$
mod_gzip_item_include file \.rb$
mod_gzip_item_include file \.py$
mod_gzip_item_include file \.cgi$
mod_gzip_item_include file \.css$
mod_gzip_item_include file \.js$
mod_gzip_item_include mime ^application/javascript$
mod_gzip_item_include mime ^application/x-javascript$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^httpd/unix-directory$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include handler ^server-status$
mod_gzip_item_include handler ^server-info$
mod_gzip_item_include handler ^application/x-httpd-php
mod_gzip_item_exclude mime ^image/.*
</IfModule>

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>

<IfModule mod_headers.c>
<FilesMatch "\.(js|css|xml|gz)$">
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>

Glöm inte bort att spara och ladda upp filen ordentligt.

Så, nu är det dags att börja installera och konfigurera lite WordPress-tillägg.

- WP Super Cache

Ett bra cachetillägg är grundstenen i varje optimerad WordPress-sida. WordPress är en dynamisk hemsidelösning där innehållet (sidor, inlägg osv) genereras från en databas. Detta kräver att PHP-kod exekveras och att databasanrop utförs, vilket är tidskrävande. Med ett cachetillägg så genereras innehållet i förväg, så att det bara behöver levereras till hemsidebesökarna som vanlig (statisk) HTML-kod.

Det finns ett antal olika cachetillägg för WordPress, men favoriten för undertecknad är WP Super Cache. Detta beroende på att det fungerar i de flesta servermiljöer (webbhotell), att det har en bra historik och att det uppdateras och förbättras flitigt. Andra populära cachetillägg är t ex W3 Total Cache och Hyper Cache.

Med WP Super Cache installerat och aktiverat, gå in under ”Inställningar” > ”WP Super Cache”. Under fliken ”Avancerat”, bocka i alternativen ”Använd mod_rewrite …”, ”Komprimera sidor …”, ”Cacha inte sidor för kända användare” och ”Clear all cache when a post or page is published …”. Klicka sedan på knappen ”Uppdatera status”. När sidan har laddat om, klicka på knappen ”Uppdatera Mod_rewrite reglerna”. Under rubriken ”Utgångstid & upprensning”, ange 604800 i rutan för ”Cache Timeout” och klicka på knappen ”Ändra utgång”.

Gå sedan in under fliken ”Förladda” och välj att uppdatera förladdade cachefiler var 60 minut. Bocka i ”Förladdningsläge” och klicka på ”Uppdatera inställningar”. Genom att förladda samtliga sidor på din hemsida så förblir de snabba, oavsett vilken sida som dina besökare (eller sökmotorerna) råkar hitta. Detta är väldigt bra för sökresultatet i Google.

- EWWW Image Optimize

Av de element som en hemsida består av så är det bilderna som brukar vara störst och därmed även bidrar mest till en långsam hemsida. Många bildhanteringsprogram erbjuder möjlighet till komprimering (förminskning) av bilder för webben, men ett enklare alternativ är att använda ett WordPress-tillägg för detta, såsom EWWW Image Optimize.

I vår tidigare guide så rekommenderade vi tillägget WP Smush.it. Det är fortfarande ett bra tillägg, men EWWW Image Optimize erbjuder en bättre komprimering, på ett smartare sätt. Medan WP Smush.it arbetar mot Yahoo’s servrar så utför EWWW Image Optimize komprimeringen via den server som hemsidan ligger på. Det är avsevärt snabbare, men kräver att man har stöd för de bibliotek/funktioner som EWWW Image Optimize kräver (vilket man givetvis har med webbhotell hos FS Data). Om EWWW Image Optimize inte fungerar, använd WP Smush.it.

Installera och aktivera EWWW Image Optimize. Gå sedan in under ”Media” > ”Bulk Optimize” och klicka på ”Start optimizing”. Låt optimeringen köra klart. Därefter kommer alla nya bilder som laddas upp att bli optimerade automatiskt.

- Autoptimize

En hemsida består av rätt många element (bilder, texter, script osv) nuförtiden. Ju fler element man har, desto fler anslutningar behöver en webbläsare öppna (starta, genomföra, stänga, starta, genomföra, stänga osv). Detta leder naturligtvis till en långsammare hemsida.

Autoptimize är ett tillägg som sammanfogar, förminskar, komprimerar och flyttar script och stilmallar (CSS) på väldigt bra sätt. Det är enkelt att använda, men kan samtidigt – beroende på vad man använder för tema och andra tillägg – ställa till med rätt stora problem. Se därför till att först kontrollera att din hemsida och dess funktioner fungerar ordentligt innan du installerar detta tillägg.

När Autoptimize är installerat och aktiverat, gå in under ”Inställningar” > ”Autoptimize” och bocka i samtliga ”Optimize”-alternativ (HTML, Javascript och CSS). Nu testar du din hemsida och ser vad som händer. De flesta webbläsare har inbyggda funktioner (eller via tillägg) för felsökning av hemsidor. Använd dessa för att avgöra t ex vilket/vilka script som inte fungerar och exkludera dem under ”Exklude scripts from autoptimize”-rutan.

Autoptimize fungerar väldigt bra med WP Super Cache. Tänk bara på att även tömma cachen när du ställer in denna optimering, via knappen ”Save changes and Empty Cache” längst ner under ”Inställningar” > ”Autoptimize”. Exakt hur mycket man kan optimera med detta tillägg beror som sagt på aktuellt tema/övriga tillägg, i slutändan är det upp till dig att testa dig fram med inställningarna för Autoptimize.

- JS & CSS Script Optimizer

JS & CSS Script Optimizer är ett bra komplement till Autoptimize, för ytterligare optimering av Javascript och CSS. Installera och aktivera detta tillägg, gå sedan in under ”Inställningar” > ”Script Optimizer”. Bocka i ”Enable plugin”, välj ”Combine & Move all JavaScripts to the bottom” och klicka på knappen ”Save options” längst ner.

Även detta tillägg kan orsaka lite oreda, beroende på tidigare teman/tillägg. Så testa dig fram till ett bra resultat här.

- AddThis Share

En snabb hemsida i sig är inte tillräckligt för att attrahera besökare. Det är likaså viktigt att enkelt kunna sprida, eller länka, hemsidan till olika sociala nätverk såsom Facebook, Twitter, Google+ osv. Det är dock vanligt att WordPress-tillägg för sociala nätverk har en negativ inverkan på hemsidans hastighet, tack vare dålig optimering och inkludering av många externa element (script).

Om man ändå vill ha ett tillägg för detta så kan vi rekommendera AddThis Share. Av de sociala nätverks-tillägg som vi har testat så har detta tillägg minst negativ inverkan på hastigheten.

När inlägget är installerat och aktiverat så hanteras det under ”Inställningar” > ”AddThis Share”. Där kan det vara en bra idé att enbart visa de mindre ikonerna t ex enbart i botten av varje inlägg/sida. En annan fördel med AddThis är att man kan skapa ett kostnadsfritt konto hos dem och få mer detaljerad statistik om tilläggets användning.

- 2012.FFWD Twenty Twelve

Avslutningsvis så vill vi tipsa om ett child theme för WordPress-temat Twenty Twelve. Twenty Twelve var som bekant standardtemat för WordPress tidigare och även om det är väldigt trevligt ur ett användarperspektiv, med tydlig layout och bra stöd för responsivitet, så är det inte optimerat för hastighet. Twenty Twelve i dess grundutförande innehåller alldeles för många element och tungladdad typografi.

För att snabba upp Twenty Twelve så kan man använda ett child theme som heter 2012.FFWD Twenty Twelve. Det är bara att ladda ner detta child theme, packa upp det på din dator, ladda upp det till /wp-content/themes/ och aktivera det i WordPress under ”Utseende” > ”Teman”. Utseendemässigt och funktionellt sett så skiljer sig dessa teman ytterst lite från varandra, men om man ser till hastigheten så är skillnaden markant.

- GTMetrix (igen)

Om du har tagit dig ändå hit så har du garanterat en klart snabbare WordPress-sida än tidigare. Belöna dig själv med att besöka GTMetrix hemsida igen och kontrollera din sida på nytt. Om allt har gått bra så bör du se ett resultat liknande detta:

Saabklubben.se hos GTmetrix

Faktum är att allt över 95 % i ”Page Speed Grade” är ett väldigt bra resultat när det gäller optimering av hemsidor.

Har du några frågor på detta? Lämna då gärna en kommentar här nedan!

Liknande inlägg:

Hallå hipsters, välkomna till WordPress!

Igår nåddes vi av nyheten om att Yahoo! köper upp bloggtjänsten Tumblr. För ungefär 7,3 miljarder kronor får Yahoo! ca 108 miljoner bloggar med 50 miljarder inlägg och 300 miljoner besökare/dag. Det är rätt imponerande siffror det.

En hipster, ungefärTumblr är en tjänst som är väldigt populär bland sk. hipsters. Med Yahoo! som ny ägare går Tumblr in i en ny fas, från att ha varit en uppstickare till att bli en etablerad aktör.

Det är något som sticker i ögonen på de (ofta hipsters) som värdesätter en oberoende, flexibel och ”häftig” tjänst.

Även om Yahoo!’s VD, Marissa Mayer, har lovat att inte ställa till det (”screw it up”) med Tumblr så är det ändå många som lämnar dem nu, till förmån för WordPress. I vanliga fall brukar ca 4-600 inlägg/timme importeras från Tumblr till WordPress.com men igår noterades 72 000 importerade inlägg/timme.

WordPress.com och WordPress är dock två skilda världar.

Även om WordPress.com erbjuder en helt ok tjänst så är det riktiga WordPress som gäller om man vill ha fullständig frihet till att anpassa sin blogg/hemsida, att skapa sig en unik identitet och att vara oberoende av enskilda aktörer.

Sedan finns det givetvis ett webbhotell som är lite extra WordPress-vänligt.

Hur gör man då om man vill flytta? Här är en enkel guide till hur man flyttar från Tumblr till WordPress:

  1. Börja med att installera WordPress. Om du har ett webbhotellskonto hos oss så har vi en utmärkt guide för det här: Installera WordPress på ditt webbhotell
  2. Installera och aktivera WordPress-tillägget Tumblr Importer. Gå sedan in under ”Verktyg” > ”Importera” och välj ”Tumblr” i wp-admin.
  3. Öppna en ny flik/fönster i din webbläsare och besök följande sida: Tumblr Applications. Där klickar du sedan på knappen ”+ Register application”.
  4. I formuläret som visas, ange adressen till din WordPress-sida i fälten ”Application Website” och ”Default Callback URL”. I fältet ”Application Name” anger du ett valfritt namn. Övriga fält behöver inte fyllas i. Klicka sedan på länken ”Register”.
  5. När applikationen är skapad hos Tumblr, kopiera värdena för ”OAuth Consumer Key” och ”Secret Key” från Tumblr till fliken/fönstet med WordPress (och Tumblr-importen). När allt är kopierat över till WordPress, klicka på knappen ”Connect to Tumblr”.
  6. På nästa sida, klicka på länken ”Authorize the Application”. När du får en fråga om applikationen ska auktoriseras hos Tumblr, klicka då på knappen ”Allow”.
  7. Nu är det bara att importera din sida från Tumblr till WordPress genom att klicka på knappen ”Import this blog”. En förloppsindikator kommer att visas (surfa inte från denna sida under tiden) och när importen är klar så visas ”Finished!”.

Alla dina inlägg och bilder har nu kopierats över från Tumblr till WordPress. Svårare än så var det inte.

Om du vill att din WordPress-sida ska likna din tidigare Tumblr-sida så finns det ett stort antal liknande teman till WordPress, såsom detta exempel på 10 st gratis WordPress-teman inspirerade av Tumblr. Fler exempel på liknande teman kan t ex hittas via en sökning på Google.

Lämna gärna en kommentar här nedan om du har några frågor eller funderingar kring detta. Om du följer denna guide för att flytta från Tumblr till WordPress så får du också väldigt gärna lämna en kommentar.

Liknande inlägg:

E-handel med WordPress och WooCommerce (del 5/5)

Nu är vi framme vid den femte och avslutande delen i vår bloggserie om e-handel med WordPress och WooCommerce. Precis så som funktionerna i WordPress kan utökas, med hjälp av olika tillägg/plugins, så är det även möjligt att installera tillägg i WooCommerce för att få de funktioner som kan saknas.

I denna del får vi tips om ett flertal intressanta tillägg för WooCommerce. Som tidigare så är det WooCommerce och WordPress-konsulten Björn Sennbrink som guidar oss fram. Och precis som tidigare så är det bara att lämna en kommentar om ni har några frågor.

En titt på både officiella och inofficiella plugin/extensions.

Orderadministration: Print Invoices & Delivery Notes är ett tillägg till WooCommerce som lägger till en widget på Order-sidan i WooCommerce och som gör att du kan skriva ut faktura eller följesedel:

På inställningssidan för Print Invoices & Delivery Notes (/wp-admin/admin.php?page=woocommerce_settings&tab=woocommerce-delivery-notes) kan du ladda upp en logotyp, ange adressuppgifter, hänvisa till exempelvis information om returer och även aktivera förhandsgranskning (så att du innan utskriften kan se vad som ska skrivas ut). Det finns även en extension från WooThemes som ger samma funktion som ovan beskrivet: Print Invoices/Packing Lists (35 dollar).

Förbättrat produktsök: Predictive Search (LITE) är ett tillägg som ger din e-butik en sökfunktion för dina produkter. Du aktiverar tillägget och lägger därefter till en widget. Inställningarna för Predictive Search hittar du snyggt integrerat under menyvalet WooCommerce: Inställningar. För att kunna jobba med samtliga inställningar krävs att du köper tilläggets PRO-version.

Predictive Search fungerar som så att när kunden börjar skriva i sökfältet arbetar tillägget i bakgrunden med att finna matchande produkter att visa upp. Funktionen går även att skapa med andra tilläggskombinationer t.ex. Relevanssi och Dave’s WordPress Live Search (realtidssök).

Letar du enbart efter en mycket bättre sökfunktion rekommenderar jag Relevanssi som länge visat sig vara ett tillägg att räkna med. Dave’s WordPress Live Search har dessutom funktioner för att positionera sökresultatrutan som poppar fram.

Jämför produkter: WooCommerce Compare Products PRO (35 dollar) är ett tillägg som baserat på dina produktkategorier och attribut för produkterna skapar en jämförelsefunktion. Kunden använder en widget för att addera produkter och själva jämförelsen visas i ett popupfönster.

För att vi ska ha något att jämföra börjar vi med att skapa en ‘Compare Product Feature”, pris till att börja med. Vi kopplar detta till mobilskalskategorin:

Nästa moment gör vi på ”redigera en produkt”-sidan där vi markerar kryssrutan före ‘Activate Compare Feature for this Product’ och bestämmer kategorin (mobilskal). Vi klickar på Uppdatera och gör om samma sak med övriga produkter som vi vill ska ingå i jämförelsen:

Nu har vi en ny knapp på produktsidan (utseendet kan justeraas via CSS) och ett klicka på ‘Compare this’ placerar produkten i vår widget. Från widgeten öppnas popuprutan som visar vår nyligen skapade jämförelse:

Ovanstående kvicka genomgång av WooCommerce Compare Products PRO är medvetet nedkortad. Det finns tusen och ett plugin som vi kan implementera i vår WooCommerce-installation. Det är när vi är det här läget, när vi har en fungerande e-butik, som det kan läggas tid på testa nya funktioner. Har du följt vår serie vet du att vi inte berör alla med WooCommerce, utan det finns fortfarande saker för dig själv att upptäcka!

Låt kunderna bestämma priset: Name Your Price (20 dollar) är en extension som gör det möjligt att låta kunden själv sätta priset på en produkt. Det finns en integrerad inställningssida och du aktiverar funktionen i fältet Produktdata” på ”redigera/addera en produkt”-sidan:

Tillägget Name Your Price är utvecklat av Kathy Darling som nyligen släppte tillägget Nav Menu Roles (bestäm vem som ska se en viss menyflik), som du kan använda tillsammans med WooCommerce för att dölja/visa menyflikar beroende på om en besökare är inloggad, ej inloggade eller inloggad med en viss användarroll:

Framhäva produkter: WooCommerce har i minst ett par av sina teman en funktion som heter ”Featured Products”, vilket skapar vad som på annonssajter brukar kallas för framhävd placering. För att spetsa till den funktionen kan vi använda en bildväxlare, exempelvis WooSlider.

WooSlider kostar 35 dollar och vill du att produkter från WooCommerce ska kunna inkluderas på ett smidigt sätt köper du till den funktionen för 20 dollar (WooCommerce Product Slideshow). Det är en del pengar men fördelen är att det fungerar tillsammans. WooSlider är dessutom responsive vilket är mycket bra om din e-butik är mobilanpassad.

För att WooSlider ska lira riktigt bra krävs det förmodligen att du redigerar temafilerna. Har du inte alltför stora krav på placering kan du klistra in den shortcode som WooSlider genererar och på det sättet visa bildväxlare där du önskar. Du kan även arbeta med de widgets som kommer med tillägget och i förlängningen även flytta platshållarna för widgets i ditt tema. Det senare faller under temautveckling och är bara något för dig som är en mycket van WordPress-användare eller utvecklare.

Begränsningen med WooSlider som jag ser det är funktionen för att lägga till bilder att visa i slidern. Jag hade gärna sett att det inte fanns en koppling mellan Infoga bild i inlägg/på sida, utan att bildväxlare skapades via ett eget gränssnitt och att det gick att administrera varje bildväxlare lite bättre. Ett tillägg som jag tycker sköter det bra är CCSlider WP (18 dollar på CodeCanyon).

WordPress-tillägget CCSlider WP är ett intressant alternativ om du gillar coola övergångseffekter. CCSlider WP bjuder på både 2D- och 3D-animationer för dig som vill bjuda dina besökare på en häftig upplevelse. Det kanske inte passar alla men då finns det som ovan beskrivet andra alternativ.

Sammanfattning av bloggserien
Fem inlägg om WooCommerce är inte tillräckligt för att berätta om allt som har med e-handel att göra. Det finns alltid en funktion att lyfta fram, en tweak att göra och vi har inte ens berört möjligheterna som finns på temafronten. Det senare prioriterades bort eftersom WooThemes utöver ett bra e-handelsplugin även har ett stort utbud av teman med stöd för WooCommerce.

Första inlägget handlade om installation, grundinställningar, addition och redigering av produkt samt pris. De arbetsmomenten torde de flesta klara av utan större svårigheter. Det andra inlägget blev lite mer avancerat, särskilt när frakten avhandlades. Just detta med frakt är ett område som skulle kunna diskuteras vidare. Svenska e-handlare brottas dagligen med frågan om huruvida ett fast fraktpris är bäst, om ett dynamiskt fraktpris är att föredra eller om fraktkostnaden ska bakas in i priset?

Med det tredje inlägget kom en genomgång av tre betalningsalternativ och detta är ett spännande område under ständig förändring. Mobila betalningar talas det om nu som ett framtidsspår. Klarna har en mobil betalningsfunktion för mobila användare men det är i grund och botten bara en väg till en faktura.

Det fjärde inlägget handlade om logistik och förståelse för kundens upplevelse i butiken, med fokus på arbetsmetoder och funktioner. Särskilt detta med kundnöjdhet är ett fördjupningsämne, där det finns förespråkare som hävdar tvärt emot vad jag skrev i det fjärde inlägget om e-handel på WordPress. Det fjärde inlägget hämtade även inspiration från de lagar som reglerar e-handeln i Sverige.

Detta femte och i bloggserien avslutande inlägg har (förutom den här sammanfattningen) handlat om olika tillägg för användning tillsammans med WooCommerce. Att kunna skriva ut följdesedlar är förmodligen ett måste-ha-tillägg, medan Name Your Price sannolikt passar bättre för väldigt nischade sajter eller för kampanjer. Utbudet är stort och det är upp till dig (eller din WordPress-konsult) att finna rätt uppsättning plugins.

WooCommerce må vara en fork av Jigoshop (läs exempelvis kommentarerna till WPCandy-inlägget från augusti 2011) men för en vanlig användare och framförallt för en e-handlare som spelar det bakomliggande mindre roll – det viktiga är att en e-butik sitter på en stabil plattform, med bra support och med stora utvecklingsmöjligheter!

Har ni några frågor eller funderingar kring detta? Lämna gärna en kommentar!

Samtliga inlägg i vår bloggserie om e-handel med WordPress och WooCommerce:

  1. Installera WooCommerce och lägg till produkter
  2. Hantera frakt och moms i WooCommerce
  3. Ta betalt med Paypal, Payson och Klarna
  4. Orderflöde, med rabatter, samt trogna kunder
  5. Tips på bra tillägg för WooCommerce

Liknande inlägg:

Det enklaste sättet till en säker WordPress-sida

Uppdatera WordPress! Din säkerhetsguide för WordPress! Undvik att bli hackad – uppdatera WordPress! Så säkrar du WordPress på 10 minuter! Uppdatera, säkerhet, uppdatera!!!

Känner du igen det här? Även om det är viktigt att hålla WordPress uppdaterat, av säkerhetsskäl, så känns det ibland som att det finns en miljard olika tillägg, metoder och guider för detta. Det är en djungel, där i princip alla webbhotell och WordPress-experter försöker sälja karta och kompass.

Vi är minst lika skyldiga här på FS Data, med våra inlägg om nya WordPress-versioner och vår tidigare guide till en säkrare och snabbare WordPress-sida. Även om vi verkligen, verkligen vill att våra kunder ska hålla sig uppdaterade så förstår vi att det inte alltid är så enkelt.

Men nu tänker vi göra bot för detta, en gång för alla. Idag ska vi enbart tipsa om ett (1) WordPress-tillägg som erbjuder ett, mer eller mindre, komplett säkerhetsskydd för WordPress. Låt oss få presentera Wordfence:

WordFence kontrollerar rättigheter, filer, ändringar och meddelar när uppdateringar är tillgängliga (via e-post). Det skannar även efter virus, dåliga länkar och visar trafiken till din WordPress-sida i real-tid.

Installationen sker som vanligt enklast genom WordPress administrationsgränssnitt. När man har installerat WordFence så kan man även gå igenom en liten guide, motsvarande WordPress egen ”what’s new?”-guide (som visas vid versionsuppdateringar), där man lär sig mer om hur tillägget fungerar.

WordFence skannar automatiskt av en WordPress-installation när det har installerats och visar tydligt vilka säkerhetsrisker/hål som finns. Samtliga fel/varningar är rangordnade, så man kan se vad som är mer och mindre allvarligt. Till varningarna medföljer även bra förklaringar, med länkar till ytterligare information.

Vi har själva testat och kört detta tillägg i närmare en månads tid, med väldigt bra resultat. Även om det kräver viss förståelse för filerna i WordPress-core och olika tillägg, så är det användaren själv som sätter ribban för hur säker en sida ska vara. WordFence är ett otroligt bra hjälpverktyg för en säkrare WordPress-sida.

Så om du, på ett väldigt snabbt och enkelt sätt, vill säkerställa WordPress – installera WordFence.

Liknande inlägg:

Ett enkelt sätt att byta sökvägar i WordPress

Bland våra webbhotellskunder är WordPress den, i särklass, mest populära öppna källkodslösningen. Det är inte så konstigt, i skrivande stund utgörs 54,1 % av alla CMS (content management systems) i världen av WordPress. Dess enkelhet, i kombination med dess många möjligheter, gör WordPress till det främsta valet av hemsidelösning idag.

FS Data erbjuder en av de bästa PHP-lösningarna på marknaden, med stöd för PHP 5.2, 5.3 och 5.4 (som första webbhotell i Sverige). Det är även möjligt att välja olika PHP-versioner för olika mappar/kataloger, vilket har gjort att många testar att installera WordPress under en separat mapp, innan de lanserar sin hemsida skarpt.

När man har installerat WordPress under en separat mapp, är nöjd med sin sida och vill köra den ”skarpt” (på den riktiga domänen) så behöver man ändra lite sökvägar. Traditionellt sett så löser man det via sök och ersätt i MySQL (t ex via phpMyAdmin), men det finns ett enklare sätt.

Med WordPress-tillägget Velvet Blues Update URLs är ett byte av sökvägar i WordPress en barnlek. Installera och aktivera tillägget via WordPress administrationsgränssnitt (wp-admin) och gå in under ”Inställningar” > ”Update URLs”.

På denna sida anger man den tidigare sökvägen och den nya sökvägen, samt väljer vad som ska uppdateras. Vi kan rekommendera att man bockar i ”URLs in page content”, ”URLs in excerpts”, ”URLs for attachments” och ”URLs in custom fields and meta boxes”. Klicka sedan bara på ”Update URLs NOW” för att ändra samtliga sökvägar.

Vill du också komma igång med WordPress? Läs gärna mer om varför WordPress fungerar så bra hos FS Data!

Liknande inlägg:

Förbättra en Minecraft-server med tillägg

Dags för del två, av totalt tre delar, i vår lilla bloggserie om det svenska dataspelet Minecraft. Vi har tidigare visat hur man enkelt sätter upp en egen Minecraft-server och nu är det dags att visa man installerar olika tillägg, eller plugins, för att utöka funktionaliteten på sin server.

Minecraft är, i sitt grundutförande, rätt omfattande vad det gäller innehåll och funktioner. Om man spelar ensam så är möjligheterna i princip obegränsade. Men på serversidan så finns mycket att önska om man t ex vill kunna hantera användare (skapa administratörer, blockera ”elaka spelare” osv), rättigheter och visa upp sin server (för omvärlden).

Om ni har följt den tidigare guiden så har ni redan en Minecraft-server med både ett webbgränssnitt (McMyAdmin) och Bukkit. Bukkit är ett servertillägg för Minecraft, som gör det möjligt att installera ytterligare funktioner. Så här enkelt är det:

Installera tillägg för Minecraft via Bukkit

  1. Hämta ner valfritt Bukkit-tillägg

    Besök Bukkit’s pluginsida och leta reda på det tillägg som ska installeras. Ladda ner det på din dator och packa upp den komprimerade filen, så det skapas en mapp med tilläggets innehåll.

  2. Logga in på servern via SFTP

    Då vi har SSH på vår Minecraft-server så använder vi SFTP för att överföra filerna. Det finns ett antal olika SFTP-klienter, jag kan rekommendera FileZilla, som fungerar med Windows, Mac och Linux. Logga in på servern med samma uppgifter som för SSH.

  3. Kopiera över filerna till servern

    Väl inloggad på servern, navigera till mappen ”/minecraft/Minecraft/plugins” (om servern är installerad enligt vår tidigare guide). Kopiera sedan samtliga filer, från tilläggets mapp på din dator, till denna mapp på servern.

  4. Starta om Minecraft-servern

    Logga in i McMyAdmin och gå in under ”Status”. Där klickar du på ”Restart server”, så laddas tillägget in. Man kan även kontrollera att inladdningen utfördes ordentligt under ”Console” i McMyAdmin.

Svårare än så är det faktiskt inte. Men innan ni lägger in en massa tillägg, tänk då på att varje tillägg belastar servern. Så installera gärna fler tillägg, men gör det med omsorg (håll ett öga på minnesanvändningen i McMyAdmin).

Rekommenderade tillägg för Minecraft

Här är några tillägg som vi varmt kan rekommendera för en Minecraft-server.

  1. Essentials

    Detta är en samling med essentiella tillägg. Ger administratörer möjlighet att förvalta resurser, skapa ett handelssystem (köpa och sälja resurser) och hålla koll på spelarna på servern (blockera spelare, skapa administratörer osv). Det mest populära tillägget, av många orsaker.

  2. WorldEdit

    Ett tillägg som gör det möjligt att i princip ”måla upp” avancerade byggverk. Med WorldEdit kan man t ex jämna ett berg vid marken på nolltid. En extremt kraftfull banredigerare.

  3. DynMap

    Genererar en Google Maps-liknande karta över servern, som man kan surfa till via http://127.0.0.1:8123 (ersätt 127.0.0.1 med IP-adressen till din server). Ett enkelt sätt att snabbt få överblick och visa andra spelare hur en Minecraft-server ser ut.

  4. Lockette

    Gör det möjligt att låsa kistor och dörrar, med skyltar, så att man slipper folk som plundrar hus och hem. Ett väldigt bra tillägg om man kör ”Survival” på sin Minecraft-server.

  5. LogBlock

    Skapar en logg över alla aktiviteter, så att man kan spåra (och återställa efter) missbruk. Kräver dock att man installerar en MySQL-databas, vilket kan vara rätt så resurskrävande.

Har ni några fler tillägg att rekommendera? Lämna gärna en kommentar här nedan!

Det var allt för denna gång. I vår tredje och avslutande del, som kommer här inom kort, så ska vi kolla närmare på hur man kan säkra upp sin Minecraft-server. Missa inte det!

Hela Minecraft-serien i vår blogg: Installera en Minecraft-server (på 10 minuter)Förbättra en Minecraft-server med tilläggTips för en säkrare Minecraft-server

Liknande inlägg: