Hola Dolça,
Ho pots fer amb un giny de tipus text, millor a la barra lateral esquerra. Dins has de ficar codi html amb els botons.
Exemple:
<a class="btn" href="url a la pàgina que vulguis">Botó 1</a>
Per donar-li "estil" al botó pots utilitzar un generador de botons css com aquest:
http://css3buttongenerator.com/
Et genera un troç de codi css que has d'enganxar abans del botó, dins del giny, dins d'una etiqueta style. Per què els enllaços siguin de color blanc, heu de posar !important a la propietat color de .btn.
Exemple (això ho has de copiar i enganxar en el giny de text). Al giny has de marcar la casella de Afegeix paràgrafs automàticament.
<style>
.btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
font-family: Arial;
color: #ffffff !important;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
</style>
<a class="btn" href="http://enlace1">Botó 1</a>
<a class="btn" href="http://enlace2">Botó 2</a>
<a class="btn" href="http://enlace3">Botó 3</a>
<a class="btn" href="http://enlace4">Botó 4</a>
<a class="btn" href="http://enlace5">Botó 5</a>
Aquí podeu veure instruccions pas a pas i el resultat:
http://agora.xtec.cat/nodes/menu-lateral-basat-en-botons
Salutacions,
Xavi