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:

• Aanpassen van het Cassiopeia logo naar een eigen logo
• Invoegen van een tekst, eventueel met een taglijn
• Verwijderen van het logo inclusief de topheader (merk / brand)
• Overige instellingen
• Tips

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
   
   
   
   
10. Klik tot slot op de knop Opslaan en sluiten, er komt een melding in beeld Stijl opslaan geslaagd
    
    
    
    
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
   
   
   
   
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. 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).
   
   
   
   
7. Klik tot slot op de knop Opslaan en sluiten
   
   
   
   
8. Controleer. nu aan de frontend (bezoekers gedeelte) of het logo aangepast is en vervangen is door je tekst en eventueel je tagline.
   
   

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
   
   
   
   
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 Merk op de switchknop en zet deze optie van Ja naar Nee.
   Hieronder Ja ingesteld:
   
   
   
   Naar Nee:
   
   
   
   
7. Klik tot slot op de knop Opslaan en sluiten, er komt een melding in beeld Stijl opslaan geslaagd
   
   
   
   
8. Controleer. nu aan de frontend (bezoekers gedeelte) of de topheader nu verdween is.
   
   
   
   

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)
  
  
  
  
• Het kleurenschema:  Kleurenthema  (er zijn 2 keuzeopties, er wordt een andere kleur gekozen)
   
  
  
  
  Standaard kleur:
  
  
  
  Alternatief kleur:
  
  
  
  
• 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:

• https://docs.joomla.org/J4.x:Cassiopeia_Temple_Customisation
• https://coolcat-creations.com/en/blog/customize-your-cassiopeia-template
• Joomla 4 – Cassiopeia Template – a bunch of Tips & Tricks (woluweb.be)
• https://colours.joomla.com/
• https://magazine.joomla.org/all-issues/february-2022/joomla-4-cassiopeia-template-a-bunch-of-tips-tricks
• https://cassiopeia.joomla.com/
• https://schoolitexpert.com/web/joomla-templates/cassiopeia
• https://www.kickstartcassiopeia.com/

Terug naar het overzicht    Terug naar categorie Vormgeving - Design