Community

Sökmotoroptimering & Advanced Custom Fields

Få mer kontroll över din sökmotoroptimering.

En av de allra viktigaste delarna i marknadsföring online är SEO (sökmotoroptimering). 
Vi på Angry Creative lägger mycket fokus vid att säkerställa att den koden vi levererar till våra kunder uppfyller de riktlinjer som värderas högt av sökmotorer som t.ex. Google.

Yoast SEO & Advanced Custom Fields

Men en hemsidas sökmotoroptimering är bara så bra som sitt faktiska innehåll, därför ser vi alltid till att Yoast SEO-tillägget är installerat på alla hemsidor som vi lanserar.

Tillägget hjälper till att analysera hur bra hemsidans innehåll är och ger återkoppling på vad som kan förbättras. Men ett stort problem är att det bara analyserar ”vanligt” WordPress-innehåll, vilket kanske fungerar för små hemsidor och bloggar, men när man bygger lite mer avancerade hemsidor så ökar behovet av att skapa egna fält och speciella typer av innehåll.

Ett av de mest populära tilläggen för att göra detta är Advanced Custom Fields. 

Eftersom Yoast SEO inte klarar av att analysera innehåll som är skapat med ACF så har vi nu släppt ett tillägg som löser detta problem.

ACF-Content Analysis for Yoast SEO

ACF-Content Analysis for Yoast SEO skickar in allt innehåll till Yoast SEO och gör att det analyseras tillsammans med det vanliga WordPress-innehållet.
Det är en ganska komplex operation då man faktiskt inte har någon aning om man inte byggt sidan själv hur ACF-innehållet faktiskt används på sidan, men det ger en mycket bättre insikt i vad sidan innehåller. Det är inte svårare än att installera tilläget, aktivera det och sedan kommer det bara att fungera.

Open Source

Vi älskar öppen källkod och släpper därför så mycket vi kan på t.ex. Github! Om du vill kolla hur tillägget fungerar eller skicka en pull-request så kolla in vårt repo.

Att ge tillbaka: Vår utveckling & bidrag till Öppen källkod 2015

2015 har varit ett spännande år. Våra kunder har fått oss att pressa gränserna för vad man kan göra med WordPress & WooCommerce med applikation inom såväl dokumenthantering, intranät och e-handel. Det ökade trycket har gjort att vi växt från 5 till 11 personer. Detta har gjort det möjligt för oss att bidra mer än någonsin till de öppen källkod projekt som gagnat oss under åren.

Under 2015 har vi framförallt kunnat bidra med egna plugins, WooCommerce samt till communityn generellt via anordnande av events. Vi hoppas våra ansträngningar inspirerar andra och att fler av våra kunder vågar satsa på att generalisera delar av sina egna projekt för att kunna släppas som öppen källkod!

Varför är öppen källkod viktigt?

Vår affär är möjlig tack vare öppen källkod. Vi är en WordPress utvecklingsbyrå men använder utöver WordPress en mängd andra öppen källkod projekt för vårt dagliga arbete. Vi tror på öppen källkod som en kraft för positiv förändring för såväl den fattiga studenten i Norrköping som det multinationella företaget. Öppen källkod bryter ner ekonomiska och kunskapsmässiga barriärer genom att vara tillgängligt för alla och hjälper människor att arbeta med varandra snarare än mot varandra. Det vi investerar i öppen källkod kommer tillbaka mångfaldigt till oss. Därför väljer vi att lägga minst 5% av vår tid på öppen källkod projekt och andra förbättringar och ansluter oss till ‘Five for the future‘. 

Kod

Under ökade vi från 3 till 5 stycken plugins som vi underhåller på WordPress.org. Vi bidrog med kod till WooCommerce och publicerade alla våra öppen källkod projekt på Github.

Organisera events & dela kunskap

Under året var vi med och organiserade WordCamp Norrköping 2015 som är den största WordPress-träffen i Sverige och sanktionerad av WordPress foundation. Utöver detta höll vi tal på #wpbar Jönköping, wpsthlm meetup #2 & Internetdagarna. Totalt blev det 5 stycken föreläsningar på 4 olika event.

2016 blir ännu mer fantastiskt!

Under 2016 har vi en mängd spännande projekt och av allt att döma kommer vi att se en liknande tillväxt även under det kommande året. Vi vill att Angry Creative skall föregå med gott exempel i den Svenska WordPress communityn och kommer därför satsa mot ännu fler bidrag till öppen källkod communityn och att fler som älskar öppen källkod vill ansluta sig till vår sak under året.

Vi ser fram emot att träffa våra branschkollegor på WordCamps, meetups & andra tillställningar. Gott nytt år!

Facebook Open Graph Scraper

Ta kampen mot konstiga delningsbilder på Facebook

Att synas på sociala medier är en viktig del av många företags marknadsföring. Med plugins som WordPress SEO kan man bestämma hur olika sidor ska se ut när de delas på till exempel Facebook. Med detta tillägg kan man till exempel sätta standardbilder men även se till att ”rätt” bild visas på Facebook när man delar adressen.

Det många inte vet om är att Facebook sparar ner all delningsdata på sina egna servrar för att slippa hämta bilder och text varje gång som ett inlägg delas, vilket oftast är en väldigt bra egenskap då det är snällt mot ens egna server. När datan har legat där i 30 dagar så uppdaterar Facebook datan. Men om man till exempel delar ett inlägg internt via Facebook Messenger innan det är färdigskrivet, eller om man vill ändra delningsbild efter att inlägget publicerats så blir detta ett problem.

Ett sätt att lösa detta på innan har varit att manuellt säga åt Facebook att uppdatera sin cache, men har man många inlägg så kan detta bli en väldigt tidskrävande uppgift.

Efter att många av våra kunder stött på detta problem så bestämde vi oss för att skriva en plugin som löser detta, kallat Facebook Open Graph Scraper. Varje gång en sida / post skapar eller ändras så säger pluginen åt Facebook att tömma sin cache och hämta hem den nya informationen. På så sätt kan man alltid vara säker på att när ens inlägg delas på Facebook så följer rätt bild och text med.

Tillägget är kostnadsfritt och går att hämta hem via WordPress officiella tilläggsdatabas.

En hjälpande hand för att komma igång med programmering

Sverige är ett land som har många framgångsrika startups vars huvudsakliga verksamhet består av programmering till exempel onlinepizza.se, Spotify och inte minst Minecraft. Att kunna grundläggande programmering kan leda till att du är en av de som är med i nästa framgångsrika startup.

Kolla gärna igenom filmen som Code.org har skapat. Det är en kampanj som är startad för att få mer personer att lära sig grundläggande programmering då det krävs för att täcka alla behov som kommer att uppstå i den tekniska revolutionen. Steve Jobs citat från filmen “The lost interview” är ett talande exempel. “I think everybody in this country should learn how to program a computer because it teaches you how to think.” Detta är relevant överallt och inte bara i Amerika. Att lära sig programmera leder också till att du kan göra verklighet av din kreativitet och dela med dig av det med hela världen..

Länktips

Här kan du läsa om några länkar som hjälper dig att komma igång med programmering.

Tutsplus

På tutsplus finns det mängdvis med tutorials och väldigt många bra kurser där de finns på olika nivåer som man kan ha nytta av under hela sin lärningsprocess gällande programmering. Kurser som kan vara värda att starta med för att lära sig programmera och dela med sig till sina vänner.

Gratis kurser

30 dagar att lära html och css – Kurs som går igenom väldigt grundläggande html och css för att kunna skapa enkla hemsidor.

30 dagar att lära jQuery – Kurs som går igenom hur man kan jobba med det populära javascript biblioteket jQuery.

Premium kurser värda att nämna

Grundläggande HTML5 – Kurs som går igenom det nya i och med HTML5.

Grundläggande javascript – Kurs som går igenom grundläggande Javascript, jag tycker att man kan börja med att arbeta med jQuery men att man ska ha förståelse för Javascript för att man ska ta det steget längre och inte vara begränsad av att arbeta i ett bibliotek. Att kunna programmera i Javascript kommer att underlätta programmeringen i jQuery också.

Codeacademy

Codeacademy är en plattform som är till för att lära sig programmera samtidigt som man får achievements för det man har skapat. Det finns mängdvis med kurser här som ligger på en grundläggande nivå och det är ett roligt sätt att lära sig programmera. Man kan på ett enkelt sätt logga in med sitt facebook konto och samtidigt dela med sig av sina achievements man har fått till sina vänner.

Codeschool

Codeschool är en tjänst som kostar pengar men har väldigt bra kurser både på grundläggande nivå och på en högre nivå. På Codeschool så får man först se en film som går igenom det man sedan kommer att få applicera genom den inbyggda textediterararen. Även här får man achievements när man har lärt sig nya saker och man kan skapa grupper för att arbeta tillsammans.

Lynda

Även lynda är en tjänst som kostar pengar men har väldigt många kurser både på grundläggande och högre nivåer. Det finns ingen inbyggd editor i tjänsten men man kan ladda hem övningsfiler i samband med att man tittar på de filmer som finns. För att ta del av de olika övningsfilerna så behöver man ha den lite dyrare prenumerationen.

Personligen har jag aldrig använt den här tjänsten men jag vet att den är användbar och värd att nämna.

Sitepoint

Sitepoint är en sajt som innehåller väldigt mycket guider för att komma igång och lära sig mer kring det mesta som rör webbutveckling och webbprogrammering. På Sitepoint kan man också köpa böcker som berör ämnet om man hellre läser böcker för att lära sig mer.

Kommentera gärna med mer förslag på sajter för att lära sig.

Att tänka på när man anordnar en WordPress Meetup

För en tid sedan anordnade vi en WordPress Meetup, som var en mycket trevlig upplevelse. Vi skulle gärna se att andra människor också anordnade meetups och liknande evenemang, och därför tänkte vi dela med oss av några av de lärdomar vi dragit. Vi kommer att börja med vad man behöver göra ett par månader innan eventet, fram till vad som behöver göras på själva dagen. Förberedelserna vi rekommenderar är för ett event för kanske 50-200 personer.

(mer…)

Ett levande community med WordPress Meetup(s)

För en tid sedan höll vi en WordPress Meetup här i Norrköping som blev mycket lyckat. Vi skulle vilja tacka alla deltagare, sponsorer och sessionshållare för en fantastisk dag!

Läs gärna Bineros sammanfattning av eventet som kortfattat beskriver dagen.

Dokumentation

Då inte alla kunde komma ville vi naturligtvis att så många som möjligt live men även i efterhand kunde ta del av evenemanget. Därför livesände vi evenemanget via Bambuser. Stort tack till våra vänner på Monoscopio Medieproduktion för sponsringen av kamerautrustningen!

Se eventet på Bambuser

Nedan följer en länksamling till talarnas presentationer

Håll fler Meetups!

Vi vill att fler håller meetups! Därför har vi valt att skänka logotypen som togs fram i samarbete med Marcus Pettersson för eventet till communityt (enligt CC BY-SA 3.0). Tryck t-shirts, skriv ut planscher & gör vad ni vill med den!

Ladda ner WordPress Meetup logotyp här

DMSGuestbook templates

DMSGuestbook is a great guestbook plugin for WordPress by Daniel Schurter. Since DMSGuestbook has a template system, it is possible to easily create custom layouts for the guestbook. We created a comment design for free download.

Psst. This is licensed under the MIT License. Please leave the attributions intact.

Repo

Less+ Framework

Less+ empowers designers and developers to build websites that can adapt their content depending on screen resolution.

Included is both Less+ for Less 4 (10 col / default, 8 col, 5 col, 3 col) & Less 3 (13 col, 8 col / default, 5 col, 3 col).

Psst. This is licensed under the MIT License. Please leave the attributions intact.

Download Bundle

Download Less framework 3 + 4

Less Framework

This framework is an extension of the Less Framework built by Joni Korpi with the difference that it has extended support for Internet Explorer. Please visit his the Less Framework page to read more about Jonis ideas and more related resources.

Less Grid Overlay

This branch of the Less Framework includes the Less Grid overlay by @RnowM.

More reading

If you wish to read more about my thoughts on the benefits and usage, please feel free to read the original Blog post. I can also recommend checking out the Vertical Rhythm tool.

jQuery Media Queries

This branch of the Less Framework uses the jQuery Media Queries library built by Protofunc as suggested by Richard Shepherd.
1 2