Beskrivelse av nettstedet Fritt Ukraina

Dette er en installasjon av WordPress som har webhotell på Webhuset. Alltid siste versjon av WordPress, oppdatert med full kontroll før og etter.

Slagord/beskrivelse: Støtt Ukrainas frihetskamp

Kvalitet: Nettstedet er i dag faktisk ganske så lynrakst og solid utformet, men spesielt hva gjelder en del punkter angående utforming, brukervennlighet, tilgjengelighet og samsvar med krav rundt personvern og tilgjengelighet, kan det klart bli bedre. Og helt generelt, som alltid, uten tvil.

Drift: Teknisk ansvar, ettersyn og sikkerhet (rådgivning og implementasjoner) er i dag tillagt Knut Sparhell (forfatter av dette dokumentet), innehaver av byrået Nettvendt, som ekspert på WordPress. Også laget spesialtilpasninger, se nedenfor.

Tema: Neve, klassisk tema med maler i PHP, med undertema “Neve Fritt Ukraina” (opprettet av undertegnede) hvor det er gjort noen tilpasninger med egen mal for kategorien Medieomtale (se nedenfor), samt noe, ikke essensielt, for språkmodulen (se nedenfor).

Temainnstillinger: Bakgrunnen er hvit, skriften gråsvart rgb(43,43,43), lenker lilla rgb(153,143,199) på transparent bakgrunn med svart :hover og uten understrekninger (lenkefargen er i dag langt fra optimal, kontrastmessig).

Fremtid: Et blokkbasert tema, kanskje med utgangsunkt i “Twenty Twenty-Five” fra WordPress, “Neve FSE”, eller et tilsvarende, vil gjøre det enklere å redigere alle deler av utseendet og den geenrelle utformingen.

Fargebruk forøvrig

En del flater har en mørk blå bakgrunnsfarge fra det ukrainske flagget. Knappelenker/handligsdrivere er gule fra det ukrainske flagget.

Det er flytende brytere i høyre kant som slår på høykontrast eller forstørrer teksten.

Sidetopp og -bunn

Topp

Logo, navigasjonsmeny, søke-ikon/felt

Bunn

Kun navnet “Fritt Ukraina”, organisasjonsnummer med lenke til Brønnøysundregisteret. Kommentar: Her kan ligge mer!

Navigasjonsmeny

5 + 2 hovedmenypunkter:

• Nyheter, med undermenypunkter hvor noen er eksterne, til sosial medier
• Medlem, til Solidus (eksterne)
• Donasjoner, ett internt og ett eksternt undermenypunkt (Spleis)
• Støttespillere (egen side)
• Om oss, med noen undermenypunkter til interne sider, ett eksternt til “Nettbutikk” hos Solidus
• Engelsk (“English”) med undermenypunkter
  • engelsk forside (“Front Page”)
  • innleggsside for engelskspråklige innlegg (“News”)
  • Medieomtale (“Media Coverage”)
• Ukrainsk (“Yкраїнська”), som ovenfor, unntatt til mediomtale, selv om en slik også finnes på ukrainsk

Kommentar ^{_{(fra forfatteren av dette dokumentet)}}:

Blandingen av interne lenker (nettstedsnavigasjon) og eksterne lenker (navigasjon til andre nettsteder) er klart uhelding og bør omarbeides, og eksterne lenker bør helst markeres tydelig (ikon/tekst). Sosiale medier bør ha ikon-lenker andre steder, f.eks i bunn.

Innlegg

Alle innlegg og sider er laget med blokkredigering, med få, viktige unntak (se nedenfor), blokker levert av WordPress selv. Rader og kolonner, m.fl. er flitting brukt på faste, redigerbare sider.

Klassifisering av innleggene

1. Kategorier:
   • Nyheter (90%) (standard)
   • Reportasjer, oftest som tilleggskategori til Nyheter
   • Medieomtale (ingen), men har mange underkategorier spesifikt for mediet/avisen, nå ca. 215
     • Disse har egen kategoriside med listeformat uten bilde og uten utdrag, da de fleste av dem er eksterne lenkeinnlegg (se nedenfor).
2. Stikkord: En rekke omtalte stedsnavn, personnavn, bedriftsnavn og gjenstander, samt vesentlige handliger som “donasjon”, vanligvis 1-4 pr. innlegg. Dessuten brukes “video” der en video (fra YouTube) er innebygget i innholdet.
3. Språk: Metadata-basert
   • Norsk (standard) nb
   • Engelsk en
   • Ukrainsk uk
4. Lenket: Metadata-basert
   • Nei (standard), normal lenke til innlegget
   • Ja, med lenke til ekstern kilde, og disse skal helst ha kategorien Medieomtale
     • Disse har sin standard “permalenke”, på overskriften/tittelen satt til en valgt nettadresse
     • Verken rikt tekst/medie-innhold, fremhevet bilde eller utdrag brukes, og vil normalt ikke synes, fordi de er filtert vekk fra forsiden, innleggsiden og kategorisider med unntak av Medieomtale.

Innleggssiden ^{_{(og andre arkivsider utenom Medieomtale)}}

Denne/disse viser ikke lenkeinnlegg (eksterne) og kun innlegg på aktuelt språk, da eventuelt styrt av “query”-variabelen lang i nettadressen (standard: nb):

1. Til venstre: Fremhevet bilde i liten størrelse med lenke
2. Til høyre:
   • Lenket overskrift
   • Meta-rad med dato og kategori (lenket til kategorisiden)
   • Utdrag (automatisk generert fra ingress eller manuelt skrevet, ulik lengde)
3. Under: Paginering
4. Under: Varierende handlingsdrivere (knappelenker) for bli medlem, donasjon osv.

Medieomtale ^{_{(kategorisider, hoved- og underkategorier/medie)}}

Topp:

1. Kategoribilde
2. Kategoribeskrivelse

Liste med:

1. Dag/dato (gruppert – ikke gjentatt over flere på samme dato)
2. Overskrift, nomalt lik ekstern artikkel-tittel, med (som oftest) ekstern lenke, markert med ikon for ekstern lenke
   • Ikke alle innlegg i kategorien er eksterne, disse vises på samme måte uten ikon
   • For redaktører: Ikon med lenke til redigering av innlegget, da de eksterne, i sin natur, ikke kan vises enkeltvis på eget nettsted
3. Paginering som for andre arkiver
4. Handlingsdrivere som for andre arkiver

Enkeltinnlegg

Brødsmuler-bane

Hovedkolonnen, venstre

1. Overskrift
2. “Byline”:
   • Forfatterbilde/avatar
   • Forfatternavn
   • Dato
3. Stort fremhevet bilde
4. Eventuelle lenker til innlegget på andre språk, med lenketekst på destinasjonsspråket, som:
   • “This post is also available in English”
   • “Допис також доступний українською мовою”
   • “Dette innlegget er også tilgjenglig på norsk”
5. Tekst-/medieinnhold, flere tekstavsnitt med evt. ekstra bilder eller innebygget video (YouTube)

Sidekolonne, høyre

A: Søkeboks

B: To lister med lenkede overskrifter:

1. Siste innlegg, unntatt:
   • inneværende innlegg
   • medieomtale
   • andre språk enn valgt
2. Siste innlegg i Medieomtale, kun aktuelt språk

Forsiden (norsk)

En rekke seksjoner:

1. Formålstekst, handlingsdrivere som knappelenker, bildekarusell
2. Akkumulert aktivitetsoversikt (det vi primært driver med) med store, symbolske ikoner og antall
3. Siste nytt (innlegg på norsk, ikke lenkeinnlegg)
   • Hovedkolonne: Vanlig innlegg med lenket overskift og bilde, dato og utdrag, samt Les mer-lenke
   • Høyre: Medieomtale (liste med overskrifter)
   • Under: Lenke til alle innlegg på norsk (kalt nyheter)
   • Undre: Knapp for å melde på nyhetsbrev (Mailchimp)
4. Fire aktuelle videoer, innebygget fra YouTube
5. Fritt Ukraina i media, logoer for mediet (de 18 største) med lenke til kategorien (under Medieomtale)
6. Kontaktinformasjon
   • E-postadresse
   • Lenke til kontaktsiden
   • QR-kode til kontaktinformasjon
   • Knappelenke “Meld deg på nyhetsbrev”
   • Ikoner med lenke til sosiale medier

Forsider engelsk og ukrainsk

Forenklet utgave, toppseksjonen som på den norske, derunder litt fra Om oss og Kontakt oss.

Språkmodulen (teknisk)

Prinsipp

1. Innlegg, primært det norske, kan kopieres og deretter oversettes manuelt eller ved å erstatte teksten med maskinoversatt tekst.
2. Innlegget markeres med språk fra en valgliste
3. Kilde-innlegget blir angitt automatisk eller kan angis manuelt ved valgliste over nylige innlegg det skal være oversatt fra.

Innganger

1. Når en artikkel er oversatt eller har oversettelse: Lenke(r) øverst i tekstdelen ^{_{(se ovenfor om enkeltinnlegg)}}
2. Egne menypunkter for, og på, andre språk enn norsk er opprettet, med
   • Forside (egen oversatt, men forenklet forside)
   • Nyheter (innleggsiden med “query”-variabelen lang)
   • Liste (eventuelt) over oversatte sider (til språket) nederst på innleggssidene som ikke er på norsk. Foreløpig har vi kun oversatt forsiden (delvis), men flere kan etableres.

Språkvalget påvirker

1. Utvalget av innlegg på innleggsiden og på kategori-arkivsider
2. Språkinnstillingen (oversettelser) i WordPress, som vertøylinjen for redaktører, visse overskrifter og etiketter i widgeter levert av WordPress selv.
3. Attributten lang for elementet html (for språk-klassifisering hos søkemotorer og for hjelpeverktøy/brukeragent for tilgjengelighet/synshemmede m.fl.)
4. Attrbutten hreflang for elementet a (lenker) der aktuelt (klassifisering og tilgjengelighet)

Utvidelser ^{_{(som påvirker utseende, presentasjon, oppsett, utforming/layout på fronten)}}

• Side lenker til (“Page links to”)
  • Muliggjør lenkeinnnlegg, mye brukt i Medieomtale, til eksterne nettsteder, aviser osv.
• WP Accessibility
  • Veksler for høykontrast
  • Veksler for større tekst
  • Øvrige funksjoner er foreløpig slått av i innstillingene
• Yoast SEO
  • Brødsmulenavigasjon øverst
• Jetpack (nedstrippet/begrenset modulsett), kun disse modulene sees på fronten:
  • Delingsknapper for:
    • Facebook
    • X
    • Mastodon
    • Bluesky
    • LinkedIn
    • Threads
    • Mer: WhatsApp, Reddit, Pinterest, Thumblr, E-post, Utskrift
  • Statistikk-måling (usynlig)
• Google Site Kit
  • Statistikk-måling (usynlig)
• Jetpack Forsterk (Boost)
  • Sidemellomlagring (“cache”)
  • Kritisk CSS
• Moderne bildeformater
  • WebP, AVIF
• Otter
  • Enkelte blokker fra Otter er i bruk, spesielt bildekarusellen på forsiden
• Nettvendt Fritt Ukraina (nettsted-spesifikk utvidelse)
  • Generelle tilpasninger av WordPress, mest for admin
  • Språkmodul (se over)
  • Donorer (ikke tatt i bruk, blokk med arkiv/liste fra tilpasset innholdstype, tenkt brukt på en ny side)
• En rekke andre som har med sikkerhet og ytelse å gjøre, dokumentert annet sted (og mange kun mindre tilpasninger i admin)

Spesifikasjoner for ny uforming

1. Ikke gi dårligere sikkerhet og tilgjengelighet enn i dag:
   • Sikkerhet mot inntrengning/kompromittering så godt det lar seg gjøre uten for kostbare løsninger eller konsulenter
   • Sikkerhetskopiering til ekstern server fortsatt mulig, helst forbedret med en kontinuerlig (hendelsstyrt) inkrementell sikkerhetskopiering av enhver endring/oppdatering
   • Tilgjenglighet (99%) i form av oppetid og nett-tilgjenglighet for alle i Norge
     • Pålitelig betjening på server/webhotell, der Webhuset virker førstklasses for rimelig “hosting” (som i dag)
     • Ingen tilgang til (forsøk på) innlogging fra utenfor Norge, kun med spesifikke unntak pr. IP-adresse (som i dag)
     • Brannmur på flere nivåer (som i dag)
     • Overvåking av innlogging for admin-brukere (som i dag)
     • Logging av alle hendelser og oppdateringer (som i dag)
     • God, rask tilgang på kompetent teknisk ansvarlig, med tilgang logger og redigering av programfiler ved behov (som i dag)
   • Tilgengelighet for alle typer publikum, uansett eventuell synshemming eller lette kognitive vansker (når mulig, dog mest opptil forfatter)
   • Tilgjengelighet og god utforming for alle, uansett type enhet/datamaskin, skjermstørrelse, med særlig vekt på både mobilskjermer og full utnyttelse av bredden på store skrivebords-/laptop-skjermer. At sekundær informasjon/bokser er utelatt eller kommer nederst, etter skrolling, på små skjermer, er akseptert og en del av slik tilpasning. Målet er ikke visuell likhet, men vesentlig, kompatibel og optimal funksjonalitet, uansett skjermdimensjoner.
2. I samsvar med lover, spesielt angående
   • Universell tilgjengelig, tilnærmet som om var et offentlig nettsted, med enkelte unntak
   • Personvern:
     • Samtykke til infokapsler, i alle fall som ikke er strengt nødvendige, og eksterne (f.eks. innbygginger av YouTube m.fl.)
     • Personvernerklæring tilgjengelig
     • Personopplysninger, inkludert organisasjonens interne håndtering av disse:
       • samtykke til behandling av dem
       • tilbaketrekking av samtykke til dette
       • sletting av personopplysninger (mulig i WordPress, men da kun de lagret i nettstedet)
       • utlevering av egne egne personopplysninger på standard format (WordPress har det grunnlggende innebygget, men kun for nettstedet)