search

malmostad / sitevision_assets

Sitevision specific assets used in addition to Global Assets
http://malmostad.github.io/wag-external-v4/
GNU Affero General Public License v3.0
0 stars 1 forks source link

Uppmärkning av citat #354

Closed olajoh1 closed 6 years ago

olajoh1 commented 7 years ago

Enligt PTS webbriktlinje nr 103 bör vi märka upp citat i koden (egen formatmall).

https://webbriktlinjer.se/r/103-markera-citat-i-koden/

Gäller såväl malmo.se och komin som SV och WP.

@perber14

olajoh1 commented 7 years ago

Mårten, vill du lämna ett förslag på hur vi bäst kan uppfylla kraven i riktlinje 103.

martent commented 7 years ago

Wordpress

I Wordpress skapar man fristående citat genom att klicka på ikonen med citationstecken. Markupen blir korrekt med <blockquote> ... </blockquote>. Stilsättningen blir nu ett traditionellt indrag för det eller de textstycken som finns i citatet. Vi kan även enkelt förändra stilstättningen i efterhand. Denna hantering av fristående citat verkar många av redaktörerna kunna hantera om man tittar på inlägg.

Citat som ligger direkt i en mening i texten, och alltså är kortare till sin natur, stöds inte rakt av i WP men det finns sätt vi kan etablera det.

  1. Den som kan lite HTML-kod kan redan nu tillfälligt skifta till det skrivläget och skriva <q>solen gick ned</q>, sa Arvid Falk. Då ska man inte skriva ut citationstecken eftersom webbläsaren själv ska skriva ut dem som en del av stilsättningen.
  2. En liknande lösning är att vi definierar upp en s.k. shortcode i Wordpress. Shortcodes är en vanlig del av Wordpresskrivande och det är det vi använder för att infoga Brightcovevideos i ett inlägg. Författaren skriver då i vanligt textläge och använder shortcodes som vi bestämmer, t.ex. [q]solen gick ned<[/q], sa Arvid Falk. Fördelen jämfört med (1) är att författaren slipper se all annan HTML-kod utan stannar i textläget.
  3. Vi kan lägga till en custom-knapp för detta i verktygsfältet och skapa en funktion som lägger till markupen, på samma sätt som ikonen I lägger till taggen för emfas <em>.
  4. Skriva vanliga citationstecken. Det blir ingen speciell markup med en screen-reader gör det tydligt för lyssnaren att det är ett citat.
martent commented 7 years ago

Ange källa

För att ange källa för ett citat korrekt använder man koden <cite>. Det kräver dels en del redaktionell erfarenhet för hur man anger källa, och det kan bli rätt komplex kodstruktur som man får ha en plugin för. Se exempel 12–19 i HTML-specen för olika redaktionell struktur för detta. Den kan med andra ord variera kraftigt efter kontexten. Håll ögonen efter <blockquote> <footer> och <cite> i koden för att se strukturen på den uppmärkta texten. Ambitionsnivån för att etablera detta, och en konsekvent redaktionell användning av det för olika scenarier, ligger nog mer åt publicerad facklitteratur.

martent commented 7 years ago

Sitevision

Sitevision 4 har knappar både för inline- och block-citat: https://help.sitevision.se/SiteVision_4_0/12701835.html

Verkar även finnas i SV 3 fast det ser lite annorlunda ut.

perber14 commented 7 years ago

Vi vill att de visuella förändringarna som kommer default från SiteVision, när man märker upp text med eller ska tas bort, så att vi utan påverkan på presentationen kan använda citat-uppmärkning.

magnivar commented 7 years ago

@perber14 är det här nåt för @EllinorHallett

perber14 commented 7 years ago

@magnivar Ja, det tycker jag.

badwiz commented 6 years ago

Jag vill bara ställa en kort förtydligande fråga

@perber14 Ni vill att citatet ska visas som vanlig text alltså? Vi ska göra en override på SiteVisions CSS som ändrar utseende?

perber14 commented 6 years ago

@badwiz Yes! Så kika gärna på det!

perber14 commented 6 years ago

Det gäller alltså blockcitat.

badwiz commented 6 years ago

Gör detta på testservern och verifiera hur det ser ut.

israelsson commented 6 years ago

Vanlig quote har inte någon speciell style utan får browser style. Har tagit bort specifika stylen från blockquote och lagt till så att det blir samma som för vanlig quote.

Blockquote får sin style från //assets.malmo.se/external/v4/malmo.css vilket vi inte kommer åt att redigera. Har därför gjort en Overrides.css som läggs till sist i head för att skriva över viss style.

Finns att se på test.malmo.se genom att skapa ett blockquote eller ett vanligt quote.

magnivar commented 6 years ago

@olajoh1 @Svempan @perber14 Är denna lösning ok - override av malmo.css? Kan ni testa?

perber14 commented 6 years ago

Vi har kikat på det nu.

Såhär vill ha det:

Kort citat: Ingen uppmärkning för besökarna, alltså inga fnuttar - vare sig stora eller små. Däremot bibehållen uppmärkning i koden (som det är nu).

Blockcitat: Uppmärkt med små fnuttar, som ligger som de som nu finns på "Kort citat" för besökarna: image

Och som nu uppmärkt med "blockquote" i koden.

israelsson commented 6 years ago

Hej!

Jag har fixat detta på testservern. Vill ni kontrollera och återkomma.

Mvh Anders

magnivar commented 6 years ago

@perber14 kan du kolla ?

perber14 commented 6 years ago

OK! Prodsätt.

israelsson commented 6 years ago

Fixat!