Police: A+  A-  A

The Morning After Modifié : Onglets Intégrés

Par niss • 31 jan, 2008 • Catégorie: Thème du mois, Thèmes WordPress en français

Encore un petit mod, suite à une idée lancée par ResuX, ici, je me suis amusé à relever le défi et à intégrer les fameux onglets qui ont tant plu pour le thème Mimbo, au magnifique The Morning After.

Merci donc à ResuX de m’avoir donné cette idée et l’occasion de peut être rendre service à certains utilisateurs ou futurs utilisateurs de TMA.

TMA Onglets (niss)

Pour activer les onglets il vous suffit de vous rendre dans le panneau d’administration du thème, puis dans la zone “Options TMA (niss)” d’entrer les noms de catégories que vous souhaitez voir apparaître dans les onglets.

Le titre de cette boîte d’onglets sera par défaut “Derniers Articles Par Catégorie”, si vous souhaitez le modifier : rendez vous dans le fichier header.php ligne 79.

Par défaut, il s’affichera les deux derniers articles des catégories que vous aurez choisies. Si vous souhaitez en afficher plus (ou moins), il vous suffit de modifier le “2″ de “showposts=2″ dans le bout de code ci-dessous (ligne 60 du fichier tabs-categories.php) :

  1. $c_query = new WP_Query(’category_name=’.$c_name.’&showposts=2);

Pour les autres réglages du thèmes, rien ne change par rapport à la version officielle, et je vous invite donc vous rendre sur la fiche du thème The Morning After, pour sa mise en place.

The Morning After (niss) - Onglets intégrés & Version française
Téléchargé : 4652 Fois

Partagez cette page:

Ces icones representent les sites de bookmarking social dans lesquels vos lecteurs peuvent partager et faire découvrir vos pages.
  • blogmarks
  • Blogasty
  • Wikio
  • MisterWong Fr
  • BlogMemes Fr
  • Linkertop
  • Fuzz
  • Digg
  • del.icio.us
  • Technorati
  • Tapemoi
  • Netvouz
  • DZone
  • ThisNext
  • Wists

Articles Relatifs

Marqué comme: , , , , , ,

niss est le Webmaster de (niss.fr)
Email à cet auteur | Tous les Articles par niss

73 Responses »

  1. Très chouette, j’essayerais pour comparer avec le Mimbo

  2. C’est tres bien intégré et l’idée est excellente ! Bravo !

  3. pour moi j’arrive toujours pas a visioner des videos dans les onglets …snif

  4. Michel, Stoody, Ravi que ça vous plaise!! Mais tout le mérite en revient à ResuX, c’est lui qui a eu cette idéee!!

  5. Magnifique, mais les majuscules sont présentes à chaque mot ;)

  6. Salut Franck, il suffit de supprimer cette ligne

    text-transform:capitalize;

    dans la classe suivante du fichier style.css :

    .tabbed .post h3
  7. Merci beaucoup !
    J’en apprends tous les jours sur The Morning After… J’ai beau avoir installé bien d’autres thèmes pour me faire une idée, celui-ci reste sans doute le plus beau que l’on puisse trouver sur du gratuit pour faire de l’info, avec Mimbo ! Il est moderne, par ailleurs.

    Il me reste à trouver comment insérer correctement les images en page d’accueil, et résoudre le problème de la bannière en bonne voie… Et merci encore !

  8. Avec plaisir Franck!!

  9. De rien pour l’idée :-) Et… merci surtout à toi pour mon problème de javascript.

  10. Un défi de taille que je suggère: intégrer le carrousel d’images à The morning after;)

  11. @ResuX, avec plaisir!!

    @Franck, je pense que ça va être un peu chaud ça.. Mais surtout je trouve que ce n’est pas trop dans l’esprit de TMA… Mais bon, on peut toujours y réfléchir ;)

  12. Bonjour à tous,
    tout d’abord merci pour le travail et pour le blog en général !

    Mais et oui y a un mais… j’ai quelques petites questions :

    1) un bug concernant les archives (dans la sidebar => Archives de la catégorie situé en dessous des articles de la même catégorie) dont le lien pointe vers la même page actuelle ;

    2) comment faire pour avoir la search bar dans la barre de navigation ?

    3) la dernière :) : j’ai oublié lol

    Merci d’avance !

  13. C’est normal Maigret… C’est à toi de créer une page “archives”, une page vierge que tu déclareras en tant que “page archive” lors de sa création (c’est sur le côté, il y a un menu modèle de page).. Ensuite tu édites le fichier header.php et tu colle l’url de cette page dans le a href y correspondant ;)

    Pour la recherche, qu’est-ce que tu appelles exactement la barre de navigation?

  14. Ok merci beaucoup.

    En ce qui concerne la barre de recherche je souhaiterais l’intégrer dans la barre de navigation c’est à dire à la suite de mes boutons [Accueil] et [A propos].

  15. Euh grosse boulette de ma part !
    J’ai confondu ce thème avec Mimbo 2.2
    Vraiment désolé

  16. Arf, alors explique, que souhaites tu modifier, et surtout où (dans quel thème?)?

  17. Donc en fait, je souhaiterais pouvoir intégrer la barre de recherche dans la barre de navigation, par exemple à droite. Tout ceci dans le thème Mimbo 2.2 avec les onglets intégrés et que tu as traduit.
    Merci

  18. Essaye de remplacer dans ton fichier style.css la classe #searchform { par ça :

    #searchform {
    position:absolute;
    top:91px;
    left:745px;
    }
  19. SUPER CA MARCHE MERCI !!!

  20. Salut,
    ce qui serait vrmt sympa, c’est d’intégrer le carrousel d’image à la place de la partie Featured qui ne met finalement pas vraiment l’article en valeur.
    J’ai regardé le codé du theme Massive News, ca m’a pas l’air simple à transposer mais bon, c’est surement faisable :)

  21. Salut Matthieu,

    ou alors l’ajouter juste au dessus du featured… Car moi je trouve que le featured est important ;)
    J’essaye d’y jeter un oeil dès que possible et je le mettrai en téléchargement si je parviens à faire cette modif.

  22. Oui, de toute façon, mieux vaut laisser le featured, c’est toujours plus facile de l’enlever pour ceux qui ne le veule pas que l’inverse .. :)

  23. Voilà Matthieu, teste moi ça : TMA_(niss)_Slide

    Et reviens me dire si tout est ok :xa:

  24. C’est un plugin ??

  25. :D Non, c’est le Thème “The Morning After” comprenant les onglets et le slideshow du thème Massive News ;)

    EDIT : Preview

  26. Une très belle intégration… mais la page de choix des onglets s’affiche deux fois, et donc impossible de trouver celle où l’on remplit le caroussel (-
    Bon courage!

  27. Oups j’avais pas vu :) mais la page s’affiche bien deux fois…
    et pas mal du tout l’idée des widgets, merci :)

  28. Quelle page??? Si tu parles dans le menu d’admin, oui, c’est un bug que je connais et que je n’arrive pas à virer!!! :grr:
    Mais il ne pose absolument aucun souci de fonctionnement je te rassure… Donc tu choisis un des 2 menus et tu remplis les champs, et puis c’est tout :)

  29. C’est comme si c’était fait, merci ;) Il me reste cependant à trouver, dans home.php, où se situe le carrousel afin de le déplacer en bas de la colonne de droite, environ sous la description… une ligne de code à bouger, très simple, mais encore faut-il la trouver :(:

    Enfin, j’ai une envie dont le problème se révélera insoluble, j’en ai peur… :xa: Passer en bleu, à l’instar de “BIENVENUE SUR…”, les mentions telles que “Dernier article”, “En vedette”… :p

    Merci et bonne continuation pour ces magnifiques travaux pour WordPress. =+

  30. Le caroussel c’est ce bout de code dans home.php :

    <div id= featured>
    	<?php include (TEMPLATEPATH . '/featured.php'); ?>    
    </div>

    Il te suffit de le déplace où tu le souhaites dans home.php… Par exemple, si tu veux qu’il soit sous ta description, il te suffit de colle les 3 lignes ci-dessus, juste sous ça :

    <div id="home_about">
    	<h3 class="mast3">Bienvenue sur <?php bloginfo('name'); ?></h3>
    	<?php $the_query = new WP_Query('pagename=description');
    	while ($the_query->have_posts()) : $the_query->the_post();
         	        $do_not_duplicate = $post->ID; ?>
    	        <?php the_content(); ?>
    	<?php endwhile; ?>				
    
    </div>

    Pour tes histoires de couleur, il te suffit de modifier la valeur “color” dans style.css pour ces classes là :

    h3.mast {
    h3.home_featured {

    h3.mast correspond aux titres de dernier articles, à la une, à noter et aux titre de la sidebar.
    h3.home_featured quand à lui correspond au titre “vedette”…

  31. Merci beaucoup, les travaux commencent… de suite :p
    Et mise en place du carrousel d’ici une grosse quinzaine je pense :idee:

  32. Salut, tout d’abord, merci beaucoup pour l’adaptation :)
    Je m’en vais tester tout ca, et je rapporte les bugs/suggestions/félicitations :)

  33. Bon je viens de tester (encore beaucoup de retouche à faire de mon côté ..)
    Ben ca marche parfaitement, en plus c’est cool d’avoir utiliser la fonction include, ça évite d’avoir un home.php ingérable :)
    A part la partie admin qui a visiblement un problème, tout marche bien.
    Merci beaucoup pour l’intégration :)

  34. Hello!!

    merci pour tout le boulot sur ce thème! Je l’ai choisi pour mon blog mais j’ai un pbm de mise en page.
    Comment faire pour que dans un article, le texte et les photos s’alternent simplement au lieu d’être sur un meme plan?

    Ex:http://fotoforom.free.fr/index.php/2008/02/18/toulouse-la-ville-rose/

    Pour que les légendes soient sous les photos..

    Merci d’avance!!

  35. Salut Marc,

    Pour les quesitions techniques je te conseille plutot le forum ;)
    Sinon je n’ai pas compris ton problème.

  36. Bonjour,
    bravo pour le boulot, comment aurais je trouvé mon thème sans toi ;)
    Pour les onglets, perso j’aurais aimé les intégrer en haut de la page d’accueil, et faire en sorte que ce soit un menu en fait, avec accueil, archives, liens, etc…
    Mais je n’y arrive pas…est-ce possible ? comment modifier tabs categories pour y arriver ?
    Merci!

  37. Salut Aliwell,

    Hou là.. ça c’est de la grosse modif.. Les onglets tels qu’ils sont actuellement fait ne permettent pas du tout de faire ce que tu souhaites. Moi je ne saurais pas faire un truc de ce genre. Par contre, tu peux peut être t’inspirer de ce qui a été fait dans le thème branford magazine ou encore dans le thème jello walla melo… Mais bon courage :D

  38. merci de ta réponse ! vJ’ai laissé tomber, je te rassure, j’ai customizé autrement. Mais ce thème est vraiment dur à modifier. On y arrive mais avec beaucoup de patience !

  39. Salut niss

    Je souhaiterais intégré ce système d’onglet sur mon blog (j’utilise le thème TMA) seulement tu proposes ici de télécharger le thème avec ce système d’onglets directement intégré. Est-il possible que tu m’expliques comment intégrer ce système sans que je sois obligé de télécharger complètement le thème ?

    Merci.

  40. Va jeter un oeil sur ce topic.

  41. Bonjour niss,
    alor j’ai suivi le topic du forum seulement lorsque je dois ajouter le code dans le fichiers functions.php (qui d’ailleurs n’est pas propre à un thème mais est commun à tous) j’ai une errreur car chez moi la fonction add_action() n’est pas définie et n’existe pas.

    Comment solutionner ceci ?

  42. Salut David,
    Tu devrais essayer de télécharger la version de TMA modifiée et de récupérer le fichier functions.php, ainsi que les ajouts que j’ai fait dans le style.css… Puis met en parallèle avec le tuto et tu devrais t’en sortir sans trop de problèmes.

  43. Je voulais éviter de faire ceci mais finalement oui ce sera peut être encore le plus simple.
    Merci en tout cas pour ta réactivité. ;)

  44. salut,
    j’essaye d’intégrer le slide à TMA, je pense avoir suivi toute la procédure, mais ce que j’obtiens en page d’accueil c’est ceci:
    A La Une
    Exemple de Titre

    Entrez ici la description de votre article à la une
    Exemple de Titre

    Entrez ici la description de votre article à la une
    Exemple Titre

    Entrez ici la description de votre article à la une
    Example de Titre

    Entrez ici la description de votre article à la une
    Example de Titre

    Entrez ici la description de votre article à la une

    Pourtant, j’ai bien inscrit mes parametres dans l’admin et sauvegardé (pour les deux onglets redondants)
    une solution?
    merci

  45. je complète mon message précédent; en fait, je crois que la partie admin n’est pas complète : j’ai bien les deux onglets en double, mais la page s’arrete à la fin de l’Article A La Une #5
    (j’aperçois juste le bouton reset (recouvert par la barre wordpress du bas), mais pas de bouton save,
    donc je ne peux pas sauvegarder les modifs.
    je précise que j’ai wordpress 2.5, ça a peut-être un rapport?

  46. Tu as intégré le plugin caroussel c’est ça? Je comprends pas bien ton poblème.

  47. non, en fait j’avais essayé le plugin caroussel mais cela ne fonctionnait pas.
    aussi tu m’avais conseillé d’essayer la version de TMA intégrant onglets et caroussel, ce qui ne fonctionne pas non plus pour moi. je pense que le problème vient d’une incompatibilité avec worpdress 2.5, car dans l’admin, je ne peux pas sauvegarder les modifs du caroussel, et toute la page de modif est incomplète
    donc, je m’en sors pas… et je crois bien que je vais laisser tomber
    merci quand même

  48. Oki!! Ne baisse pas les bras, le problème n’est pas méchant et il y a en effet un problème d’affichage dans l’admin à cause du footer de WP 2.5

    Pas grave, donc on va régler ça très simplement :

    Tu ouvres le fichier functions.php
    Tu vas tout en bas quasiment et tu remplaces ces 2 lignes :

    <p class="submit"><input type="submit" name="massive_reset" value="Reset" /></p>
    <p class="submit"><input type="submit" name="massive_save" value="Save" /></p>

    Par ça :

    <div style="float:right;">
    	<p class="submit"><input type="submit" name="massive_reset" value="Reset" /></p>
    	<p class="submit"><input type="submit" name="massive_save" value="Save" /></p></div>

    Je viens de tester, ça marche ;)

    De mon côté je vais faire la MAJ dans le zip en téléchargement.

  49. Salut, merci pour les aides que tu apportes régulièrement des thèmes que tu proposes.
    Sur le TMA dans “Dernier Article” il m’affiche en fait les articles en ordre chronologique, ce qu’il fait que j’ai sur ma page index, le premier articles avec un titre qui dit dernier article. ))
    Serais tu d’ou vient le problème ?

  50. Salut,

    Vérifie dans home.php que du as bien order=desc dans cette instruction :

    <?php $the_query = new WP_Query('cat=-' .$catid. ',-' .$catid2. '&showposts=5&offset=1&orderby=post_date&order=desc');
  51. et oui malheureusement j’ai bien cela, j’ai essayé de mettre asc mais rien de changé.

    Ce qui est étrange c’est que ce problème mets apparu au passage de WP 2.5 et uniquement sur certains thèmes ç)

  52. […] site du MJS 37 a été refait avec le thème Morning After, thème suggéré par Franck […]

  53. Bonjour Niss,
    Avant de mettre en ligne définitivement cette version de TMA, je bidouille la perfection ! Je tente d’ajouter une image qui pourrait apparaitre à côté de l’extrait du texte, sous les onglets. Dois-je utiliser un custom field spécial ?
    Autrement dit, sur la page d’accueil, on voit bien les onglets et l’extrait du texte, mais il reste un espace équivalent au texte, vide. J’aimerais y mettre une image, ou encore, si ce n’est pas possible, que le texte prenne toute la place dans la boite.
    J’ai beau lire et relire les codes… je ne trouve pas.
    Peux-tu me donner un coup de pouce ?

  54. Salut,

    question sûrement un peu con, mais je suis incapable de pouvoir faire apparaître les grandes images sur la page d’accueil ?! Quel est le secret ??

    merci beaucoup

  55. Concernant le bug de l’ordre des articles récents, en fait il peut s’agir d’un bug connu provoqué par la version 5.0.51 de MySql :!!!:
    Un plugin wp existe pour corriger ce soucis : http://schnurpsel.de/wordpress-und-die-suboptimale-mysql-optimierung-5051-74/

  56. Merci pour ta réponse ;)

  57. Bonjour,

    merci bcp pour cette modification du theme.

    J’aurais aimé ajouter un bord aux images dans mes posts.

    J’ai essayé d’ajouter ceci dans ma feuille de style et ce avec toutes les variantes possibles dans Single post styles mais rien n’y change.

    Si quelqu’un pouvait me dire où est mon erreur…

    .post img {

    padding: 5px;

    border: 1px solid #000000;

    background: #666666

    }

  58. ?? est ce que quelqu’un saurait comment modifier le therme “en vedette”, je sais pas sur quelle page le trouver

  59. Bonjour

    Y a t il une version avec les onglets intégrés pour le dernier TMA ? (ici c’est pour le TMA 1.3 et actuellement, on a le 1.4 qui est en téléchargement ?)

    Merci

  60. Bonjour,
    Bien que je ne saches pas si ce forum vit toujours, je pose ma question.
    Je souhaites afficher une image à chaque catégorie des onglets (Comme sur la page d’accueil de Niss), genre une miniature d’une des photos présente sur l’article vers lequel sa pointe.
    Je ne vois pas comment m’y prendre, quel code placer. Avez-vous la solution?
    Merci

  61. C’est très bien intégré et l’idée est excellente merci .

  62. dernière version ici
    http://www.woothemes.com/2010/06/themorningafter/

  63. Bien que je ne saches pas si ce forum vit nike blazer toujours Autrement dit, sur la page d’accueil, on voit bien les onglets et l’extrait du texte,

  64. Pour activer les onglets il vous suffit de vous rendre nike blazer pas cher dans le panneau d’administration du thème

  65. J’ai beau avoir installé bien d’autres thèmes pour me faire une idée, celui-ci reste sans doute le plus beau que l’on puisse trouver sur du gratuit pour faire de l’info, http://www.photographemariage-monaco-paris.fr avec Mimbo ! Il est moderne, par ailleurs.

  66. Michel, Stoody, Ravi que ça vous plaise!! Mais tout le http://www.gaypodcast.fr/tn-pas-chere-livraison-gratuite-chaussure-nike-tn-requin-pas-cher.html mérite en revient à ResuX, c’est lui qui a eu cette idéee!!

  67. J’ai beau avoir installé bien d’autres thèmes pour me http://www.dadicar.fr/Nike-Tn-Requin-Pas-Cher-s1959.html faire une idée, celui-ci reste sans doute le plus beau que l’on puisse trouver sur du gratuit pour faire de l’info, avec Mimbo !

  68. The first thing I tried out before anything else online http://www.lagarenne-dulac.fr/timberland-pas-cher-soldes-timberland-rouge.html is filling out savvy surveys for a little bit of quick cash.

  69. It will be an important step in the path http://www.lavilledesamoureux.fr/jordanpascher/nike-air-max-pas-cher-chine/ to increasing the overall happiness in your life.

  70. The product is you and you’ll need to sell yourself http://www.ampouledetecteurpresence.fr to your potential employer.

  71. Get a little, cute makeup http://www.torinopizza.fr bag to keep everything organized and portable. Make sure you have extras of your products specifically for this kit.

  72. As it comes down the stretch into http://www.eventiaassurances.fr the fourth quarter, I expect Tech to be down by a touchdown or so, but their pass-first persona will serve it’s purpose perfectly as they pass their way to a come-from-behind victory.

  73. The worst of it was that I was http://www.moinschermarques.net trying so hard to do a good job whilst trying to fit in, that I was emotionally and spiritually exhausted when I might return home.

Laisser un Commentaire

Pour insérer du Code: Encadrez votre morceau de code par le caractère "¤" (Alt Gr+$) (ex: ¤Le Code¤ ) - Puis laisser une ligne blanche avant et après le bloc ¤Le Code¤.

;) :o )) -(( (- :( :(( =+ :(: :) :p &) :idee: oo ç) :xa: ?? :grr: :!!!: ;( :D