AngularJS med WordPress

WordPress er i højere grad ved at være fyldt med “bloated” kode – og det er jeg personligt træt af. Man bruger 50-60$ på et WordPress theme, og så får man en masse med, som man egentlig ikke bruger, eller får brug for overhovedet. Hvad gør jeg for at slippe af med det? Læs med herunder…

Hvad er AngularJS?

AngularJS er et forholdsvis nyt framework/library, som minder om jQuery.
Forskellen er bare, at AngularJS kan så meget mere end jQuery, som vi har brugt hidtil.
Egentlig bruger man AngularJS til at lave web-apps med, og da trenden for websites hele tiden udvikler sig, er det vigtigt at vi også følger med i tiden. Når du surfer rundt på nettet, vil du i stigende grad se flere og flere SPA websites (Single Page Application) – og disse kan være lavet med AngularJS, da der er mulighed for databinding (læs mere om AngularJS her).

Jeg vil ikke begynde at sammenligne AngularJS med jQuery, for det kan man finde så mange andre steder på nettet. Jeg vil bare lige kort fortælle, hvad AngularJS evt. kan bruges til.

• SPA (Single Page Applications)
• Web Apps
• Hybrid mobile apps
• Mindre kode
• Directories (minder om plugins)

Altså, du kan lave en masse fede ting med AngularJS – og det har jeg endelig fået øjnene op for!
Men hva så med WordPress – kan jeg bruge AngularJS her? Ja, det kan du godt!
Men som så meget andet, så er der både fordele og ulemper ved dette – læs mere herunder…

Fordele / Ulemper

Ovenfor kan du læse en smule om AngularJS – men for at få dannet et helt klart billede af hvad AngularJS egentlig er, skal du nok ud og lede på nettet – folk kan bruge timer og timer på at skrive om det – og der er ikke noget at sige til det – det er fedt!

Men som tidligere nævnt, så er der fordele og ulemper ved det – i hvert fald ifm. WordPress – og det er egentlig det jeg gerne vil ind på i denne artikel. For hvis man kan bruge AngularJS til WordPress, hvorfor gør man det så ikke bare? Men så simpelt er det nu ikke…

Fordele

• Din side loader MEGET hurtigere
• Spar dig selv for en masse kode
• Brug API’er meget nemmere
• Mere kontrol over dine elementer

Ovenstående lyder alt sammen meget godt – men hvis du søger efter et WordPress AngularJS theme, så finder du intet, eller meget lidt.
Det er endnu ikke 100% kompatibelt med WordPress, og man er nødt til at lave en masse workarounds selv, for at få dit theme til at fungere.
Der er derfor en del ulemper også – men det er primært ifm. udvikling/flytning af AngularJS WordPress theme.

Ulemper

• Ikke alt kan tages med i AngularJS endnu
  F.eks. er det ikke 100% muligt at tage menuer, widtgets o.lign. med
• Du skal selv ind og enqueue de script der skal bruges til hhv. plugins
  Dette er KUN hvis du, som jeg, vælger at fjerne wp_head() tagget, for at slippe for en masse bloated kode, som du alligevel aldrig bruger.
• Du skal selv udvikle dit theme fra bunden, så du ved hvor du har dine respektive partials osv.
  Som sagt, så er der ingen WordPress themes (i skrivende stund) som er baseret på AngularJS
• Det tager tid og tilpasning!
  Du skal forberede dig på at bruge timer og timer for at tilpasse dit WordPress theme – men siger man ikke “kvalitet tager tid”?

Hvis jeg skulle gå ud fra ovenstående, så havde jeg lige nu fravalgt at gå i gang med et AngularJS WordPress theme. Men når jeg ser WordPress sites nu om dage, kan jeg ikke lade være med at tænke på, hvor langsomme mange af disse sites er(!) – Der er så mange serverkald der skal laves når dit WordPress site loades, især hvis du har mange plugins, indlæg og sider. Derfor tilter jeg personligt til den anden side, og vælger AngularJS.

Købt eller “hjemmelavet”?

Hvis jeg skulle lave et projekt for en kunde, og jeg har begrænset tid, så er et købt WordPress theme at foretrække – og det vil det egentlig også være generelt i 99% af alle tilfælde mht. WordPress themes. Men har jeg muligheden for at udfolde mig, og prøve ting af med nogle andre alternativer, så er jeg en del af den sidste procent, som ikke vil ofre 400-500 kr. for et WordPress theme.

Jeg har herunder lavet pros/cons for valg af WordPress theme, skal det købes eller skal man lave det selv.

Købt WordPress theme

• Du har support til dit theme, og du kan altid tilkøbe dig yderligere support, skulle du have behov for det.
• Jævnlige opdateringer, som 99% af tiden følger WordPress’, til tider nye, standarder.
• Theme options i dit administrator-panel, hvor du kan rette en masse styling osv. –  uden at kende noget til kodning
• “What you see is what you get” – oftest er der demo-content med, så du kan få siden til at se ud som du så i demoen

“Hjemmelavet” WordPress theme

• 100% kontrol over al din kode
• Undgå elementer du alligevel ikke bruger
• Hurtig og nem tilpasning – du kender jo koden ud og ind
• Skil dig ud fra alle andre – lav dit eget design

Også her er der fordele og ulemper – og også her, vil jeg hellere foretrække et hjemmelavet WordPress theme, fremfor at give 400-500,- for 10% af et theme, da de resterende 90% aldrig bliver brugt.

Konklusion

Vi må nok indse, at WordPress ikke er 100% klar til AngularJS – men vi er godt på vej.
Jeg er stor fan af, at man kan hente data ned via WordPress REST API – hvilket også er mega overskueligt.
På den måde bestemmer du 100% selv hvor du vil have vist de forskellige ting – og det kan jeg godt li’!

Selvom der stadig er lang vej til WordPress og AngularJS bliver til et lykkeligt ægteskab, så er jeg allerede i fuld sving med at lave et WordPress theme baseret primært på AngularJS, som jeg vil bruge her på sitet. Om det senere hen bliver et “framework” som jeg udgiver, må tiden jo vise. Jeg glæder mig i hvert fald til at se hvad det kan – og med de test-resultater jeg allerede har fået, så ser det MEGET lovende ud!

Er du interesseret i mere WordPress og AngularJS, så følg med her på bloggen.
Jeg skal nok holde Jer opdateret på mine resultater – og inden længe, uploader jeg en demo, så I selv kan se hvordan det virker i praksis!