Forside » From WordPress Theme to Platform: How I’m Building Nettløft
Nettløft WordPress-plattform

Fra WordPress-tema til ferdig plattform

Nettløft startet med et praktisk spørsmål: Kan utvikleren beholde full kontroll over WordPress-designet, samtidig som kunden får en langt enklere og tryggere måte å redigere den ferdige nettsiden på?

Løsningen utviklet seg gradvis til noe langt mer enn et tema. Prosjektet er nå ferdig utviklet som en strukturert WordPress-plattform som skiller presentasjon, kontrollert innhold og kundens redigeringsopplevelse fra hverandre.

Prosjekt fullført Plattform testet Klar til bruk

Mer enn et WordPress-tema

WordPress gir utviklere svært stor frihet, men den samme fleksibiliteten kan også gi vanlige nettsideeiere tilgang til verktøy de ikke trenger. Kunden kan ha behov for å endre en overskrift, bytte et bilde, legge til en tjeneste, skjule en seksjon eller opprette en ny side. Det betyr ikke at kunden trenger tilgang til CSS, responsive brytepunkter, frie blokker, PHP eller hele designsystemet.

Utvikleren styrer design og struktur. Kunden styrer innholdet som bevisst er gjort redigerbart.

Dette prinsippet førte til en bredere arkitektur bygget rundt to tett sammenkoblede komponenter.

Presentasjon

Nettløft Theme for WordPress

Temaet styrer den offentlige presentasjonen og hvordan nettsiden oppfører seg i frontend.

  • egne PHP-maler
  • HTML-struktur
  • CSS og visuelt design
  • JavaScript
  • responsiv oppførsel
  • visning av offentlige seksjoner
Innholdsstyring

Nettløft Site Controls

Den tilhørende utvidelsen håndterer strukturert informasjon og redigeringsopplevelsen kunden møter.

  • strukturert innhold
  • godkjente felt og seksjoner
  • validering
  • tilgangsstyring
  • sidens livssyklus
  • kontrollert navigasjon
Skillet er bevisst Det visuelle designet kan videreutvikles uten at kundens strukturerte innhold må bygges opp på nytt.

En annen redigeringsopplevelse

Målet er ikke å lage enda en generell sidebygger. Nettløft er bygget rundt en tydelig ansvarsdeling mellom utvikler og kunde.

Utvikler

Styrer nettsiden

  • layout
  • design
  • CSS og JavaScript
  • responsiv oppførsel
  • maler
  • teknisk struktur
Kunde

Styrer godkjent innhold

  • overskrifter og tekst
  • bilder
  • knapper og lenker
  • godkjente seksjoner
  • synlighet og rekkefølge
  • virksomhetsinnhold

Kunden skal kunne vedlikeholde informasjonen de faktisk trenger å endre, uten samtidig å få kontroll over de tekniske systemene som sørger for at nettsiden fungerer konsekvent på datamaskin, nettbrett og mobil.

Strukturert innhold, ikke et fritt sidebygger-lerret

Nettløft-styrte sider bygger på strukturert informasjon i stedet for at kunden selv skal sette sammen frie layouter.

En overskrift forblir en overskrift. Et bilde forblir et bilde. En knapp forblir en godkjent handling. Kunden redigerer informasjonen, mens frontend-koden bestemmer hvordan informasjonen skal presenteres.

Dette gjør det mulig å validere innhold før det blir en del av den offentlige nettsiden, og å sette tydelige grenser for hva et bestemt felt eller en seksjon kan inneholde.

Innhold og presentasjon henger sammen, men de trenger ikke å være det samme.

Bygget for å tilpasses ulike virksomheter

Nettløft er ikke bygget rundt terminologien til én bestemt bransje. Det samme underliggende systemet kan konfigureres med språk, innholdstyper og arbeidsflyt som passer den enkelte nettsiden.

01 Nettløft Core Den gjenbrukbare tekniske plattformen og dens stabile funksjonalitet.
02 Site Profile Virksomhetsspesifikk konfigurasjon, terminologi og tilgjengelige innholdstyper.
03 Customer Content Tekst, bilder, sider og virksomhetsinformasjon som tilhører kunden.

Det er sentralt i produktdesignet å holde disse lagene adskilt. Endringer i plattformen eller det visuelle designet skal ikke kreve at kundens innhold bygges opp på nytt.

Et kontrollert seksjonssystem

Gjenbrukbare seksjoner gjør det mulig for utviklere å bygge strukturerte layouter kunden kan arbeide med, uten å eksponere hele frontend-systemet.

Tekst og bilde Strukturert tekstinnhold kombinert med bilde og valgfri handling.
Fullbredde tekst En fleksibel strukturert seksjon for lengre tekstinnhold.
Utvalgte sider Utvalgte interne sider presentert som kontrollerte lenker.
Galleri En sortert samling bilder fra WordPress-mediebiblioteket.
Kundeuttalelser Strukturerte kundeuttalelser med valgfri tilleggsinformasjon.
Handlingsseksjon En kontrollert handlingsseksjon for interne eller godkjente eksterne lenker.

Avhengig av hvordan seksjonen er definert, kan kunden få tilgang til redigering, rekkefølge, synlighet eller opprettelse, mens utvikleren beholder kontrollen over de underliggende presentasjonsreglene.

Mer enn redigering av sideinnhold

Plattformen håndterer også en større del av livssyklusen til en WordPress-side. Kontrollerte sider kan omfatte opprettelse og redigering, publisering og avpublisering, hierarki, slugs, navigasjon, revisjoner og gjenoppretting.

SEO-tittel og metabeskrivelse kan inngå i den kontrollerte sidemodellen, sammen med canonical-håndtering og hierarkibaserte brødsmuler.

Målet er å holde kundens redigeringsopplevelse enkel, selv om plattformen håndterer stadig mer av den tekniske funksjonaliteten i bakgrunnen.

Testing er en del av arkitekturen

Nettløft er utviklet med både automatisert og manuell testing av validering, tilganger, redigeringsadferd, publisering og offentlig visning. En funksjon regnes ikke som ferdig bare fordi den ser riktig ut i ett skjermbilde.

Hele livssyklusen teller Funksjoner er laget for å oppføre seg forutsigbart gjennom redigering, publisering, avpublisering, gjenoppretting og senere endringer.

Det tekniske White Paper-dokumentet beskriver den underliggende teknikken mer detaljert, blant annet datastrukturer, valideringsregler, livssyklus og teststrategi.

Strukturerte samlinger for gjentakende virksomhetsinformasjon

Gjentakende informasjon som tjenester, produkter, prosjekter, behandlinger eller ansatte fungerer bedre i en strukturert modell enn når informasjonen kopieres manuelt mellom ulike sider.

I Nettløft kan denne typen informasjon organiseres i samlinger som holder virksomhetsdata adskilt fra frontend-presentasjonen. Den synlige terminologien kan deretter tilpasses den enkelte nettsiden.

Fra internt system til ferdig, gjenbrukbart produkt

Nettløft startet som et gjenbrukbart system for nettsider utviklet av Nettløft. Plattformen er nå ferdig utviklet som en løsning som kan installeres, konfigureres og utvides uten at den underliggende arkitekturen bindes til én kunde eller én bransje.

Å komme dit krevde mer enn å pakke kode i en ZIP-fil. Et gjenbrukbart produkt trenger også pålitelig installasjon, oppsett, oppdateringer, migrering, innholdsportabilitet og utviklerdokumentasjon. Disse delene er nå implementert som en del av den ferdige plattformen.

En plattform utviklere kan bygge videre på

En av de sentrale idéene er at utviklere skal kunne bygge egne frontend-design, samtidig som godkjente deler av designet kobles eksplisitt til stabile Nettløft-innholdsfelt.

To nettsider bygget på Nettløft kan derfor se helt forskjellige ut, samtidig som kundene får den samme grunnideen: trygg og strukturert redigering.

Prosjektet er fullført

Arkitektur
Stabil kjernearkitektur Den gjenbrukbare plattformen, nettstedsspesifikk konfigurasjon og kundeinnhold er tydelig adskilt.
Produkt
Pålitelig installasjon og oppdatering Installasjon, migrering og oppdateringer er bygget for å bevare kundedata og eksisterende innhold.
Utviklerintegrasjon
Dokumentert designintegrasjon Egendefinerte design kan kobles kontrollert til strukturert Nettløft-innhold.
Leveranse
Verktøy, dokumentasjon og støtte Installasjon, oppdateringer, støtte og utviklerdokumentasjon er samlet som en del av den ferdige løsningen.

Bygg det på din måte. La kunden redigere trygt.

WordPress gir utviklere enorm frihet. Utfordringen er å beholde denne friheten uten å kreve at eieren av den ferdige nettsiden skal forstå alle de tekniske systemene som brukes for å bygge den.

Kan utviklere beholde fleksibiliteten som gjør WordPress nyttig, samtidig som kunden får en tryggere og betydelig enklere redigeringsopplevelse?

Det var problemet Nettløft-plattformen ble utviklet for å løse. Prosjektet er nå ferdigstilt, testet og tatt frem til en fungerende plattform.

Teknisk dokumentasjon

Les Nettløfts tekniske White Paper

For detaljer om arkitektur, strukturert datamodell, valideringsregler, sidens livssyklus, migrering og utviklerintegrasjon kan du lese det offentlige tekniske White Paper-dokumentet.

Åpne teknisk White Paper