Les 2

Inleiding

In de vorige les bespraken we een eerste inhoudstype: Eenvoudige pagina (of:Basic Page)

In eerste instantie gaan we onze Front die gemaakt is met een Eenvoudige pagina verbeteren om vervolgens een nieuw inhoudstype: Artikel te bespreken.

Bij Artikel kan je ook tags en een afbeelding toevoegen.

Tot slot zoeken we een passend logo voor de website.

Eenvoudige pagina

De homepage is een voorbeeld van een eenvoudige pagina. Je kan twee zaken invullen:

  • Title: de titel
  • Body: de tekst

Wanneer je naar de homepage navigeert kan je deze bewerken door op de tab 'Bewerken' te klikken

In het veld Title hebben we reeds een passende titel ingevuld

Bij de body staat op dit moment een zinnetje

Merk op dat je bovenaan in de werkbalk verschillende opties krijgt om de tekst aan te passen

Wil je echter meer mogelijkheden dan verander je van Filterd HTML naar Full HTML bij Tekstopmaak

Merk op dat er in de werkbalk opties zijn bijgekomen.

Klassikaal werken we nu naar onderstaand resultaat:

Vergeet niet om na de aanpassingen onderaan op 'Opslaan' te drukken!

Artikel

Een Artikel is een inhoudstype dat standaard is bij de Drupal installatie.

Ga naar inhoud

Inhoud toevoegen

Artikel

In het verschenen veld maken we een nieuwe node

  • De titel is: kikker
  • De tags zijn: Kikker,Amfibie,Fauna
  • Image:
    • Download eerst een afbeelding van een kikker.
    • Kies vervolgens voor Bladeren
    • Wanneer de afbeelding gekozen is klik je op Uploaden

  • In de body vul je in: De kikker is een amfibie dat in heel de Benelux voorkomt

Onderaan moeten we een aantal instellingen aanpassen:

  • Bij Menu-instellingen zet je een vink bij Voer een menulink in en geef je die link een titel: Kikker

  • Bij Reactie-instellingen selecteer je Gesloten. Ander kunnen bezoekers reageren op deze inhoud zoals op bijvoorbeeld een forum

We maken net dezelfde oefening opnieuw klassikaal. Dit keer is het onderwerp: Hagedis. Gebruik als tags: Hagedis,Fauna,Reptiel

Maak nu individueel een nieuwe node aan van het type eenvoudige pagina. Het onderwerp is 'Salamander'. Tags: Salamander,Fauna,Amfibie

--> Het resultaat van de tags kan je testen door op een bepaalde tag te klikken. Je zal zien dat er een overzichtspagina wordt getoond met alle nodes waaraan de tag is gelinkt.

Wat we nu hebben gedaan is het toevoegen van inhoud aan een bestaand inhoudstype. Je kan een inhoudstype het beste vergelijken met een kast. Een kast met een schap voor de afbeeldingen, een schap voor de titel,....Deze schappen worden binnen Drupal velden genoemd. Elk veld heeft zijn eigen kenmerken en instellingen. Zo kunnen we schappen (lees: velden) toevoegen of van plaats veranderen.

Om de velden van een inhoudstype te bekijken ga je naar Structuur --> Inhoudstypes --> kliken op het gewenste type (in ons geval: Artikel)

Voor ons zijn er voorlopig twee tabbladen zeer belangrijk:

  • Velden beheren: dit is voor de input, wat de beheerder te zien krijgt achter de schermen
  • Weergave beheren: dit is voor de output, wat de bezoeker te zien krijgt op de site

Klik op weergave beheren

Wil je liever dat de titel onder de afbeelding komt te staan --> verplaats het veld met het kruis naar een andere plaats

Wil je dat alle afbeelding hetzelfde formaat is --> klik op het tandwiel naast het veld en kies Medium, bevestig met een klik op Bijwerken

!! Vergeet niet op te slaan !!

Logo instellen

Er zijn nog een aantal storende factoren op onze site. Zo moet het logo aangepast worden en later ook de afbeeldingen.

  • Vandaag passen we het logo aan.
  • Ga naar de instellingen van het thema
  • Wat verder zie je 'Instellingen logo'

  • Haal de vink bij 'Standaardlogo gebruiken' weg

  • Je krijgt nu de optie om het logo van op de computer up te loaden naar de server.
  • Om het werken iets vlotter te laten verlopen kan je onderstaand logo gebruiken voor deze oefening:

  • Sla de instellingen op en bekijk het resultaat