Changer graphiquement le thème Mystique de WordPress

sécuriser un blog

Dans cet article je vais vous donner quelques indications sur les modifications que l’on peut faire sur Mystique. Attention cela peut change avec votre version de WordPress et de Mystique.

Enlever ou changer la résille (ombrage) du fond

Pour enlever cette espèce de bas résille qui ombre l’image de fond, il faut éditer le fichier :

wp-content\themes\mystique\css\core.css

ou wp-content/themes/mystique/style.css

en le téléchargeant par FTP ou via l’éditeur de WordPress et chercher à l’intérieur la chaîne de caractères bg-p.webp

Modifier le nom et télécharger dans

wp-content\themes\mystique\images

l’image que vous voulez mettre à la place.

#page-ext{background:transparent url(images/bg-p.webp) repeat-x center bottom;}

Changer l’image de l’entête

Dans le même fichier cherchez header-j.webp (c’est la flamme). Vous pouvez changer le nom et mettre celui de l’image que vous voulez utiliser (vous devez la télécharger).

#page{background:transparent url(images/header-j.webp) no-repeat center top;}

Ajouter une bannière

Dans ce même fichier css :

#header {
background: url(/wp-content/themes/mystique/images/YOUR-LOGO-NAME-p.webp);
background-repeat: no-repeat;
background-position:70% 30%;
}

Attention : les modifications seront écrasés si vous mettez à jour WordPress ou Mystique.

Ressources

Ci-dessous vous trouverez des sites fort utiles :

40 hacks pour Mystique

Hacks de Mystique

Modifications de Mystique

 

 

Crédits images :

photostock / FreeDigitalPhotos.net

Comments ( 5 )

  1. noaneo
    Pour ne pas perdre les modifications,il faut tout faire dans un thème enfant,Mystique a un thème enfant du nom de Mystique-extend,ainsi on peut faire toutes les mise à jour,Mystique et WordPress. Le thème enfant est possible pour tous les thèmes,
    • Michel de Changer Gagner
      Merci pour cette info. Avez-vous aussi un truc pour mettre à jour Wordpress lui-même ?
  2. Laurent
    Bonjour, Merci pour ces explications. Concernant l'ajout d'une bannière dans le header, en passant par la feuille CSS il ne sera donc pas possible d'ajouter un lien de redirection de la bannière donc ? Il n'y aura que l'image. Merci
    • Michel de Changer Gagner
      J'ai cherché rapidement, dans la CSS tu peux spécifier une url où aller chercher l'image, mais pas de lien, en tout cas d'après moi, mais je peux me tromper. De toute façon, les bannières publicitaires dans le header, c'est plus trop ça. Il me semble qu'Aurélien ne le conseille pas, si mes souvenirs sont bons.
  3. Laurent
    Merci pour ta réponse :)

Leave a reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge