Handleiding artikel updaten

Een nieuwe manier om artikelen te updaten op de Simpos website

In deze handleiding staat een nieuwe manier van inhoud updaten van oude artikelen op de Simpos website.

Die nieuwe manier heeft voordelen: het werkt makkelijker en levert een mooier resultaat op zonder extra gedoe.

Die nieuwe manier is pas sinds kort mogelijk: er is een nieuwe versie van de website uitgekomen waarbij je artikelen automatisch een gedetailleerde opmaak kunt geven. Daardoor is de oude situatie waarbij alle tekst feitelijk in 1 doorlopende kolom wordt geplaatst niet meer nodig. Daardoor is het ook makkelijker om afbeeldingen en tekst met--zonder-ingewikkelde-opmaak-codes in te voeren en toch een mooie gestructureerd artikel met een mooie layout en stijl te krijgen.

Dit is de eerste website waarbij ik die nieuwe werkwijze heb uitgewerkt. Het staat nu aan voor 1 categorie artikelen op de simpos website: de Nederlandstalige artikelen in de categorie Occulte stromingen A-Z .

Ik leg hieronder uit hoe je die artikelen selecteert, en vervolgens bewerkt op die nieuwe manier.

De bedoeling is om de invoer van artikel inhoud voor jou makkelijker en robuuster te maken.

Ik leg hieronder uit hoe dat dan werkt, en heb dat uitgebreid verwoord.

De hoeveelheid tekst levert allicht de indruk op dat het dan wel heel moeilijk zal zijn, maar dat is dus juist niet de bedoeling.

Wil je het uit-testen en me laten weten hoe het bevalt in de praktijk & welke vragen of onduidelijkheden het oproept.

 

1. begin met het selecteren van de Nederlandstalige artikelen die in de categorie Occulte stromingen A-Z (nl-NL) staan:

  • open artikelbeheer;
  • Klik op de knop Zoekmiddelen (na het zoekveld bovenaan), er schuift nu een dubbele rij van selectie velden uit:
  • klik op op het veld categorie, selecteer in de rij die nu uit klapt het item Occulte stromingen A-Z (nl-NL), en klik er op;
  • klik nu op het veld Selecteer taal: en selecteer en klik het item Nederlands;
  • ga nu naar de rij met koppen boven de lijst van artikelen, en klik op het kopje Titel: er komt een driehoekje achter Titel. Als dat met de punt omhoog is dan staat je lijst geordend op alfabet van a-z. Staat de punt naar onderen: klik dan nog een keer om de ordening van z-a naar a-z te krijgen;
  • Je kunt nu een oud artikel uitzoeken en gaan updaten

 

artikel updaten 01

 

2. Alle artikelen in deze categorie kun je updaten op de nieuwe manier: je hoeft je niet om de pagina-opmaak te bekommeren, die gaat 'vanzelf' goed.

Wat zie je als je het artikel opent:

  • klik op een artikel titel om het artikel te openen;

 

Artikel tabs 01

De artikeltitel wordt gebruikt als pagina kop bovenaan de artikelpagina op de website.

De inhoud van het artikel staat in 4 tabs:

  • Inhoud;
  • Achtergrond informatie en Bronnen;
  • Afbeelding toevoegen;
  • Associaties.

Als je op een tab klikt dan zie je wat daar aan inhoud staat.

De tab Associaties hoef je niets mee te doen: daar regel je een koppeling tussen een Nederlandstalig artikel en het corresponderende Engelstalige artikel. Dat zorg er voor dat als je op een Nederlands artikel=pagina staat je als je op het Engelse vlag icoontje klikt direct naar dezelfde pagina maar dan in het Engels toegaat. Ik weet niet hoe ik deze tab weg krjjg daarom staat ie er nog: maar doe er vooral niks mee voor nu.

De tab Afbeelding toevoegen is de nieuwe manier om een afbeelding in het artikel te plaatsen: het idee is om 1 afbeelding te plaatsen in een artikel (of geen afbeelding), en die ene afbeelding komt dan tussen de titel en de hoofdtekst van het artikel. Die tab werkt makkelijker dan de manier waarop dat eerst ging, door een afbeelding 'in te plakken' op de goede plek en de goede manier (met allerlei vreemde tekst-omloop als je daarbij iets verkeerd doet).

De tab Achtergrond informatie en Bronnen is een nieuwe standaard alinea met links naar informatie en bronnen elders en kan gebruikt worden om actuele of detail zaken toe te lichten. Als je op die tab klikt kun je 1 voor 1 alinea's toevoegen. De volgorde van die alinea's maakt het mogelijk om meer actuele informatie makkelijk bovenaan te zetten.
De inhoud van deze velden wordt onder de hoofdtekst weergegeven.

De tab inhoud is bedoeld om het 'hoofd-verhaal' in aan te geven. je vindt daar de bestaande oude teksten terug. Je kunt die inhoud updaten zoals je wilt.
De inhoud hiervan wordt direct onder de afbeelding weergegeven. De tekstopmaak wordt ook hier in een artikel-template geregeld. Dat levert twee-koloms tekst op bij grotere beeldschermen. En een initiaal bij de eerste tekst-alinea.

Tags toevoegen?

In de rechterkolom van je tekstverwerker staat van alles aan verdere kenmerken van het artikel: meta-informatie. Deels houdt de software die zelf bij (publicatie datum, datum laatste bewerking, auteur, e.d.>

Je kunt in deze kolom ook in het veld Tags één of meer tags toevoegen.

In de artikelpagina worden de tags ook weergegeven: rechts van de Achtergrondinformatie.

Verder wordt automatisch de laatste bewerkingsdatum weergegeven.

Dat leidt tot dit soort pagina:

 

voorbeeld artikel pagina

 

 

 

3. oude inhoud en structuur weghalen en updaten

 

  •  een compleet oud artikel ziet er uit als in de afbeelding hier onder:

 

artikelen updaten 02

 

  • er is een onderkant met vlaggen en een knop Naar bovenzijde: die kan weg
  • er zijn twee titels in het tekst-veld, en een titel in het titelveld boven de editor: de twee titels in het tekstveld kunnen weg
  • vaak is er nog een veld met een Engels vlag en een korte link naar English page: ...: ook dit kan weg
  • er is een afbeelding: daar moet je van te weten komen waar die staat in de website om die later te kunnen gebruiken, en dan kan ie weg.
  • je houdt dan de hoofdtekst over: daar moet je de links van nalopen, of die nog werken.

Hoe saneer je het artikel door de oude lay-out te verwijderen en de oude artikeltekst te saneren/actualiseren:

  • in oude websites zijn teksten gelayout door ze in een tabel te zetten. Die tabelstructuur is even wennen als je zaken gaat weghalen.
  • selecteer eerst de voettekst onderaan: die wordt dan blauw

 

Artikelen Bewerken ontwikkelsite simpos Beheer

 

  • klik nu op delete: het geselecteerde deel is weg, en de cursor staat achter het laatste woord in het tekst-gedeelte;
  • selecteer nu het bovenste stuk: en kijk uit dat je niet meteen de foto er bij selecteert;

 

saneren oude structuur 02

 

  • klik weer op delete;
  • je houdt nu het kern-stuk over, met links een afbeelding en rechts links en tekst;
  • klik nu op de Code (de tab naast Editor boven de icoontjes van de editor): je kijkt nu in het onderwater-scherm naar de opmaakcodes;
  • bovenaan staat de locatie van de afbeelding: schrijf die op een papiertje: "src="images/imports/asahara.jpg", straks kan je dat gebruiken om de afbeelding op een nieuwe manier in het artikel te zetten;
  • ga nu terug naar de Editor door op de tab Editor te klikken bovenaan naast de tab Code;
  • ga vervolgens eerst alle links testen: dat gaat het makkelijkste door naar de voorkant van de website te gaan en daar hetzelfde artikel te openen, en alle links aan te klikken:
  • een handige manier is om het artikel op te slaan, en dan rechtsboven je beeldscherm te klikken op de link ontwikkelsite...: dan krijg je een nieuw tab in je browser en daar sta je dan ingelogd en wel op de website;


    naar de voorkant van de site

  • op de website is de layout al aangepast, maar kun je vooral makkelijk de links testen;
  • dan blijkt in dit voorbeeld dat er nog 1 link is die werkt, de rest dus niet;
  • ga dan op zoek naar nieuwe links die het verhaal vertellen/onderbouwen: Wikipedia helpt hierbij;
  • vertel wat ze waren en zijn, deden/doen, etc.: ik heb hier een stukje uit de Nederlandse Wikipedia gekopieerd met bron vermelding;
  • je kunt ook afbeeldingen zoeken, dat heb ik hier ook gedaan, en daarbij een nieuwe foto gedownload: hoe groter van formaat hoe beter;
  • ik vind het zo wel mooi, en verwijder nu de oude tekst en de oude foto uit de editor;
  • vervolgens sla ik het artikel op via de knop Opslaan.

 

achtergrond informatie en afbeelding toevoegen 01

 

Hoe voeg je nu bronnen en/of achtergrondinformatie toe:

  •  klik op de tab Achtergrond informatie en Bronnen;
  • Je ziet dan links staan Achtergrond & Detail informatie, en rechts een groen icoontje met plusje:
  • klik op het groene icoontje;
  • er rolt nu een tekstverwerkings-veld uit: je kunt hier tekst, hyperlinks en links naar bestanden toevoegen, net zoals in het Inhoud veld waar de tekst van het artikel staat;
  • gebruik het veld om 1 opmerking, verwijzing, of onderwerp in te voegen;
  • voor nieuwe onderwerpen of verwijzingen klik je op het groen plus icoontje: dan rolt er weer een nieuw veld uit: plaats daar de nieuwe opmerking; etc.
  • je kunt net zoveel velden toevoegen als je wilt.
  • met pleur-en-sleur kun je de velden ook herordenen.

Hoe voeg je nu een afbeelding toe:

  •  klik op de tab Afbeelding toevoegen:
  • er rolt een pagina open met vier velden, bovenaan staat Afbeelding toevoegen of bewerken, daaronder kun je het bijschrift invullen, de alt tekst bij de afbeelding, en de credits: zeg maar wie heeft de afbeelding gemaakt c.q. wie heeft het copyright;
  • om een afbeelding toe te voegen klik je op selecteren: als er al een afbeelding is toegevoegd dan zie je een weergave van die afbeelding;

Afbeelding toevoegen 01

 

  • Ergens van internet heb ik een foto van de leider gedownload, en die ga ik nu gebruiken:
  • dat kan met drag and drop: pleur en sleur, je kan een afbeeldingsbestand dat bijvoorbeeld op je bureaublad staat selecteren en met de muis hierheen trekken,
  • je kan ook op de knop Of selecteer een afbeelding klikken: dan opent zich een bestanden browser, je gaat naar de locatie van het bestand, selecteert, en klikt op de knop kies;

 

Afbeelding_toevoegen_02.png

Je bestand wordt nu ge-upload, en je ziet dit beeld:

 

afbeelding_toevoegen.png

 

  • Er wordt automatisch een uitsnede getoond van je afbeelding: als je dat niet wilt klik dan het vakje aan voor Behoudt origineel formaat;
  • dan wordt de gehele afbeelding getoond zonder voorzet-scherm:

 

afbeelding_toevoegen_05.png

 

Klik nu op Invoegen;

 

 

Afveelding_invoegen_06Artikelen-_Bewerken_-_ontwikkelsite_simpos_-_Beheer.png

  • Je kunt nu de verdere velden invullen: meestal is een bijschrift wel handig om aan te geven wat er op de afbeelding te zien is;
  • de alt tekst zie je zelf niet terug, maar die tekst wordt gebruikt door screenreaders (die weer door blinden en slechtzienden worden gebruikt: software die de inhoud van een site voorleest);
  • Credits zijn meldingen over wie de foto gemaakt heeft, en wie dus copyright heeft.

De afbeelding wordt op maat van de website gemaakt nadat je hem op de boven aangegeven manier hebt gedowmload en hebt toegevoegd aan het artikel.

Gebruik liefst grote afbeeldingen) 1000 pixels breed, tot 2500 pixels breed is geen punt.

Als dsat niet lukt: een (te) kleine afbeelding wordt niet 'opgeblazen tot de volle breedte van de artikel tekst.

Je kan zelf via de knop bewerken een afbeelding bewerken als je dat nodig vindt.

De bijschrift en credits-tekst wordt in beeld gebracht onder de afbeelding: dat gaat 'vanzelf' via het template: je hoeft zelf daar niks aan in te stellen.

Als de bijschrift- en credittekst ontbreekt dan neem die ook geen lege ruimte in in de artikel pagina.

 

versie 1.0, Rotterdam 6 april 2020.

  • Hits: 509