Modifier la sidebar et le menu principal

Statut : non résolu

Ce sujet contient 12 réponses, 2 participants et a été mis à jour pour la dernière fois par foch01, le il y a 10 années et 7 mois.

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

Auteur

Messages
14 décembre 2014 à 10 h 26 min #545250

foch01
Participant

Padawan WordPress
88 contributions

Bonjour à tous !

Après avoir crée un thème enfant et fait quelques modifications je souhaite maintenant personnalisé mon blog wordpress en modifiant le css mais je ne suis pas trop un as en programmation…
Les informations que je trouve concernant ma demande sont généralement en anglais…

Je vous fais part de ma demande :

Dans un premier temps je voudrais « couper » ma sidebar à partir de la catégorie « articles récents » (inclus) puis déplacé le morceau couper de sidebar sur la partie droite de mon blog tout en y intégrant dans la « sidebar couper » la fanbox de facebook au dessus de la catégorie articles récents.

Puis dans un second temps je voudrais déplacer les différentes catégories de mon menu principal sur la gauche en les laissant comme ils sont afficher actuellement enfaite juste les déplacé sur la gauche au lieu qu’il soit sur la droite. Et aussi si c’est possible d’agrandir le titre de mon site qui est situé en haut à gauche.

Je ne sais pas si vous avez compris ce que je voulais faire j’ai essayé de l’écrire au plus clair possible, allez faire un tour sur mon blog enlisant cette article en même temps, peut-être que je comprendriez mieux.

Merci d’avance pour votre aide !🙂

– Thème utilisé : TwentyForteen
– Adresse du site : http://www.123itech.com

14 décembre 2014 à 11 h 54 min #986946
PhiLyon
Modérateur

Maître WordPress
28248 contributions
Bonjour ou re.

Pour ton menu à gauche c’est ce code à coller dans le thème enfant
```
/* Menu à gauche */

	.primary-navigation {
		float: left;
		font-size: 11px;
		margin: 0 1px 0 12px;
		padding: 0;
		text-transform: uppercase;
	}
```
Pour la grosseur du titre (tu mets la valeur qui te convient à 36px)
```
/* Grosseur du titre du site */
.site-title a,
.site-title a:hover {
	color: #fff;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 36px;
}
```
Pour tes sibebars il suffit de disposer les widgets comme tu le désire dans Apparence->Widgets dans la barre latérale principale (gauche) ou barre latérale de contenu (droite).

Et au boulot, moi je vais me balader 😗

🙂
14 décembre 2014 à 13 h 16 min #986945

foch01
Participant

Padawan WordPress
88 contributions

C’est parfait.
Je voudrais aussi effectuer une modification de la couleur de la barre du menu ainsi que de la sidebar

14 décembre 2014 à 17 h 08 min #986947
PhiLyon
Modérateur

Maître WordPress
28248 contributions
Gentil Thomas.

Je te donnes le code pour la barre de menu.
Par contre, pour ne pas que tu finisses assisté (il y en a déjà trop), pour la sidebar tu utilises l’outil inspecteur de ton navigateur ou Firebug et tu cherches un peu :fouet:
```
.site-header {
	background-color: #000;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
}
```
🙂
14 décembre 2014 à 17 h 23 min #986948

foch01
Participant

Padawan WordPress
88 contributions

Oui je sais c’est ce que je fais avant de poster un message sur le forum. Mais je ne sais pas trop comment m’y prendre enfaite. Je fais inspecter l’element je clique admetons sur la sidebar pour me rediriger sur le code de la sidebar mais apres je ne vois les différents réglages etc…

14 décembre 2014 à 17 h 43 min #986949

PhiLyon
Modérateur

Maître WordPress
28248 contributions

Quand tu cliques dans la sidebar avec l’inspecteur tu as bien ça à droite

Devines où il faut modifier. De toute façon tu peux faire tous les essais que tu veux ce n’est pas appliqué à ton site.

🙂

14 décembre 2014 à 18 h 13 min #986950

foch01
Participant

Padawan WordPress
88 contributions

[c]#secondary {
background-color:#000000;
border-bottom-color:rgba(255, 255, 255, 0.2);
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#2ecc71;
border-top-style:solid;
border-top-width:1px;
clear:both;
color:rgba(255, 255, 255, 0.701961);
margin-top:-1px;
padding:0 10px;
position:relative;
z-index:2;
}
[/c]

J’ai ca je sais pas si c’est bon ou pas ?

14 décembre 2014 à 18 h 28 min #986951
PhiLyon
Modérateur

Maître WordPress
28248 contributions
Loupé c’est pas le bon. C’est à ligne 3729 de style.css (j’ai mis du rouge)
```
#secondary {
		background-color: #A60000;
		border: 0;
		clear: none;
		float: left;
		margin: 0 0 0 -100%;
		min-height: 100vh;
		width: 122px;
	}
```
Mais c’est bien tu cherches (tu peux faire tous les essais que tu veux dans le thème enfant, si c’est mauvais tu supprimes et ça reprend le code de base).

🙂
14 décembre 2014 à 19 h 33 min #986952

foch01
Participant

Padawan WordPress
88 contributions

Oui en fouinant un peu j’ai réussi à trouver mais si je veux supprimer cette sidebar je ne peux pas via le CSS

14 décembre 2014 à 19 h 44 min #986953
PhiLyon
Modérateur

Maître WordPress
28248 contributions
Essaies de faire ça (je n’avais pas compris que tu voulais la supprimer)
```
secondary {
        display: none;
        background-color: #A60000;
        border: 0;
        clear: none;
        float: left;
        margin: 0 0 0 -100%;
        min-height: 100vh;
        width: 122px;
    }
```
🙂
14 décembre 2014 à 19 h 53 min #986954

foch01
Participant

Padawan WordPress
88 contributions

Je viens d’essayer rien n’a changer. Enfaite je veux supprimer la sidebar de gauche et la marge droite verticale pour que mes articles puissent prendre la pleine page.
J’ai essayer de supprimé le fichier sidebar.php mais cela supprime juste son contenu.

14 décembre 2014 à 20 h 30 min #986955

PhiLyon
Modérateur

Maître WordPress
28248 contributions

Installes ce plugin http://www.tjessberger.com/free-download-wordpress-fourteen-extended-plugin/

Vas dans Apparence->Personnaliser et tu pourras faire ce que tu désires.

🙂

14 décembre 2014 à 20 h 46 min #986956

foch01
Participant

Padawan WordPress
88 contributions

Je te remercie j’ai trouvé pour supprimé la sidebar cependant je cherche toujours pour aligné les articles. Connais un moyen de traduire les extentions en anglais ?
Auteur

Messages