Thème Cryonie : Utilisation et personnalisation

Comment modifier le thème et l'adapter à ses besoins.

Comment avoir plus de catégories affichées?

La taille de la barre de navigation limite le nombre de catégorie. Il y a deux solutions...

  1. Déplacer les pages dans le panel latéral et augmenter le nombre de catégories. Par exemple pour avoir 12 catégories, changer la valeur du paramètre number:
    <?php wp_list_categories('title_li=&sort_column=name&hierarchical=0&number=12') ?>
  2. Placer les catégories dans le panel latéral:

  3. <li class="widget">Categories
      <ul>
          <?php wp_list_categories('title_li=&sort_column=name&hierarchical=1')?>
      </ul>
    </li>
    Le nombre limite est supprimé et l'afficharge hiérarchique restauré.

Avoir une largeur fixe

Si vous préférez une largeur fixe à une largeur variable, c'est très facile à obtenir: donner la même valeur à min-width et max-width ou encore les remplacer par la propriété width de body. Remplacer par exemple:

min-width:480px;
max-width:1280px;

par:

width: 1200px;

Ajouter ou supprimer les flux de commentaires dans les metas

Le fichier fonctions.php contient la fonction:

automatic_feed_links(false);

qui commande l'ajout de méta tags pour les flux de commentaires et de commentaires d'article. L'argument true les ajoute et false les supprime.

Quels éléments faut-il conserver pour optimiser le site

Il y a un choix à faire entre accessibilité et référencement, entre visiteurs et moteurs de recherche. C'est un dilemne. Pour les visiteurs, on doit conserver un maximum de composants pour faciliter l'accès au contenu. Mais pour mieux transmettre le PR entre pages, il faut au contraire le réduire.

Il est recommandé de supprimer:

Dans une perspective SEO, on supprimera aussi le nuage de tags, les liens sur les pages précédentes et suivantes, tous les liens sur des pages dont le sujet est différent.

Comment traduire le thème en une autre langue

Vous pouvez traduire directement les termes dans le code source. A cette occasion, vous supprimerez les fonctions de la forme:

__e("terme")

pour les remplacer simplement par la traduction. Vous pouvez aussi utiliser les mécanismes de traduction de Wordpress.

Changer de bannière

La bannière en haut de page dépend de deux éléments CSS:

Le fond de l'en-tête:

#header 
{
background-image:url(sea1pix.jpg);
}

Une image derrière le nom du site:

#logoback
{
background-image: url(sea.jpg); background-repeat:no-repeat;
}

Cette image peut aussi intégrer le logo ou nom du site.

Si l'on veut utiliser la bannière fondue plutôt que la bannière étendue, utiliser topback.gif pour le fond d'en-tête et wisland.jpg pour l'image.

Réaliser une bannière étendue est très simple, on compose une image de 76 pixels de haut, et l'on découpe une image de 1 pixel de large sur la droit qui est utilisée comme fond d'en-tête.

Changer les éléments graphiques

Comment utiliser ses propres images, et comment ont été créées les images fournies par défaut avec le thème pour Wordpress.
Tous les éléments graphiques peuvent être réalisés avec The GIMP.

Le header

Outre le logo, il comporte trois éléments graphiques: le fond pour l'en-tête, le fond pour la barre de navigation, et l'image d'arrière plan pour le logo.

La barre de navigation

Un simple dégradé sert à obtenir le fond. La hauteur est de 20 pixels et la largeur de 1 pixel.
Avec les couleurs de premier plan et de fond blanc et noir on utilise l'outil dégradé.

Le fond de l'en-tête.

La hauteur est de 76 pixels et la largeur de 1 pixel. On procède comme pour le fond de la barre de navigation.

L'image d'arrière-plan.

On mettra en oeuvre le tutoriel pour combiner des images avec effet de fondu.

On dispose d'une image de 482 pixels de large et 76 pixels de hauteur comme par exemple celle-ci:

Pour l'intégrer dans l'arrière plan, on va créer un effet de fondu...

  1. Charger l'image de fond d'en-tête de 76x1 pixels.
  2. Sélectionner tout. Copier pour l'avoir dans le presse-papier.
    Elle deviendra disponible comme motif.
  3. On crée une nouvelle image de 482x76 pixel. On actionne l'option "avancé" pour choisir le type de remplissage.
  4. On remplit avec un motif. On utilise le premier motif qui est l'image dans le presse papier.
    On dispose maintenant d'une image qui correspond au fond de l'en-tête:
  5. Sur l'image du paysage, on réalise un dégradé tranparent à droite comme indiqué dans le tutoriel cité plus haut.
  6. On fait un copié-collé de cette image sur l'image ci-dessus. On obtient l'image suivante.
  7. Sauver sous le nom de wisland.jpg ou choisir un autre nom et modifier la règle #logoback dans le fichier style.php.

Le logo

Le menu Fichier->Créer->Logo propose un choix de scripts pour réaliser des logos.
Choisir un format et des dimensions permettant de l'insérer dans l'en-tête: 450x64 pixels au plus.

Sauvegarder au format PNG ou GIF avec option de fond transparent, sous le nom logo.gif ou logo.png et modifier éventuellement la règle #logo dans style.php.

Mise en ligne

Les fichiers graphiques sont à la racine du thème.

Le thème