Modifications thème Twenty Eleven

Statut : non résolu

Ce sujet contient 9 réponses, 3 participants et a été mis à jour pour la dernière fois par Anonyme, le il y a 13 années et 2 mois.

10 sujets de 1 à 10 (sur un total de 10)

Auteur

Messages
21 avril 2012 à 18 h 19 min #508606

marieloox
Participant

Padawan WordPress
77 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.3.2
– Version de PHP/MySQL : 5.3.10 / 5.5.20
– Thème utilisé : Twenty Eleven
– Extensions en place : NextGEN Gallery, Better Backgrounds
– Nom de l’hebergeur : En local pour le moment

Problème(s) rencontré(s) :

J’aimerais effectuer quelques modifications sur mon thème actuel (Twenty Eleven – theme child) mais je ne sais pas par où commencer. Pour cela, j’aurai besoin de vos lumières :

– Est-il possible de changer la couleur du background de la sidebar ? Si oui, comment ?

– J’aimerais déplacer la « barre de navigation » en haut à gauche de mon site (juste le texte – pas besoin du background) pour qu’il ne me reste que le contenu (page blanche) au centre de mon site. Comment faire ?

Voici une photo de l’état actuel de mon site (dans sa partie haute) : http://www.hiboox.fr/go/images/informatique/capture2,bf65e7d0566fb406f57e93b76cfa64e4.jpg.html

Je vous en remercie et reviendrai vers vous par la suite pour d’autres petits réglages …

22 avril 2012 à 7 h 55 min #828763
Guy
Participant

Maître WordPress
14817 contributions
Un bon outils pour visualiser les styles d’un site, faire des simulations est firebug pour Firefox.
Cela te permettra par exemple de trouver la classe css à laquelle appartient la sidebar, et de modifier le fichier style.css en conséquence.

Par exemple, dans twentyEleven; si tu veux modifier la couleur de fond, tu regardes ta sidebar, tu trouves qu’elle a la classe widget-area, ensuite tu vas dans le fichier appelé style.css du thème, tu cherches la classe widget-area et modifie ainsi:
```
.widget-area {
    background-color: #EEDDDD;
    font-size: 12px;
}
```
Ceci fait, tu t’apercevras que les points des listes sont à l’extérieur, il faudra donc aller rechercher la classe de ces listes et leur mettre une marge ainsi:
```
.widget ul {
    font-size: 15px;
    margin: 0 0 0 20px;
}
```
Et ainsi de suite, il est n’est pas exceptionnel qu’une petite modification au départ doive entrainer d’autres modifications complémentaires.
22 avril 2012 à 16 h 05 min #828764

marieloox
Participant

Padawan WordPress
77 contributions

Oui justement j’avais déjà essayé cette méthode.

Mais « widget-area » correspond aux zones de widgets et non à la sidebar.

Quand j’y mets un background c’est donc le fond de mon widget qui se colore et non la sidebar. (voir résultat : http://www.heberger-image.fr/images/99339_sidebar.jpg.html)

Avez vous une solution à mon problème ?

Merci pour votre aide !

22 avril 2012 à 16 h 37 min #828765

Guy
Participant

Maître WordPress
14817 contributions

ah 😉 mais qu’est ce donc qu’une sidebar?

22 avril 2012 à 16 h 50 min #828766

marieloox
Participant

Padawan WordPress
77 contributions

J’aimerais changer la couleur du fond de l’ensemble de la zone latérale droite :

http://www.heberger-image.fr/images/67816_sidebar.jpg.html

23 avril 2012 à 10 h 16 min #828767

Anonyme
Invité

Maître WordPress
34088 contributions

Ce message a été supprimé suite à la demande de l’auteur.

23 avril 2012 à 11 h 34 min #828768

Guy
Participant

Maître WordPress
14817 contributions

je crains que ce que tu as dessiné dans un cadre rouge ne corresponde à rien au niveau du code.
La sidebar a comme classe ce que je t’ai indiqué ou ce que noanéo a indiqué (je ne sais plus et n’ai pas le thème sous la main).
Tu peux peut-être faire une image à 2 couleurs, d’une hauteur de quelques pixels et se répétant verticalement
– partie gauche de la largeur du contenu de la page
– partie droite de la largeur de la sidebar

23 avril 2012 à 14 h 31 min #828769

Anonyme
Invité

Maître WordPress
34088 contributions

Ce message a été supprimé suite à la demande de l’auteur.

25 avril 2012 à 18 h 58 min #828770

marieloox
Participant

Padawan WordPress
77 contributions

Merci à tous pour vos messages ! La meilleure solution semble être celle proposée par Guy : mettre une image en background. J’essaye ça rapidement et vous tiens au courant !

Par contre, nouveau soucis :
– Les différentes catégories de mon menu principal ne veulent pas se mettre sur la droite de ma barre de navigation (et passent directement en dessous). Pourtant après vérification avec Firebug, aucun élément ne semble gêner … Une idée ? Voir problème : http://www.heberger-image.fr/images/59906_menu.jpg.html

26 avril 2012 à 15 h 22 min #828771

Anonyme
Invité

Maître WordPress
34088 contributions

Ce message a été supprimé suite à la demande de l’auteur.
Auteur

Messages