Tuto Mimbo2

Statut : non résolu

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

15 sujets de 1 à 15 (sur un total de 212)

1 2 3 … 13 14 15 →

Auteur

Messages
20 décembre 2007 à 11 h 26 min #455950

pipiou
Membre

Initié WordPress
13 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 2.3.1
– Thème utilisé : Mimbo2.2fr
– Plugins en place : Anarchy Media
– Nom de l’hebergeur : 1and1
– Adresse du site :

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

Bonjour à vous,

Quelqu’un aurait-il un tuto pour modifier et exploiter le thème Mimbo2 ? Je n’arrive pas à m’en sortir avec les explications en anglais…

Merci de votre aide

20 décembre 2007 à 16 h 18 min #616756

arena
Participant

Maître WordPress
844 contributions

en attendant de trouver un spécialiste francophone de ce theme

http://www.google.com/translate?u=http%3A%2F%2Fwww.darrenhoyt.com%2F2007%2F08%2F05%2Fwordpress-magazine-theme-released%2F&langpair=en%7Cfr&hl=en&ie=UTF8

20 décembre 2007 à 19 h 16 min #616757

niss
Membre

Initié WordPress
47 contributions

Salut,

Je te conseille aussi cette page (traduction auto google) issue du site de Darren qui est a mon avis un peu plus complete que le lien cite ci-dessus : http://translate.google.com/translate?u=http%3A%2F%2Fwww.darrenhoyt.com%2F2007%2F07%2F24%2Fin-praise-of-wordpress-template-tags-part-ii-the-magazine-layout%2F&langpair=en%7Cfr&hl=en&ie=UTF8

Sinon, vite fait, ce qu’il est important de connaitre pour ce theme c’est ca :

Il y a 4 “sections” :

1/L’editorial (Lead Story)
2/Les articles vedettes (Features)
3/Les blurbs (desole, je sais pas trop comment traduire ca 🙂 )
4/Les News (Headlines)

Chacun des 3 premieres section se pilotent via le fichier index.php
La 4eme se pilote dans le fichier sidebar.php

L’edito : l’article principalen haut de page
C’est donc tres simple, pour l’editorial, tu vas dans index.php, tu reperes ou se trouve cette ligne : // this is where the Lead Story module begins juste en dessous tu as un bout de code qui ressemble a ca :

query_posts(‘showposts=1&cat=53‘);
Et un peu plus loin : wp_list_categories(‘include=53&title_li=&style=none’);

Il te suffit alors de remplacer le 53 de “cat=53″ et ” include=53″ par le numero de TA categorie auquel appartient l’article que tu souhaites mettre en edito.

Les vedettes (Features) : colonne de gauche
Exactement meme principe que ci-dessus, sauf que cette fois ci tu recherches dans index.php la ligne suivante : // this is where the Features module begins

query_posts(‘showposts=3&cat=52‘);
wp_list_categories(‘include=52&title_li=&style=none’);

Puis tu remplaces le 52 par ton numero de categorie contenant les articles que tu souhaites voir apparaitre ici.

Point important : comme tu peux le constater, dans query_posts(‘showposts=3&cat=52′); le 3 represente le nombre d’articles qui apparaitront en Feature. Tu peux biensur remplacer le 3 par le chiffre que tu veux.

Les Blurbs : colonne centrale
Toujours dans index.php, tu reperes ca : // this is where you enter the IDs of which categories you want to display
Puis tu remplace le 7,34,35 par les Numeros de categories que tu veux voir apparaitre ici, dans la ligne ci dessous :
$display_categories = array(7,34,35);

Par defaut sera pris un article de chacune de ces 3 categorie, si tu veux en afficher par exemple 2 pour chaque categorie, il te suffit de reperer juste un peu en dessous la ligne suivante : <?php query_posts("showposts=1&cat=$category”);
Tu remplace alors le 1 par 2…

Les News : dans la sidebar (Headlines)
Cette fois ci, tu vas dans le fichier sidebar.php, tu reperes ce commentaire : // this is where the name of the News (or whatever) category gets printed
Tu remplaces dans wp_list_categories(‘include=52&title_li=&style=none’); et dans query_posts(‘showposts=3&cat=52′); le 52 par le numero de categorie que tu desires.

Et si tu veux plus que 3 news, tu remplaces le 3 de showposts=3 (ci-dessus) par le chiffre que tu veux.

Voila, on a fait le tour, maintenant il faut que je te parle des images

LES IMAGES :
Le systeme est TRES simple. Pour chacun des articles que tu veux voir apparaitre en Edito, Feature ou Blurb, il te suffit lors de la creation de l’article d’ajouter un champ personnalise avec comme cle Image (avec un I majuscule!!!) et comme valeur, le nom du fichier que tu voudras lui affecter. En prenant bien soin de mettre chacune de ces images dans le repertoire “images” de ton theme Mimbo.

Voila, j’espere que c’est pas trop confus, si tu as des questions, n’hesite pas.
Ce theme est genial.

21 décembre 2007 à 8 h 24 min #616758

pipiou
Membre

Initié WordPress
13 contributions

Super merci pour ces explications de textes. Je vais me plonger dedans pour essayer d’en sortir quelque chose… Encore 2 petites questions : comment mettre une image style bandeau en tête de page? Quand tu parles de numéro de catégorie, est-ce que cela concerne aussi les pages?

Merci d’avance pour vos conseils de sage…

21 décembre 2007 à 11 h 09 min #616759

niss
Membre

Initié WordPress
47 contributions

Salut,

pour ajouter une image dans le header il te suffit d’ajouter une balise de ce style :

dans le fichier header.php, juste apres ces 2 lignes par exemple :
<body id=”home”>

Sinon, je me suis en effet mal exprimé quand je parlais de “numéro” de catégorie, j’aurais du dire l’ID catégorie.

Ca ne concerne pas du tout les pages, les pages elles apparaissent dans le menu de navigation en entete…

Voili voilou, amuse toi bien 😉

21 décembre 2007 à 12 h 33 min #616760

lartscenes
Membre

Initié WordPress
42 contributions

Je me permet de participer 🙂

Dans ton thème, tu as ajouté un “Derniers Articles Par Catégorie”.
Avec des onglets.

Comment fait on ce genre d’onglets ?

Et autre question… saurais tu comment justifier le texte des articles sur la home ? (pour l’article en lui meme ca ne pose pas de probleme).

21 décembre 2007 à 13 h 55 min #616761

niss
Membre

Initié WordPress
47 contributions

Alors pour justifier, c’est tres simple :

Dans style.css tu ajoutes : text-align:justify; a la classe “content”
Ce qui donne :

#content {
float:left;
width:605px;
text-align:justify;
}

Bien vu d’ailleurs, c’est vrai que c’est plus sympa comme ca.

Par contre pour les onglets des derniers articles, la c’est une autre paire de manche car ce n’est pas du tout integre dans mimbo en natif. En fait c’est notre ami webmaster du site le bloggeur masque qui m’avait demande si on je savais comment faire pour integrer cette fonctionnalite issue du theme structure. Alors je me suis penche sur le probleme et on a trouve la solution…

Mais ca demande pas mal de mofications… Et je n’ai pas trop le temps de vous expliquer ca maintenant, par contre promis je vous donne toutes les indications soit dimanche, soit en debut de semaine prochaine.

A plouche!

23 décembre 2007 à 9 h 42 min #616762
niss
Membre

Initié WordPress
47 contributions
Salut a tous,

Larscenes, voici comme promis un petit tuto pour integrer les fameux onglets des derniers articles du themes Structure a Mimbo :

Avant toute chose, allez recuperer le theme Structure a cette adresse : http://justintadlock.com/archives/2007/12/09/structure-wordpress-theme

Ensuite, voila les etapes pour l’integration :

1/Copier les fichiers suivants du theme structure vers le repertoire Mimbo :
– tabs.js
– Jquery.js
– tabs-categories.php

2/Declarer les lignes suivantes dans le du fichier header.php du theme Mimbo:

– <script type="text/javascript" src="”>
– <script type="text/javascript" src="”>

3/ Ajouter au fichier style.css du theme Mimbo toutes les classes concernant les tabs issus de structure. Pour ce faire, reperer dans le fichier style.css de structure la tous les commentaires mentionnant le mot “TABS” et les copier dans le fichier style.css de Mimbo.

Ajouter aussi la classe suivante au fichier style.css de Mimbo :
```
#onglets {
	margin-top:10px;
	float:left
}
```
4/ Ajouter au fichier functions.php du theme Mimbo le morceau de code suivant juste en dessous de la ligne 8 :
```
// THEME OPTIONS – DO NOT EDIT UNLESS YOU KNOW WHAT YOU’RE DOING
$themename = “Mimbo”;
$shortname = “st”;
$options = array (
	
	array(“name” => “Category Tab 1”,
		“id” => $shortname.”_category_1″,
		“std” => “Uncategorized”,
		“type” => “text”),
	array(“name” => “Category Tab 2”,
		“id” => $shortname.”_category_2″,
		“std” => “”,
		“type” => “text”),
	array(“name” => “Category Tab 3”,
		“id” => $shortname.”_category_3″,
		“std” => “”,
		“type” => “text”),
	array(“name” => “Category Tab 4”,
		“id” => $shortname.”_category_4″,
		“std” => “”,
		“type” => “text”),
	array(“name” => “Category Tab 5”,
		“id” => $shortname.”_category_5″,
		“std” => “”,
		“type” => “text”),
	array(“name” => “Category Tab 6”,
		“id” => $shortname.”_category_6″,
		“std” => “”,
		“type” => “text”),
	array(“name” => “Category Tab 7”,
		“id” => $shortname.”_category_7″,
		“std” => “”,
		“type” => “text”),
	array(“name” => “Category Tab 8”,
		“id” => $shortname.”_category_8″,
		“std” => “”,
		“type” => “text”)
);
function theme_add_admin() { global $themename, $shortname, $options; if ( $_GET[‘page’] == basename(__FILE__) ) { if ( ‘save’ == $_REQUEST[‘action’] ) { foreach ($options as $value) { update_option( $value[‘id’], $_REQUEST[ $value[‘id’] ] ); } foreach ($options as $value) { if( isset( $_REQUEST[ $value[‘id’] ] ) ) { update_option( $value[‘id’], $_REQUEST[ $value[‘id’] ]  ); } else { delete_option( $value[‘id’] ); } } header(“Location: themes.php?page=functions.php&saved=true”); die; } else if( ‘reset’ == $_REQUEST[‘action’] ) { foreach ($options as $value) { delete_option( $value[‘id’] ); } header(“Location: themes.php?page=functions.php&reset=true”); die; } }  add_theme_page($themename.” Options”, “Mimbo Options”, ‘edit_themes’, basename(__FILE__), ‘theme_admin’); } function theme_admin() { global $themename, $shortname, $options; if ( $_REQUEST[‘saved’] ) echo ‘<div id="message" class="updated fade"><p><strong>‘.$themename.’ settings saved.</strong></p></div>‘; if ( $_REQUEST[‘reset’] ) echo ‘<div id="message" class="updated fade"><p><strong>‘.$themename.’ settings reset.</strong></p></div>‘;?><div class="wrap"><h2> settings</h2><form method="post"><table class="optiontable"><tr valign="top"><th scope="row">:</th><td><input name="” id=”” type=”” value=”” /></td></tr><tr valign="top"><th scope="row">:<br /><small></small></th><td><select name="” id=””><option></td></tr></table><p class="submit"></p></form><form method="post"><p class="submit"></p></form> <?php } add_action('wp_head', 'theme_wp_head'); add_action('admin_menu', 'theme_add_admin');
```
C’est ces fonctions qui ajouteront dans le paneau d’admin du themes les options de structure, c’est a dire, l’endroit ou on indique les noms des categorires a afficher dans les onglets qu’on cherche a integrer.

Une fois cela fait, n’oubliez pas d’aller dans admin/theme/strucutre options et de renseigner les noms des categories a afficher dans les tabs.

5/ Enfin coller, a l’endroit que vous souhaitez dans le theme Mimbo les lignes suivantes :
```
<div id="onglets">
  <h3>Derniers Articles Par Catégorie</h3>
  
</div>
```
Moi je l’ai colle en ligne 31 de index.php (en dessous de cette ligne de code : )

C’est du php, donc bien faire attention a ce que cette ligne soit entouree des balises et

Voila, le tour est joue, enfin j’espere ne rien avoir oublie. Si vous avez des soucis, je mettrai surement sur mon site une version modifiee de Mimbo integrant cette fonctionnalite…

Tienez moi au courant surtout. 😉
A plouche!
26 décembre 2007 à 17 h 29 min #616764

Petrucci
Membre

Padawan WordPress
76 contributions

niss wrote:

Chacun des 3 premieres section se pilotent via le fichier index.php
La 4eme se pilote dans le fichier sidebar.php

L’edito : l’article principalen haut de page
C’est donc tres simple, pour l’editorial, tu vas dans index.php, tu reperes ou se trouve cette ligne : // this is where the Lead Story module begins juste en dessous tu as un bout de code qui ressemble a ca :

query_posts(‘showposts=1&cat=53‘);
Et un peu plus loin : wp_list_categories(‘include=53&title_li=&style=none’);

Il te suffit alors de remplacer le 53 de “cat=53″ et ” include=53″ par le numero de TA categorie auquel appartient l’article que tu souhaites mettre en edito.

Merci beaucoup pour ces explications mais personnelement je reste coincé au début !
J’ai installé le thème, puis créé un article pour tester un peu, mais il s’affiche dans la colonne du milieu (là où on peut mettre 3 sujets) et je n’arrive pas à l’afficher en haut (avec le fond gris).

Pourtant j’ai changé le 53 par le numéro ID que je vois à gauche de l’article dans Gêrer- Articles

26 décembre 2007 à 18 h 50 min #616763

niss
Membre

Initié WordPress
47 contributions

Hello Petrucci,

En fait tu te trompes d’ID. Il faut mettre l’ID de la catégorie à laquelle appartient cet article. Et ainsi, à chaque fois que tu ajouteras un article dans cette catégorie, elle apparaitra dans cette zone. Par exemple, moi j’ai crée un catégorie que j’ai appelée “Edito” et c’est son ID que j’ai indiqué dans index.php.

Donc je résume : 1/ crée une catégorie Edito
2/note son ID
3/met cet ID dans index.php à l’endroit que j’ai indiqué
4/met l’article que tu souhaites voir apparaitre dans la zone de l’article principal, dans cette catégorie

Et hop! Le tour est joué 😉

26 décembre 2007 à 19 h 18 min #616765

Petrucci
Membre

Padawan WordPress
76 contributions

Super ! Ca marche ! Un grand merci !
Je continue à regarder demain 🍺

26 décembre 2007 à 21 h 01 min #616766

Petrucci
Membre

Padawan WordPress
76 contributions

Bon, j’ai une autre question 😗

Pour l’entête, j’aimerais bien mettre une photo sur toute la largeur du site, or, la largeur est coupée en deux (2/3 et 1/3); et apparement c’est impossible…

Dans quel fichier faut il aller pour supprimer la fonction recherche en haut à droite, et donc modifier un peu cette partie ?

Enfin, c’est possible de mettre une photo toujours dans l’entête mais derrière le titre du site, que les deux soient superposés en fait et non l’un en dessus de l’autre ?

27 décembre 2007 à 8 h 21 min #616767

niss
Membre

Initié WordPress
47 contributions

Il faut que tu ailles dans le fichier header.php

par exemple, sous

Tu inseres ta balise <img src="url de ton image" width=”880px“/> en indiquant bien width=”880px” ce qui correspond a la largeur de la page.

Pour virer la recherche tu supprimes tout simplement, dans le meme fichier, cette ligne (qui se situe juste quelques ligne plus bas) :

Et pis c’est tout 🙂

27 décembre 2007 à 9 h 57 min #616768

Petrucci
Membre

Padawan WordPress
76 contributions

Ce thème est super, je sais presque l’utiliser 🍺

J’ai bien réussi pour l’entête, j’aurais juste bien aimé superposer le titre du site (et le “sous titre”) et l’image, ça gagne un peu de place et c’est plus joli…

Sinon, ce que je trouve dommage et un peu mal foutu c’est la gestion des images liées, avec l’option “champs personnalisés”. Je viens de créer un article, avec une image, et une catégorie commune aux trois parties Edito, Feature et Blurb. Ca déforme tout le site, avec toujours la même photo pas adaptée à toutes les parties… Je ne suis peut être pas très clair…
Bon en même temps, comme je n’ai que deux articles je verrai avec l’usage…

27 décembre 2007 à 12 h 56 min #616769

Martin
Membre

Chevalier WordPress
484 contributions

Pour ma part, j’ai deux petits problèmes :

– Pour l’Edito, et les Features, il me met “Pas de catégorie”. Apparement il ne prend pas en compte les sous-cat, j’ai donc mis des cat. à part entière, mais ça ne marche tjs pas…
– Dans les Blurbs, je voudrais ne mettre qu’une catégorie. J’ai donc mis en array la catégorie 1, et mis showposts=3, sauf que j’ai au final un affichage saccadé. Si je met en array(1,1,1), puis showposts=1, j’ai trois fois le même post, logique. Comment faire pour avoir les 3 derniers articles d’UNE catégorie ?

Merci pour votre aide.
Auteur

Messages

15 sujets de 1 à 15 (sur un total de 212)

1 2 3 … 13 14 15 →

Vous devez être connecté pour répondre à ce sujet.