• Gå direkte til primær navigation
  • Skip til indhold
  • Gå direkte til primær sidebar

WPTRICKS{DK}

En blog om WordPress, Webudvikling og gode idéer!

  • Forsiden
  • WordPress Guide
  • WordPress Hosting
  • Gratis WordPress Sparring
  • Er mit domæne ledigt?
  • Få gratis hjælp til WordPress
Du er her: Forside / Gør det selv / AngularJS med WordPress

AngularJS med WordPress

8. april 2016 af Aris Skriv kommentar

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-logo

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 hurtigerePLR-Pro-Con
  • 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!

Populært lige nu...

  • - Alternativer til Google Analytics
  • - 10 mest stillede spørgsmål om WooCommerce
  • - 8 Tips til at skrive et godt indlæg
  • - Gratis WordPress hjemmeside

Skrevet i: AngularJS, Generelt, Gør det selv Tags: angularjs, api, template, theme, wordpress

Læserinteraktioner

Skriv et svar Annuller svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

Primær Sidebar

Søg

Mine anmeldelser

  • Kinsta.com(☆☆☆☆☆)
  • Nordicway.dk(☆☆☆☆)
  • UnoEuro / simply.com (☆☆☆)
  • One.com (☆☆)

Hold dig opdateret

Et par gange om året sender jeg et nyhedsbrev ud, med alle de nye tiltag jeg har gang i.
INGEN SPAM - det lover jeg!


… eller vælg en kategori

  • AngularJS (3)
  • Gammel (1)
  • Generelt (46)
  • Gør det selv (30)
  • Hosting (4)
  • WooCommerce (1)
  • WordPress Admin (3)
  • WordPress Fejl (3)
  • WordPress Guide (16)
  • WordPress Nyt (7)
  • WordPress Plugins (18)
  • WordPress Temaer (10)
  • WordPress Tips (30)
  • WordPress Tutorials (2)

Arkiver

  • februar 2022 (2)
  • januar 2022 (1)
  • december 2021 (2)
  • oktober 2021 (1)
  • april 2021 (1)
  • marts 2021 (1)
  • februar 2021 (2)
  • november 2020 (1)
  • august 2020 (1)
  • juli 2020 (2)
  • juni 2020 (1)
  • marts 2020 (1)
  • februar 2020 (2)
  • januar 2020 (5)
  • november 2019 (1)
  • maj 2019 (1)
  • april 2019 (1)
  • september 2018 (1)
  • juni 2018 (2)
  • april 2018 (1)
  • december 2017 (3)
  • oktober 2017 (1)
  • september 2017 (1)
  • november 2016 (1)
  • juni 2016 (1)
  • april 2016 (1)
  • marts 2016 (1)
  • juli 2015 (1)
  • september 2014 (1)
  • juni 2014 (3)
  • marts 2014 (5)
  • februar 2014 (2)
  • november 2013 (4)
  • oktober 2013 (1)
  • maj 2013 (1)
  • april 2013 (2)
  • marts 2013 (1)
  • januar 2013 (7)
  • december 2012 (2)

© Copyright 2012 - 2022 | WPTricks.dk | Sitemap | Cookie- og Privatlivspolitik