Tuto Mimbo2 (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 212)
  • Auteur
    Messages
  • #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

    #616756
    arena
    Participant
    Maître WordPress
    844 contributions
    #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.

    #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…

    #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 😉

    #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).

    #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!

    #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!

    #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

    #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é 😉

    #616765
    Petrucci
    Membre
    Padawan WordPress
    76 contributions

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

    #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 ?

    #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 🙂

    #616768
    Petrucci
    Membre
    Padawan WordPress
    76 contributions

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

    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…

    #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.

15 sujets de 1 à 15 (sur un total de 212)
  • Vous devez être connecté pour répondre à ce sujet.