4

WordPress theme Twenty Ten 3 colones

Bonjour,
je vais vous partager une astuce qui permet de modifier le thème Twenty Ten en 3 colones, l’astuce se trouve au niveau des 2 zones de widgets.
Pour ce faire, nous allons modifier la feuille de sytle CSS du thème Twenty Ten pour déplacer la seconde zone de widget à la droite de la première zone.

On remonte les manches et on mets les mains dans le cambouis!
(je vous conseils de faire une sauvegarde de votre style.css)

Nous éditons le fichier style.css et nous allons intervenir dans la zone Layout:


/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {

	float: right;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 20px;
}
#primary,
#secondary {
		
	float: left;
	overflow: hidden;
	width: 220px;
}
...

Nous allons modifier les valeurs suivantes:

/* =Layout
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/


#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 90%;
}
#content {
	margin: 0 280px 0 20px;
}


#primary,


#secondary {
	float: left;
	overflow: hidden;
	width: 150px;
	
}
...

l’idée est de réduire la zone de texte de l’article, réduire de moitier la zone du widgets et placer la seconde zone de widgets à la droite de la première zone.

Vous voila maintenant avec un thème Twenty Ten à 3 colones :-)

Partager l'article :





fred

"Dire que l'on s'en fiche du droit à la vie privée sous prétexte qu'on a rien à cacher, c'est comme déclarer que l'on se fiche du droit à la liberté d'expression sous prétexte qu'on a rien à dire." Edward Snowden

4 commentaires

  1. bonjour

    Je suis en train de mettre le thème twenty ten en place et je viens de lire que vous indiquez comment mettre une troisième colonne. cela m’intéresse, je suis novice et sur Mac, est ce que je peux faire la manipulation comme vous qui êtes sous linux ?
    Où vais-je trouver le style css ? je ne sais pas ce que c’est.
    je vous remercie par avance.
    Bien cordialement
    Véronique

  2. Bonjour,

    que ce soit sous Mac, Linux ou bien Windows la démarche est la même si on passe par le tableau de bord WordPresss.
    Une fois connecté au tableau de bord, il faut aller dans le menu Apparence puis on sélectionne éditeur:

    puis à la droite de l’écran chercher style.css

    et ensuite on modifie le fichier comme indiqué dans le tuto :-)

    Bon courage.

  3. Salut,

    j’aimerais avoir 3 colonnes sur mon child theme twenty ten mais avec une left side bar, mon content, et une right side bar.
    Comment faire ?

  4. Salut,
    dans ton cas ça sera beaucoup plus simple de choisir un thème comme tu le souhaites.
    Sinon, procures toi un bon bouquin de CSS ;-)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.