Vormgeving - Design en Joomla 5

Het logo aanpassen of verwijderen van het Cassiopeia template

Je maakt gebruik van het Cassiopeia template en je wilt het logo aanpassen of verwijderen, of vervangen door een tekst. In dit artikel leg ik uit hoe je dit kunt doen.

In het Cassiopeia template, het standaard template van Joomla 4 en Joomla 5, zijn een aantal instelopties beschikbaar om de topheader aan te passen. De opties zijn:

Het logo (of de tekst) zijn aaknklikbaar en standaard wordt hier de link naar de homepage gelegd (https://<jedomein.nl>/), hierdoor kunnen bezoekers snel terug naar de beginopagina van je website. Het is een ongeschreven regel dat het logo (of tekst) aanklikbaar moet zijn.

(klik op de afbeeldingen voor een vergroting, de printscreens van de vensters zijn in darkmode)

Stappen Cassiopeia logo aanpassen

Je wilt het standaard logo van het Cassiopeia template vervangen door je eigenlogo, hieronder leg ik uit hoe je dit doet.

  1. Log met je SuperVisor account in via de back-end van je Joomla website, https://<jedomein.nl>/administrator/ 
  2. Klik aan de linkerkant op Systeem



  3. Klik dan in het midden onder de kop Templates op Website templatestijlen



  4. Klik op de link Cassiopeia - Default 



  5. Klik op het tabblad Geavanceerd



  6. Klik bij Logo op de groene knop Selecteren



  7. Klik op de knop Uploaden en navigeer naar je logo en selecteer deze



  8. Klik op Open om het logo te uploaden. Het logo wordt geupload.
  9. Klik dan op het logo zodat er een vinkje bij staat en klik op Selecteren

    stap7 aanpassen logo

  10. Klik tot slot op de knop Opslaan en sluiten, er komt een melding in beeld Stijl opslaan geslaagd

    stap8 aanpassen logo

  11. Controleer. nu aan de frontend (bezoekers gedeelte) of het logo aangepast is.

Stappen invoegen tekst (en optineel taglijn)

Je wilt het standaard logo van het Cassiopeia template vervangen door een teks en (optioneel) een tagline, hieronder leg ik uit hoe je dit doet.

  1. Log met je SuperVisor account in via de back-end van je Joomla website, https://<jedomein.nl>/administrator/ 
  2. Klik aan de linkerkant op Systeem

    stap1 aanpassen logo

  3. Klik dan in het midden onder de kop Templates op Website templatestijlen

    stap2 aanpassen logo

  4. Klik op de link Cassiopeia - Default 

    stap3 aanpassen logo

  5. Klik op het tabblad Geavanceerd

    stap4 aanpassen logo

  6. Type bij:
    Titel (alternatief voor logo), de gewenste tekst die je wil tonen in plaats van een logo (afbeelding).
    Tag lijn als aanvulling van je tekst (dit is optioneel).

    stap5 aanpassen tekst

  7. Klik tot slot op de knop Opslaan en sluiten

    stap6 aanpassen tekst

  8. Controleer. nu aan de frontend (bezoekers gedeelte) of het logo aangepast is en vervangen is door je tekst en eventueel je tagline.

    stap7 aanpassen tekst

Stappen logo en topheader verwijderen

Je wilt geen header met logo of tekst gebruiken, dan kun je deze uitschakelen. In dit hoofdtuk leg ik uit hoe je dat doet.

  1. Log met je SuperVisor account in via de back-end van je Joomla website, https://<jedomein.nl>/administrator/ 
  2. Klik aan de linkerkant op Systeem

    stap1 aanpassen logo

  3. Klik dan in het midden onder de kop Templates op Website templatestijlen

    stap2 aanpassen logo

  4. Klik op de link Cassiopeia - Default 

    stap3 aanpassen logo

  5. Klik op het tabblad Geavanceerd

    stap4 aanpassen logo

  6. Klik bij Merk op de switchknop en zet deze optie van Ja naar Nee.
    Hieronder Ja ingesteld:

    stap1 verwijderen topheader

    Naar Nee:

    stap2 verwijderen topheader

  7. Klik tot slot op de knop Opslaan en sluiten, er komt een melding in beeld Stijl opslaan geslaagd

    stap3 verwijderen topheader

  8. Controleer. nu aan de frontend (bezoekers gedeelte) of de topheader nu verdween is.

    stap4 verwijderen topheader

Overige instellingen

In het Cassiopeia tempate kun je nog de. volgende opties instellen onder het tabblad geavanceerd:

  • Het lettertype: Lettertypes schema (in Joomla 5 heb je de keuze uit 4 opties)

    fonts cassiopeia template

  • Het kleurenschema:  

    kleurenthema cassiopeia template

    Standaard kleur:

    kleurenthema standaard cassiopeia template

    Alternatief kleur:

    kleurenthema alternatief cassiopeia template

  • De weergave keuzeswitch: Weergave van statisch naar vloeiend
    Statisch
    is een vaste breedte.
    Vloeiend is schermvullend.
  • De optie om de header vast te zetten voa de keuzeswitch: Vaste header
  • De optie terug naar boven keuzeswitch: Terug naar boven link,  er komt een knop onderaan bij de footer te staan zodat bij langere pagina's de bezoekers snel weer nar boven kunnen gaan zodat ze in het menu naar een andere pagina kunnen gaan.

Tips

Hieronder enkele websites met aanvullende links om het standaard Cassiopeia template verder aan te passen naar eigen smaak. Onderstaande links openen in een nieuw venster: