Mitt resultat från WordPress translation day

Den 11 maj var det WordPress translation day och inför lördagen frågade jag helt enkelt mina bekanta om de behövde en svensk översättning av sina teman.

Resultatet blev två teman och ett tillägg:

Gist

Twenty8teen

Samt Google Fonts for WordPress

Jag hann inte riktigt klart utan fick fortsätta på söndagen. Översättningen av Google Fonts for WordPress var redan påbörjad, och jag fick ställa en del frågor i den svenska Slack chatten, men nu är det klart och tillägget kan användas på svenska.

Det är oftast svårare att översätta tillägg eftersom att man behöver installera dem och testa dem ordentligt för att försäkra sig om att det blir rätt. Men av dessa var det nog temat Twenty8teen som var svårast, för det fanns så många inställningar.

Jag gillar verkligen uppdateringen av verktyget som används för översättningar på WordPress.org. Inte minst för att det nu är responsivt och att jag kan använda det i mobilen. Översättningsminnet kan vara en liten fälla, eftersom att det även kommer ihåg felaktiga översättningar, men det gör ändå att man kan arbeta snabbare.

Nu gäller det bara för mig att ta mig i kragen, organisera mig och se till att översättningarna av mina egna teman ligger på 100%!

Så går det till när nya teman släpps på WordPress.org

Varje dag släpps det nya teman i temakatalogen på WordPress.org.

När jag talar om ”vi” i detta inlägg menar jag medlemmar i teamet Theme Review (även kallat TRT eller WPTRT) på WordPress.org. Vi är en grupp med volontärer som hjälper till med att granska teman så att de inte innehåller några fel eller säkerhetsrisker.

Ansökningsprocessen

Alla teman går igenom en ansökningsprocess och det kommer överlag mellan 3 och 10 nya ansökningar per dag.

Ansökningsprocessen kan se lite olika ut:

  • Utvecklare som redan har flera teman av bra kvalitet, kan skicka in ett nytt tema per vecka.
  • För nya utvecklare och andra som behöver mer hjälp att färdigställa temat så är väntetiden längre. Just nu i April 2019 så är väntetiden ungefär 8 veckor.

Det går till så att utvecklaren skickar in en .zip fil med sitt tema via ett formulär på WordPress.org. Man får då ett id-nummer och en länk som är unik för temat.

Granskning

En granskare (reviewer) tar emot ansökan läser igenom koden, installerar och testar temat.

Granskarna öppnar varje fil och läser igenom den, därför kan en granskning vara tidskrävande. Vi tar också hjälp av tillägg som automatiserar en del av arbetet.

Man tittar bland annat på licenser, säkerhet, att funktioner används på rätt sätt, och att temat kan översättas.

Det spelar ingen roll ifall vi tycker att temat är snyggt eller inte. Vi bedömer inte utseendet utan vi följer en lista med regler och minimikrav som vi har tagit fram tillsammans.

-Om temat har några småfel så får utvecklaren möjlighet att ladda upp en uppdatering direkt och vi går igenom koden igen. Denna process upprepas tills dess att temat är helt klart, därför kan det ta upp till ett par veckor. När vi är klara så läggs temat in i temakatalogen.

Men om temat har många fel, till exempel flera säkerhetshål, så förlorar temat sin plats i kön och utvecklaren blir ombedd att skicka in en ny .zip fil när han eller hon har fixat problemen.

Vi försöker hjälpa utvecklare att hitta problem och lösningar. Men om det är alldeles för många fel i temat så har vi inte tid och möjlighet att hjälpa till. Vi hänvisar istället till olika resurser där man kan lära sig att skapa ett tema, till exempel handboken för teman.

Tillläg som underlättar granskning

Några av de tillägg vi använder är:

Skillnaden mellan att skapa ett tema och en webbplats

När jag får frågan om vad jag egentligen gör inom WordPress, så brukar jag svara att jag granskar kod och gör själva utseendet till hemsidor.

När jag tar emot supportfrågor så blir det tydligt att många inte vet skillnaden mellan ett tema för WordPress och en komplett webbplats.

  • Ett och samma tema kan användas på oändligt många WordPress-sidor, oavsett vad innehållet är.
  • En webbplats är komplett med innehåll, funktioner (tillägg) och utseende (tema).

När man planerar en webbplats så börjar man med syfte och innehåll. Man skriver även en sammanfattning av vilka funktioner som behöver finnas. Därefter tar man fram enklare prototyper för hur innehållet bäst presenteras, och därifrån växer utseendet fram. Man väljer ofta färger från företagets profil eller logo, och bilder som passar till ämnet.


När man enbart skapar ett WordPress-tema så börjar man i den andra änden vilket faktiskt kan vara svårare.

Innehållet är den viktigaste delen av webbplatsen. När vi skapar ett tema som ska användas på många olika sidor så vet vi inte innehållet och kan inte anpassa designen efter det.

Förenklat så kan man säga att vi kan väja mellan tre utgångspunkter:

Ett tema som är neutralt men anpassningsbart

Ett tema med (väldigt) många inställningar. Användaren eller webbdesignern anpassar själv temat.

Exempel på sådana teman är Divi och Avada.

Ett tema för en speciell nisch

En nisch kan vara till exempel bygg, tandläkare, kyrkor eller restauranger.

Ett nischtema har redan bilder som passar till ämnet. Det har ofta inställningar för logo och en del färginställningar, men normalt bara en sidmall för själva förstasidan.

Ett tema för e-handel

Ett tema anpassat för e-handel med till exempel WooCommerce. Många gratis e-handelsteman designar bara själva produktlistan, produktsidan och varukorgen. -De fungerar inte alltid så bra om man har både en webbsida, blogg och shop.


Alla tre typer av teman är svåra att få till riktigt riktigt bra.

När man inte har en kund att få intryck och kravspecifikationer ifrån är det lätt hänt att man istället utgår från sig själv och hur man själv använder teman.

För att undvika att hamna i den fällan kan man använda sig av olika personas och försöka sätta sig in i vad olika målgrupper vill ha.

Här kan du läsa mer om personas:

https://www.usability.gov/how-to-and-tools/methods/personas.html (på engelska)

https://digitalist.se/personas

https://www.webbstrategerna.se/vad-ar-en-persona/

Men ibland är det så klart bara kul att göra ett tema för skojs skull!
Allt behöver inte vara på så stort allvar, utan om någon sedan vill använda temat som man har skapat så är det bara roligt.
Om du är nyfiken på hur mina gratisteman ser ut så hittar du dem här:
https://wordpress.org/themes/author/poena/

Ändra typsnitt i temat Twenty Nineteen

Jag har själv bidragit till utvecklingen av det senaste standardtemat, men det är ett par saker som jag fortfarande har lite svårt för.

Jag har nämligen svårt att arbeta med och läsa typsnittet Baskerville Old Face. Det är ett av typsnitten som Twenty Nineteen använder till brödtexten, och det är för smalt för mig.

Om du bara vill ändra typsnitt på den delen av sidan som besökaren ser så räcker det att lägga till en kort kod i inställningen Extra CSS under Anpassa (customizern).

body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

Koden skriver över det tidigare typsnittet och ser till att samma typsnitt nu används för både brödtext och rubriker.


Tvärtemot konstens alla regler

Men för att byta typsnitt i själva redigeraren där vi arbetar med våra texter, så behöver vi ändra filen style-editor.css. Det är den filen i Twenty Nineteen som kontrollerar utseendet på delar av den nya blockredigeraren.

Du vet säkert att man absolut inte bör göra ändringar direkt i ett tema, för då förlorar vi ändringarna när temat uppdateras. Men i det här fallet väljer jag faktiskt att göra ett undantag, eftersom att vi bara behöver ändra en rad kod. Det är oftast inte lönt att skapa och installera ett child theme (barntema) för en sådan liten ändring. Om du vill göra större ändringar så rekommenderar jag inte den här metoden.

För att redigera filen går vi istället till menyn Utseende och väljer Temaredigeraren.

Kontrollera att Twenty Nineteen är det valda temat. Markera sedan filen style-editor.css:

Bilden visar en lista på filer som är tillgängliga i temaredigeraren.

Scrolla ner till rad 611 där du hittar raden med texten /** === Base Typography === */

Radera rad 614 som börjar med texten font-family.

Kopiera och klistra in informationen om det typsnitt vi kommer att använda istället:

font-family: "NonBreakingSpaceOverride", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

Hela stycket ska se ut som nedan:

/** === Base Typography === */
body {
  font-size: 22px;
  font-family: "NonBreakingSpaceOverride", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.8;
  color: #111;
}

Med de här två koderna använder vi samma typsnitt på rubriker och brödtext både i redigeraren och på utsidan.

Videotips: Så designar du en bra förstasida

Denna video är från WordCamp Miami 2019.

Naima Sheikh har flera praktiska tips om hur man kan designa förstasidan på sin hemsida. Hon ställer bland annat frågan om ifall vi har länkar till social media längst upp på vår förstasida.

-Om vi har det, så uppmanar vi besökaren att lämna vår hemsida redan innan de har läst vårt viktigaste innehåll.

Det var en riktig ”eye opener” för mig och det är egentligen självklart när man tänker efter. Jag uppskattar verkligen små tips som detta, som man kan ta till sig även om man man inte räknar sig själv som en fullfjädrad designer ☺️.

How To Build An Irresistible Website Home Page NAIMA SHEIKH

How To Build An Irresistible Website Home PageNAIMA SHEIKH

Publicerat av Wordcamp Miami Söndag 17 mars 2019

Vill du se fler videor från WordCamp Miami så har de skapat en lista med videolänkarna här:

På de här sidorna kan du lära dig mer om SEO

Vill du också lära dig mer om sökmotoroptimering? Du kanske precis som jag har installerat Yoast SEO plugin på din WordPress sida och undrat vad nästa steg är.

I det här inlägget har jag sammanställt länkar som jag själv har använt mig av för att lära mig mer om sökmotoroptimering (SEO).

Som bloggare men även som utvecklare kan jag tycka att SEO är svårt. Och helt ärligt, så är det inget som jag vill behöva gå runt och tänka på hela tiden. Det finns mycket annat som jag tycker är roligare.

Jag har också fått intrycket att allt kring SEO ändras så snabbt och så ofta att jag inte riktigt har haft tid att hålla mig uppdaterad.

Gå direkt till källan: Googles egen dokumentation

Jag rekommenderar varmt Googles egen handbok. I handboken går de pedagogiskt och steg för steg igenom hur du ska göra för att synas på Google, och vad du ska undvika.

Guiden är ganska lång, så ta god tid på dig och skriv gärna egna minnesanteckningar.

Grundhandbok om sökmotoroptimering


Guider från Svenska SEO företag

Adsights nybörjarguide

Denna guide är från 2018, men det jag uppskattar mest är att den är jämförelsevis lättläst. Guiden rekommenderar många olika verktyg för till exempel sökordsanalys.

Pinberrrys SEO skola

Här rekommenderar jag framförallt delen som handlar om on page-optimering som innehåller flera praktiska och användbara tips. Det är oklart när sidan senast uppdaterades, och vi vill ju så klart ha aktuell information. Det kan därför vara värt att även kolla in deras blogg.

https://www.sokmotorkonsult.se/seo-skola#seo-skola

Puffers On-page SEO

Puffer har gjort en snygg infografik med en checklista för on-page SEO.

https://puffer.se/seo-blogg/seo-guide/

Ranktrails SEO-guide

Guiden innehåller texter om vad sökmotoroptimering är och varför vi ska optimera vår webbplats.

Guiden har inte så många praktiska tips, men de planerar att lägga in fler kapitel. Än så länge kan du läsa om hur man tar fram en sökordsstrategi.

https://www.ranktrail.se/sokmotoroptimering/

Fler guider på engelska

Yoast nybörjarguide

Yoast har hjälpt hundratusentals användare att förbättra sina webbplatser med hjälp av sitt SEO plugin. De har också kurser där vi kan lära oss mer om sökmotoroptimering och deras slogan är ”SEO för alla”. Tyvärr är det bara nybörjarguiden som är gratis, och man måste registrera sig för att få ta del av den.

Men de har också en stor samling av kortare artiklar och videor på bloggen. Vilket ju passar bra för oss som bara har tid att läsa lite då och då (Att läsa på tåget hem från jobbet är en klassiker till exempel). https://yoast.com/what-is-seo/

Ahrefs videoguide för WordPress

Ahref står bakom populära analysverktyg som exempelvis Site Explorer, som ni kan se nämnas i några av guiderna ovan. I den här nybörjarvideon för SEO i WordPress går de igenom hur man kommer igång med en ny sida och vad vi ska undvika.

Moz nybörjarguide

Moz är ett företag som precis som Yoast och Ahref säljer produkter som ska underlätta för oss att optimera våra webbplatser, men det är inte enbart inriktat på WordPress.

https://moz.com/beginners-guide-to-seo


Det verkar fortfarande krångligt, behöver jag inte anlita någon?

Jo, i vissa fall kan det krävas att man anlitar en expert inom sökmotoroptimering. Helst då i ett skede där man planerar innehållet på webbplatsen och inte i efterhand.

Ifall du exempelvis ska starta ett nytt företag där du kommer att behöva förlita dig på trafik från Google, så är det säkrast att be om hjälp. Föreställ dig själv att du kommer till en ny arbetsplats och att du ännu inte kan alla arbetsuppgifter.  Även här kan du behöva ta hjälp av någon mer erfaren.