Het vullen van een website artikel met tekst fotos video
Er zijn verschillende mogelijkheden voor het vullen/beheren van een artikel. Deze worden hieronder verder besproken.
Na het invullen van de basis artikel informatie kan de inhoud toegevoegd worden.
De inhoud van een artikel bestaat uit een aantal elementen/onderdelen:
- Introductie tekst
Een korte inleiding voor het artikel. - Details tekst.
De werkelijke inhoud van het artikel. - Bestanden/afbeeldingen
- Formuliervelden
1 & 2 Introductie en Details tekst
De introductie editor heeft een aantal knoppen minder dan de geavanceerde editor, omdat het bijvoorbeeld niet de bedoeling is om video's of afbeeldingen te weergeven of plaatsen. Deze editor is dus eigenlijk bedoelt om alleen een beschrijving te geven waar het artikel over gaat. Hieronder wordt beschreven hoe de
geavanceerde editor gebruikt moet worden. Hierbij zijn een aantal mogelijkheden:
| Feature | Omschrijving |
| Link Invoegen | Link naar een pagina, anker of andere website aanmaken. |
| Afbeelding Invoegen | Afbeeldingen weergeven en de mogelijkheden hiervan. |
| Media Invoegen | Bestanden als mp3, word documenten, video's en andere formaten plaatsen. |
| Social Media | Het insluiten van een youtube video en andere social media als Twitter en Facebook. |
| Emoticons | Het plaatsen van emoticons. |
| Tabellen | Het plaatsen van een tabel en alle mogelijkheden hiervan. |
| Shortcuts | Voor gevorderde gebruikers zijn shortcuts handig om het typen sneller te maken. |
| Extra Functies | Er zijn een aantal extra functies om snel bepaalde handelingen uit te voeren. Deze worden hier beschreven. |
Om een link te plaatsen zijn verschillende mogelijkheden. Zo kan er een link naar een ander artikel/pagina
gemaakt worden, een linke naar een andere website, maar ook een anker geplaatst worden om zo
makkelijker te navigeren door bijvoorbeeld een lang artikel.
Om een link in de tekst te plaatsen moet er op het schakelsymbool 
geklikt worden, die in de menubalk
van de editor te vinden is. Let op: Klik niet op het symbool ernaast. Hiermee wordt namelijk een link verwijderd.
Wanneer op het schakelsymbool geklikt wordt, wordt het volgende scherm opgeroepen:
Bij 'Url' kan de volledige link naar een bestand ingevoerd worden, zoals
"https://www.allunited.nl/index.php?page=631". Bij 'Linktekst' kan ingevuld worden hoe de link aangegeven
wordt in de tekst. Echter wordt er wel aangeraden de naam van de link te gebruiken wanneer er naar een
externe website wordt verwezen, waardoor de lezer zeker weet waar hij/zij naartoe wordt geleid. Verder kan
er ook een afbeelding ingevoegd worden die vervolgens naar de link leidt.
Vervolgens kan een titel ingevuld worden, maar deze optie is niet vereist. De titel wordt namelijk alleen
getoond wanneer de lezer lang over de link zweeft, waardoor deze in de praktijk niet vaak gebruikt wordt.
Om een anker toe te voegen in de tekst moet er op het plussymbool geklikt worden en vervolgens
'Anker'. Er wordt een scherm opgeroepen waar een herkenningspunt ingevuld kan worden.
Let op: Er kunnen in het herkenningspunt geen spaties ingevoegd worden, maar zal dit vervangen kunnen
worden door een underscore (_), zoals 'Link_Invoegen'
Na het invoeren van het herkenningspunt, klik op 'Oké' en klik vervolgens op het schakelsymbool in de
menubalk van de editor. Hier is vervolgens de 'Ankers' regel te zien met een selectieveld. Selecteer in het
selectieveld het herkenningspunt dat eerder is ingevuld. het Url-veld wordt dan automatisch ingevuld.
Het veld 'Doel' betekent niet wat er met deze link bereikt kan worden, maar of de link in een apart tabblad
geopend moet worden of in het huidige tabblad. Kies "Geen" voor het huidige tabblad of "Nieuw Venster"
zodat de link een nieuwe tabblad geopend wordt.
Om een afbeelding te gebruiken om een link te openen, moet de afbeelding geselecteerd worden en
vervolgens op het schakelsymbool geklikt worden. Het enige verschil met een tekstlink is dat de regel
'linktekst' ontbreekt, omdat dit niet mogelijk is als een afbeelding wordt gebruikt voor een link. Verder kan
het scherm ingevuld worden, zoals dit ook zou gebeuren bij een tekstlink. Wanneer de lezer vervolgens op
de afbeelding klikt, zal hij/zij worden doorgestuurd naar de link.
Van beneden de pagina in één keer naar de Top gaan.
De mogelijkheid om via een link in keer naar de top te gaan, kan gerealiseerd worden door een hyperlink.
De hyperlink kan hetzelfde gemaakt worden zoals hierboven staat beschreven, alleen vul je bij de link alleen hekje in (URL: #)
Door alleen een hekje in te vullen gaat deze bovenaan naar de pagina.
Er zijn twee manieren om een afbeelding te plaatsen.
- Een afbeelding kan geplaatst worden door een link naar de afbeelding te plakken, zoals
"https://www.allunited.nl/userfiles/ons_team/631_groepsfoto_2.png" - Een afbeelding kan toegevoegd worden door op het afbeeldingsymbool
te klikken. Het volgende
scherm wordt opgeroepen.
Bij 'Bron' moet het volledige pad naar de afbeelding ingevuld worden, zoals
"https://www.allunited.nl/userfiles/ons_team/631_groepsfoto_2.png". De knop aan de rechterkant van
de regel (filepicket) maakt het mogelijk een afbeelding te kiezen die al eerder is geüpload in een van de
pagina's of om de bijlagen van het huidige artikel te bekijken. Het is echter sneller om een afbeelding in
te laden die bij het huidige artikel hoort. Klik dan op 'Image list' om een afbeelding te kiezen.
Bij 'Afbeelding omschrijving' kan tekst ingevuld worden welke de lezer te zien krijgt wanneer de muis voor
een langere periode over de afbeelding zweeft.
Als laatste kan de afmeting ingevoerd worden. Deze worden automatisch ingevuld. Dit kan echter naar
wens worden aangepast. Wanneer een afbeelding 120 pixels breed en 180 pixels hoog moet worden, vul
dan in: 120 x 180. Ook kan aangegeven worden of de verhouding behouden moet worden of niet.
Media / (Youtube) filmpjes of video Invoegen
Om media toe te voegen, klik op het mediasymbool 
in de menubalk van de editor. Er wordt een scherm
opgeroepen die er als volgt uitziet.
Hier kan bij het veld 'Bron' de bron van de media geselecteerd worden, manueel of via de filepicker. Echter,
wanneer een YouTube video wordt toegevoegd kan direct de link in het veld gekopieerd worden en kan direct
op 'Oké' geklikt worden. De video wordt dan automatisch op de website geplaatst. Ook kan de link gekopieerd
worden in het tabblad 'Insluiten'.
Hier kunt u de bron van de media selecteren, u kunt net als bij een link of afbeelding een bestand kiezen via
de filepicker, maar voor Youtube hebben wij een apart iets om het extra makkelijk te maken, als u de link naar
het youtube filmpje erin plakt maakt die er automatisch een video van om op uw website te plaatsen. Dan kunt
u direct op "Oké" drukken en bent u al klaar. Dit kunt u natuurlijk ook als embed code plaatsen in het tabblad
"Insluiten".
Ook kan een embed code geplaatst worden voor Twitter en Facebook. Hier zijn twee mogelijkheden:
- Twitter: https://publish.twitter.com/#
- Facebook: https://developers.facebook.com/docs/plugins/page-plugin
Hier kan de 'embed code' worden gegenereerd die geplakt en ingesloten kan worden in het 'Insluiten' scherm.
De code kan er als volgt uitzien:
<a class="twitter-timeline" href="https://twitter.com/AllUnitedBV">Tweets by AllUnitedBV</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Let op: Twitter en Facebook zijn lange schermobjecten in een pagina. Het wordt daarom aangeraden om social
media onderaan de pagina te plaatsen.
Om een emoticon toe te voegen, klik op het Emoji symbool 
. Er verschijnen een 7 categorieën met
emoticons, waaruit vele emoticons gekozen kunnen worden.
Om een tabel toe te voegen, klik op de tableknop
. Zweef met de muis over 'tabel' en geef vervolgens
aan hoeveel rijen en kolommen gewenst zijn (dit kan later nog op ieder moment aangepast worden). Wanneer
de selectie is gemaakt, verschijnt een lege tabel in de editor. De breedtes en hoogtes van de tabel zijn statisch en passen zich
automatisch aan de website breedte en kunnen niet ingesteld worden. Wanneer het instellen van de cel en tabel breedte wenselijk is, stuur dan een ticket in dan zet AllUnited dit klaar.
Wanneer er ergens in de tabel
geklikt wordt, verschijnen knoppen waarmee verschillende acties uitgevoerd kunnen worden zoals te zien is
in onderstaande afbeelding v.l.n.r.:
Let op: Onderstaande functies zijn ten opzichte van de selectie. Wanneer bijvoorbeeld een kolom in het midden
geselecteerd wordt, en er wordt een kolom voor toegevoegd, dan zal deze nieuwe kolom niet aan de voorkant
van de tabel verschijnen, maar aan de voorkant van de geselecteerde kolom.
- Tabeleigenschappen : Hier kunnen verschillende eigenschappen van de tabel aangepast worden, zoals
tabelbreedte- en hoogte, onderschrift toevoegen etc. - Tabel verwijderen
: Hier kan de tabel in zijn geheel verwijderd worden. - Rij boven toevoegen
: Door op deze knop te klikken zal een rij worden toegevoegd aan de bovenkant
van de tabel. - Rij onder toevoegen
: Door op deze knop te klikken zal een rij worden toegevoegd aan de onderkant
van de tabel. - Rij verwijderen
: Door op deze knop te klikken zal de rij desbetreffende rij verwijderd worden. - Kolom toevoegen voor
: deze functie zorgt ervoor dat een kolom aan de voorkant toegevoegd wordt. - Kolom toevoegen achter
: Deze functie zorgt ervoor dat een kolom aan de achterkant toegevoegd wordt. - kolom verwijderen
: Door op deze knop te klikken zal de desbetreffende kolom verwijderd worden.
| Actie | Windows | Apple |
| Dikgedrukt | CTRL + B | CMD + B |
| Schuingedrukt | CTRL + I | CMD + I |
| Onderstreept | CTRL + U | CMD + U |
| Selecteer alles | CTRL + A | CMD + A |
| Herhaal | CTRL + Y | CMD + Y |
| Stap terug | CTRL + Z | CMD + Z |
| Full Screen | CTRL + SHIFT + F | CTRL + SHIFT - F |
| Zoek en vind | CTRL + F | CMD + F |
Op dit moment zijn de volgende functies beschikbaar
| Functie | Voorbeeld |
| mail to | info@allunited.nl |
| [email:jeffrey@allunited.nl] |
Om een contactformulier op te zetten kan dit in de editor toegevoegd worden. Om deze functie toe te voegen,
typ in de editor "[email:uwcontact@domein.nl]", bijvoorbeeld "[email:jeffrey@allunited.nl]. Tijdens het
publiceren van het artikel wordt voor de email een link gemaakt naar het contactformulier en als de lezer
het contactformulier stuurt, zal deze verstuurd worden naar het opgegeven emailadres.
Deze functie kan ook gebruikt worden in een link. Door op het schakelsymbool te klikken kan er een link
geplaatst worden (zie link_invoegen voor meer info hierover). Echter, door in plaats van een webpagina in te
vullen als link, moet het volgende worden ingevuld: "mailto:uwcontact@domein.nl", zoals
"mailto:jeffrey@allunited.nl]". Wanneer het artikel wordt gepubliceerd, wordt dit een link die verstuurd wordt
naar de contactpersoon.
3. Foto's of bestanden opladen in een artikel
Publiekelijk te benaderen
Om een foto of bestand te uploaden, moet genavigeerd worden naar de 'Nieuwe Documenten' sectie onderaan
de pagina van het aan te maken artikel. Dit ziet er als volgt uit:
De AllUnited uploader gebruikt een drag en drop systeem. Hierdoor kan een foto of bestand simpelweg
naar het witte kader gesleept worden en zal deze gelijk in het systeem worden gezet. Verder kan door
midden van de knop 'Bestand(en) Toevoegen' foto's of bestanden worden toegevoegd. Verder zijn er nog
een aantal functies beschikbaar:
| Veld | Omschrijving |
 |
Door dit veld aan te vinken en daarna op bewaren te klikken, wordt het bestand uit het artikel verwijderd. |
| Sorteer | Indien er meerdere bestanden zijn geladen, kan hiermee de volgorde in het artikel aangegeven worden. |
| Omschrijving | Als een omschrijving wordt ingegeven, komt die omschrijving ook bij het bestand te staan. Op basis van deze omschrijving komt dan een PDF bestand automatisch als link op de pagina. |
| Link | Hier kan een link naar een websiteadres opgegeven worden. In dit geval wordt dan doorgelinkt na het klikken op het bestand. |
| Fotocarrousel | Hier kan aangegeven worden of een foto opgenomen moet worden in het fotocarrousel. |
| Verberg | In dit veld kan aangegeven worden of een foto automatisch in het artikel moet worden geplaatst. Staat het selectievakje bij 'verberg' aangevinkt, dan worden foto's niet automatisch getoond. |
Let op: Het systeem kan maximaal 8 mb uploaden. Om meer te uploaden moet het artikel eerst als concept
bewaard worden en daarna heropend worden. Ook wanneer alles is geüpload moet het artikel eerst bewaard
worden alvorens verder kan worden gegaan met het bewerken van het artikel.
Nadat het artikel is bewaard en heropend, kunnen de bestanden worden toegevoegd in het artikel.
Bij het toevoegen van bestanden aan een bestaand en gepubliceerd artikel kan gewoon op "Publiceren" geklikt worden.
Een bestand beveiligd toevoegen
Het is heel goed mogelijk dat je bij een artikel een bestand wilt toevoegen, die je alleen met je leden of een bepaalde groep wilt delen. In dat geval moet je het bestand via een andere weg aan het artikel toevoegen. Dit gaat als volgt:
Bovenaan het artikel zie je nu een tab 'Documentenbeheer'
Klik daar op en je komt in het volgende venster
Hier kan je via het blok Nieuw document een bestand toevoegen. Als je dit opslaat zal het bestand beveiligd worden toegevoegd aan het artikel. Over het algemeen zal gelden dat alleen ingelogde leden deze documenten kunnen benaderen (tenzij de pagina zelf op een hoger beveiligingsniveau staat). Ben je niet ingelogd dan zal je de betreffende bestanden niet toegevoegd zien staan.
4. Een formulier maken in een artikel
Het is mogelijk om in een artikel een formulier aan te maken. Als dit bij de instellingen staat geactiveerd,
wordt onderstaand blok ook zichtbaar. Is dit blok niet zichtbaar, maak dan een helpdeskticket aan, zodat
het blok geactiveerd kan worden. Het opnemen van een formulier is overigens niet bij alle paginatypes mogelijk.
Door het invullen van een ontvanger e-mailadres en daarna op controle te drukken, worden er extra velden
zichtbaar.
Het blok formulier definitie wordt uitgelegd: Zie: Formulieren in een artikel
Wanneer er al een formulier is in een ander artikel, kan deze hier gekopieerd worden. Vul dan verder niets in
bij ontvanger e-mailadres, maar vul bij 'Artikelid voor formulierbron' het artikelnummer in waarvan het formulier
gekopieerd moet worden. Klik daarna op controle, zodat de velden zichtbaar worden. Het formulier kan dan
verder aangepast worden. Wanneer een goed formulier is gevonden op een andere website van AllUnited dan
kan AllUnited deze ook kopiëren. Maak dan een helpdeskticket aan met de URL van de website waarop het formulier
staat.
Een formulier kan er als volgt uit zien, bijvoorbeeld voor een enquête.
Optioneel
Afhankelijk van de instellingen bij het paginatype of een extra instelling door AllUnited kunnen nog de volgende
blokken getoond worden.
Indien een artikel van een bepaald paginatype ook gelijk getoond moet worden op een andere pagina dan kan
een extra veld ingesteld worden. Hiermee is het mogelijk om een artikel ook op een andere pagina te tonen door
hier de andere pagina te kiezen achter de automatische link. Bijvoorbeeld de artikelen van de teams heren 1 en
dames 1 moeten ook altijd bij het nieuws getoond worden.
De verslagen van de Algemene Ledenvergadering
worden op de pagina ALV onderhouden, maar ze komen ook bij het nieuws te staan als er nieuwe verslagen zijn.
Voor hockey verenigingen bestaat de mogelijkheid om een koppeling aan te zetten voor hockey.nl