On me pose souvent la question, le thème utilisé est "Stripped" en version White Bootstrap Darkroom depuis janvier 2017.


Pour personnaliser une police de caractères, c'est relativement simple. La méthode est décrite sur internet (Google est ton ami) :

1. Choisir sa police sur Dafont, par exemple.
Attention : pour un affichage optimal, bien choisir une police qui prend en charge les chiffres, les caractères accentués et les caractères spéciaux.
2. La convertir dans les différents formats reconnus par les navigateurs. J'utilise font2web, rapide et efficace.
3. Héberger la police convertie (uniquement les fichiers, pas l'ensemble de l'archive obtenue) dans un répertoire créé sur le ftp.
4. Dans LocalFiles Editor, onglet CSS, ajouter le code suivant :

/* Police perso */
@font-face {
  font-family: fonte-perso;
  src: url('../../fonts/nom_fonte_perso.eot');
  src: url('../../fonts/nom_fonte_perso.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/nom_fonte_perso.woff') format('woff'),
       url('../../fonts/nom_fonte_perso.ttf') format('truetype'),
       url('../../fonts/nom_fonte_perso.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
5. Et, à chaque fois que nécessaire, ajouter le nom de la police dans la ligne font-family (à vérifier à l'aide de Firebug ou en ouvrant le fichier css, au choix) :

  font-family: fonte-perso,"Century Gothic","Lucida Grande",Verdana,DejaVu Sans,sans-serif;


Pour afficher le logo de Piwigo en footer, c'est tout aussi simple et toujours dans LocalFiles Editor :

1. Récupérer le logo dans le footer du panneau d'administration.
Pourquoi le ré-héberger plutôt que recopier simplement son url ? Simplement pour éviter que le lien ne soit brisé en cas de changement lors d'une mise à jour de Piwigo.
2. Le redimensionner dans un logiciel de retouche.
3. L'héberger sur le ftp, dans un répertoire spécifique (par exemple, images).
4. Dans LocalFiles Editor, onglet CSS, ajouter :

#copyright .Piwigo {
  background: url(../../images/piwigo.png) no-repeat;
  display: inline-block;
  width: 43px;
  height: 10px;
}
 
#copyright .Piwigo span {
  display:none;
}


Côté plugins, les suivants m'ont été utiles pour la personnalisation de Piwigo et du thème :

Add <head> element

Additional Pages

Advanced Menu Manager

Dynamic Recent Period

Exif View

Extended Description

GDthumb

Header Manager

Histogram
Dans LocalFiles Editor, onglet Langues, ajouter :

$lang['hgram_histogram'] = 'Histogramme';

meta

Personal Favicon

Plugin add < head > element

PWG Stuffs

RV Menu Tree
Attention de bien décocher l'option "Afficher le menu" dans les options de Piwigo, sous peine de faire buguer l'affichage des notations. Configuration > Options > Affichage "Page de la photo" / "Afficher le menu"

RV Thumb Scroller

Scroll 2 Top
Plugin perso, voir la doc de Piwigo.
Pour le rendre compatible avec Stripped, remplacer
:

$search = '<body id="{$BODY_ID}">';
par :

$search = '<div id="the_page">';

SmartAlbums

Thumbnail Tooltip

Title

En ligne : 4 - Visites : 137.223 - Affichages : 4.537.614
Le contenu de ce site est la propriété exclusive de Guillaume Cyriaque Photographie. Toute utilisation, totale ou partielle, est soumise à autorisation écrite préalable de l'auteur. Guillaume Cyriaque ©2009-2018.