Ajouter une rubrique
Ajouter un nouvel album
Comme pour toutes les rubriques, après avoir sélectionné "Un album", vous lui donnez un Nom. Vous retrouvez les mêmes Options que pour une page.
Vous pouvez ajouter tout de suite des images, voir en supprimer.
Cliquez sur Créer une rubrique.
Résultat
Voici la rubrique qui apparait avec les photos sélectionnées lors de la création.
Vous pouvez bien sûr en ajouter et modifier leur ordre.
Le diaporama plein écran
On conseille de sélectionner la case "Ouvrir les grandes images depuis l'index"
Vos images s'afficheront dans un mode pleine page avec la possibilité d'utiliser le diaporama défilant et en plein écran si le visiteur le souhaite. Vous verrez sur le forum que l'on parle souvent du diaporama PhotoSwipe.
Voilà ce que ça donne une fois publié, dans le logiciel, vous verrez l'affichage standard
Comment modifier le texte sous les grandes images
Le texte sous les grandes images des albums est tout petit voire parfois pas très lisible.
Une astuce, en utilisant un petit script dans Section <HEAD> de Options --> Sécurité & HTML, on peut modifier la taille, la couleur ainsi que la police.
Le script général à copier/coller
<style>
.pswp__caption__center {
font-family:Comic Sans Ms !important;
font-size:22px !important;
line-height:24px !important;
color:green !important;
}
</style>
Un exemple ici avec ces paramètres.
Explications:
d'abord, le < !important; > en fin de chaque ligne est là pour forcer le paramètre à la place de celui de TW
pour font-family : vous regardez dans les familles de police de TW et vous recopiez le nom
font-size est la taille de la police
line-height est la hauteur de ligne, supérieur à la taille (sinon recouvrement des lignes s'il y en a plusieurs)
color, vous pouvez mettre le nom en anglais ou la valeur en hexa (ex #00FF00 pour vert) vous pouvez retrouver ces valeurs en utilisant le sélecteur de Couleurs Personnalisées de Police, "code HTML" sans oublier le # devant.
Une précision, si vous ne voulez pas modifier la police et/ou la couleur, vous supprimez la ligne correspondante.
Modifier la couleur de fond noir.
Ajouter la possibilité de modifier la couleur de fond noir en incluant ces lignes au script ci-dessus.
.pswp__bg {
background: blue !important;
}
Si vous créer plusieurs albums suivant des thèmes différents et que vous voulez appliquer une couleur différente, dans ce cas vous ne copiez pas les scripts dans Section <HEAD> mais dans le Head de chaque rubrique/album en changeant votre couleur. Ceci est applicable également si vous voulez changer le texte en fonction de votre thème,
Script pour ne changer que la couleur de fond
<style>
.pswp__bg {
background: blue !important;
}
</style>
Le script complet pour changer le texte et la couleur de fond.
<style>
.pswp__bg {
background: blue !important;
}
.pswp__caption__center {
font-family:Comic Sans Ms !important;
font-size:22px !important;
line-height:24px !important;
color:green !important;
}
</style>