Police: A+  A-  A

Thème Magazine : The Morning After en Français

Par niss • 11 déc, 2007 • Catégorie: Thèmes WordPress en français, Thèmes les plus populaires

Voici un second thème magazine WordPress traduit en français par mes soins. Il est également compatible avecWordPress 2.3+ après y avoir apporté le correctif préconisé par l’auteur.

Il s’agit cette fois-ci du magnifique The Morning After. Crée par The Master Plan. Tout comme Mimbo, The Morning After a l’avantage d’avoir une présentation très complète et extrêmement claire.

Vous pouvez définir un article vedette qui sera toujours en page d’accueil dans une boite spéciale avec un fond gris, à qui on peut en plus attribuer une vignette thumb.

Les 5 derniers articles apparaissent dans la sidebar et il est possible de leur affecter des vignettes, ce qui est du plus bel effet.

Le tout dernier article apparaît bien en évidence en tête de la page principale et il est possible de lui affecter une image.

En bas de page principale apparaîtront les “notes”, que l’auteur appelle “Asides” et qui sont destinées à avoir plutôt un caractère informatif et pas trop long, mais ça, ce sera à l’appréciation de chacun.

Enfin une zone destinée à la publicité (ou autre, de 250×250 pixels) est également prévue.

Un bien joli thème et vraiment très simple d’utilisation :

morningafter.jpg

The Morning After en français est en preview (ainsi que tous les autres thèmes que j’ai traduit) sur mon site de test : WordPress Paradise.

Toutes les infos et les modalités pour la configuration et l’installation de ce thème se trouvent sur le site The Masterplan, que je ne saurais trop vous conseiller de consulter.

Lien de téléchargement :

Thème Magazine The Morning After Version française
Téléchargé : 13670 Fois - Preview (Miroir Preview)

Merci de me faire remonter l’information en cas de détection de bug ou bien de traduction incorrecte.

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

48 Responses »

  1. Bonjour,

    Tout d’abord, mes felicitations pour ce travail formidable, je tiens aussi à dire que c’est mon premier site avec Wordpress

    J’ai trouvé ce thème tout bonnement magnifique, je l’ai donc installé, et la a ma grande surprise, cela ne correspond pas tout a fait a l’original.

    Voici les quelques opérations que j’ai effectué (d’après le site Master Plan):
    . J’ai installé les 3 plugins
    . J’ai modifié les 3 fichiers (home.php, archives.php and sidebar.php)
    . J’ai crée les 2 catégories Asides et Featured.

    Apres ses 3 opérations, je n’ai vu aucun changement. Il est certain que l’on ne maîtrise pas ce genre d’outils en deux jours, mais bon, j’espère tout de même a comprendre ce thème et a l’exploiter au mieux.

    A l’heure actuelle, je suis vraiment perdu, d’ou ma présence ici.

    D’avance merci pour voter aide.

  2. Hello Zorthos,

    Ce qui est important, c’est que les identifiants s’appellent “featured” et “asides”. Vérifie bien dans la gestion de tes catégories que le identifiants ont bien ces noms. Si c’est le cas, essaye de virer les majuscules, je viens de vérifier chez moi et je n’ai pas mis de majuscule à ces ID.

    Tu peux donner à ces catégories le nom que tu souhaites (moi j’ai par exemple j’ai appelée Notes la catégorie asides et pourtant l’ID de la cat est bien asides).

    Tiens moi au courant surtout.

  3. Merci pour cette réponse très rapide, j’ai donc résolu ce problème il y a 1 heure, d’après ta traduction “featured” correspond à “En vedette” et “Asides” correspondrai a “A noter”. Comme tu peux le deviner, j’y vais étapes par étapes pour arriver a un résultat propre et soigné.

    Il me reste encore un gros chantier a faire, attribuer les liens aux petite icones tout en haut :

    * Accueil
    * Info
    * Archives
    * Souscrire
    * Contact

    Et la je n’ai aucune idée de la façon de procéder, pour le reste, j’aurai a modifier les bannières et inclure la pub, mais chaque choses en son temps.

    Merci d’avance

  4. Pour le menu en entête c’est très simple, il te suffit de créer des pages puis d’indiquer les url de ces page directement dans le fichier header.php aux alentours des lignes 65 et suivantes…. Dans les < a href="#.... tu remplaces le # par lesdits liens et hop le tour est joué.

    Pour la page des archives je crois qu'il suffit de créer une page vierge et d'indiquer dans le menu déroulant "Modèle de page" (lors de la création de la page) : Archives.

    Pour la page contact je te conseille fortement l'utilisation du plugin Cform II (dont je parle ici) il est excellent!

  5. […] The Morning After ( 226 téléchargements) - Voir sa fiche […]

  6. […] Pour les templates, selon moi, il faut aller sur le blog niss.fr qui en contient une collection bien chiadés. Ces templates ne sont pas forcément les meilleurs artistiquement parlant, mais ils ont le mérite d’être très fonctionnels et plutôt qualis dans leur ensemble. Le template que j’utilise se situe ici. […]

  7. […] D’autres thèmes, traduits en français et disponibles sur le site de Niss, feront aussi, dans le futur, l’objet de tutoriaux vidéos, si l’expérience Mimbo est concluante! Ce premier tutorial est loin d’être parfait, mais vos retours contribueront à améliorer les prochains (le prochain sera certainement “the morning after) […]

  8. Bonjour,
    j’utilise ce thème et j’en suis très content seulement j’aimerai désormais changer le fond d’écran et mettre ainsi une image.
    Seulement, changer le fond d’écran avec ce thème n’est pas forcément aisé.
    Pouvez me dire comment faire.

    Je suppose que c’est ici qu’il fat faire les changements :

    body { background: #ebeff2 url(images/bg/body_main.png) repeat-y top center; font-family: Helvetica, Arial;}
  9. Bonjour David,

    Absolument, c’est bien ici que tu peux mettre une image de fond. Par exemple tu peux utiliser ce genre de code :

    background: #CodeCouleurDeTonChoix url(url de ton image) repeat scroll 0%;
  10. oui mais en faisant ainsi, l’image de fond ne vas pas être “sur les côtés” mais en plein milieu, là où j’ai mes articles, …

    En gros, l’image sera sur la partie blanche au lieu d’être sur la partie bleue (de couleur #ebeff2)
    Tu comprends ? Et je n’arrive pas à configurer cette css pour arrvier à mes fins.

  11. Oui David, c’est ainsi qu’est fait ce thème.. L’image de fond s’appliquera à toute la page. Maintenant si tu ne veux pas l’appliquer par exemple au corps de la page, il te suffit d’ajouter la propriété suivante à la classe #home_content { :

    background:#FFFFFF none repeat scroll 0%;
  12. En faisant comme tu me le conseilles, je n’obtiens pas un résultat optimisé. En effet, il n’y a aucune marge et le header a pour fond l’image que je voulais en background à la place de la couleur #ebeff2 (uniquement sur les côtés).
    Une image parle mieux que des mots parfois, alors voilà les résultat que j’obtiens et qui tu comprendras ne me satisfait pas.
    Peut être peux -tu encore m’aider… ;)
    capture d’écran : http://www.numb3rs.fr/divers/capture.jpg

  13. David, malheureusement je ne connais vraiment pas super bien ce thème… En plus je n’ai jamais compris la façon dont été géré le css avec TMA, un fichier style.css et un fichier compressed.css… Je vois pas bien à quoi ça sert.. Mais d’après ce que j’ai compris, tu n’as pas vraiment le choix et c’est à toi de detecter les différents blocs et d’y ajouter le backgroud que tu souhaites. Exactement comme on a fait pour la classe #home_content, tu peux également faire cela pour la classe #header.

  14. D’accord, je vais m’attaquer à cette tache.
    En tout cas, merci pour tes conseils et chapeau pour ton blog que je trouve très intéressant (voire trop). Il propose vraiment beaucoup de choses intéressantes sur wordpress et donne envie de changer de thème tous les jours… lol ;)

  15. Bonjour,

    Je viens d’installer wordpress avec ce thème. Je le trouve vraiment sympa. Par contre j’ai deux questions :

    L’image insérée dans mon premier article ne s’affiche pas sur la page d’accueil. Elle n’est visible que sur la page de l’article. Et je ne vois pas comment régler ce pb. Une idée ?

    Comment faire en sorte d’afficher 5 billets sur la page d’accueil en faisant en sorte que les articles récents ne démarrent qu’à partir du 6ème ?

  16. Pour ton image, il te suffit d’insérer également cette image à l’intérieur de ton article :)
    Pour la deuxième partie de ta question, je ne sais pas (en tout cas pour l’affichage d’article à partir du 6eme). Pour les 5 billets par page modifie la valeur de showpost=1 dans le fichier home.php. Et il faut aussi que tu supprime la ligne

    <h3 class="mast">Dernier Article</h3>

    Ou que tu la déplaces…

  17. J’utilise également ce thème, et il faut que tu utilise les champs personnalisés et en particulier l’attribut latest__home_img et dans la valeur tu indiques le nom de ton image + extension.
    Attention, il faut que cette image soit uploadée dans le répertoire wp-content/themes/tma/images/latest/

    Pour démarrer tes derniers commentaires à aprtir du 6ème il faut faire ainsi :
    édite le fichier home.php
    juste après Dernier Article
    remplace la requête sql par :

    <?php $the_query = new WP_Query('cat=-' .$catid. ',-' .$catid2. '&showposts=5&orderby=post_date&order=desc'); ?>

    Ensuite, dans les articles récents, pour démarrer à partir du 6ème billet, remplace la requête sql qui se trouve juste après Articles récents par :

    $the_query = new WP_Query('cat=-' .$catid. ',-' .$catid2. '&showposts=10&offset=5&orderby=post_date&order=desc');

    Ceci t’affichera 10 billets récents à partir du 5ème normalement.

  18. Merci ! J’ai trouvé la solution pour intégrer l’image en une sur la page d’accueil. J’ai également modifié le home.php en remplaçant le showpost=1 par showpost=5.

    Pour l’affichage sur la page d’accueil des articles récents à partir du 6e il faut que je fasse l’essai. Je ne suis pas certain d’avoir tout compris. En particulier je vois mal ce que je dois supprimer.

    Je vais aller faire un tour sur le forum.

    Encore bravo pour le thème !

  19. Hello ! Bon j’ai un souci. J’ai entièrement customizé ce thème MAIS je n’arrive pas à changer l’aspect du corps de mes articles . Je voudrais simplement changer la police des mes articles, la taille, et surtout faire en sorte que le texte se s’étende pas sur toute la largeur de la page. J’ai beau tripoter #post_content, rien n’y fait….

    au secours

  20. Aliwell, ça ne t’ennuie pas de poster a question sur le forum? ça pourra servir à d’autre et il y a là bas un topic reservé à TMA… Donne nous aussi un lien vers ton site de façon à ce qu’on aille regarder directement là bas.

  21. Il faut travailler directement dans la feuille de style.

    Tout d’abord, définir une police et une taille de police pour l’ensemble de ton site (ds l’ex suivant, tout ton blog sera en Arial, taille 12px :

    body { background: #2C2C2C; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}¤ 
    
    Ensuite, si tu veux modifier uniquement la police de tes articles et la largeur de ceux-ci, il faut aller toujours dans ta feuille de style et faire ainsi :
    
    ¤#post_content p { font-family: Arial,Helvetica,sans-serif; font-size: 12px; width: 500px;}

    En mettant un code comme celui-ci, ça devrait marcher. Enfin je pense.

  22. merci David, mais j’ai déjà essayé comme celà et ça ne marche pas…c’est pour celà que je suis là. Niss, j’ai posté sur le forum comme tu m’as dit :-)
    quand je lui indique une largeur, il me fout le binz’, c’est carrément tout le background qui bouge.
    Quant à la police, j’ai beau l’indiquer dans post content p; ça ne change pas. Ca me rend chèvre…

  23. J’avais déjà tenté de modifier la typo, en vain… ;)

  24. j’ai réussi :-)) la réponse de niss sur le forum m’a bien aidée ! Vas y voir Franck ;-)

  25. Je ne trouve pas (-

  26. Franck, modifie les propriété font-family, font-size, etc, dans le fichier compressed.css (dans le sous répertoire “lib” du thème).

  27. Je vais essayer ça, merci ;) Je cherche en effet à ne modifier la typo que des titres, en particulier ceux de la première colonne à gauche… =+

  28. Bonjour je suis en tain de créer mon site pour lequel j’ai crée un dossier intégrant mes feuille de styles css et des pages , comme index.php, abstracts.php diagrams.php qui sont visibles depuis l’index

    mon menu en php ressemble à ceci est appelé dans index php par ceci :

    <?php
    $menuindex = <<<MENUINDEX

    home
    biography
    randomizer
    workingprogress
    play
    videos
    pictures
    sounds
    exhibition
    software
    abstracts
    diagrams
    machines
    artists
    bibliography
    webography
    discography
    citations
    lexique
    forum
    upload
    thanks
    links

    MENUINDEX;

    $lines = split(”\n”, $menuindex);
    foreach ($lines as $line) {
    $current = false;
    preg_match(’/href=”([^”]+)”/’, $line, $url);
    if (substr($_SERVER[”REQUEST_URI”], 0, 5) == substr($url[1], 0, 5)) {
    $line = str_replace(’<a h’, ‘
    Mon problème étant d’intégrer le css au php , on en gros j’ai quatre feuille styles différentes a chaque page et une commune à toute, par exemple pour index.php quatre feuilles de styles sont intégrées et ça marche seulement puis je définir dès l’index.php les autres styles d’autres pages comme randomizer.php ou d’autres, je pose cette question car côté administration wordpress déclare style is missing !

  29. Bonjour je suis en tain de créer mon site pour lequel j’ai crée un dossier intégrant mes feuille de styles css et des pages , comme index.php, abstracts.php diagrams.php qui sont visibles depuis l’index

    mon menu en php ressemble à ceci est appelé dans index php par ceci :<?php include $menu."menu.php";
    ?>

    <?php
    $menuindex = <<<MENUINDEX
    <ul id="menu_oupocreanum">
    <li><a title="home" id="menu_home_on" href="/wp-content/themes/oupocreanum/index.php"><span class="off">home</span></a></li>
    <li><a title="biography" id="menu_biography" href="/wp-content/themes/oupocreanum/biography.php"><span class="off">biography</span></a></li>
    <li><a title="randomizer" id="menu_random" href="/wp-content/themes/oupocreanum/randomizer.php"><span class="off">randomizer</span></a></li>
    <li><a title="workingprogress" id="menu_workingprogress" href="/wp-content/themes/oupocreanum/workingprogress.php"><span class="off">workingprogress</span></a></li>
    <li><a title="play" id="menu_play" href="/wp-content/themes/oupocreanum/play.php"><span class="off">play</span></a></li>
    <li><a title="videos" id="menu_videos" href="/wp-content/themes/oupocreanum/videos.php"><span class="off">videos</span></a></li>
    <li><a title="pictures" id="menu_pictures" href="/wp-content/themes/oupocreanum/pictures.php"><span class="off">pictures</span></a></li>
    <li><a title="sounds" id="menu_sounds" href="/wp-content/themes/oupocreanum/sounds.php"><span class="off">sounds</span></a></li>
    <li><a title="exhibition" id="menu_exhibition" href="/wp-content/themes/oupocreanum/exhibition.php"><span class="off">exhibition</span></a></li>
    <li><a title="software" id="menu_software" href="/wp-content/themes/oupocreanum/software.php"><span class="off">software</span></a></li>
    <li><a title="abstracts" id="menu_abstracts" href="/wp-content/themes/oupocreanum/abstracts.php"><span class="off">abstracts</span></a></li>
    <li><a title="diagrams" id="menu_diagrams" href="/wp-content/themes/oupocreanum/diagrams.php"><span class="off">diagrams</span></a></li>
    <li><a title="machines" id="menu_machines" href="/wp-content/themes/oupocreanum/machines.php"><span class="off">machines</span></a></li>
    <li><a title="artists" id="menu_artists" href= "/wp-content/themes/oupocreanum/artists.php"><span class="off">artists</span></a></li>
    <li><a title="bibliography" id="menu_bibliography" href= "/wp-content/themes/oupocreanum/bibliography.php"><span class="off">bibliography</span></a></li>
    <li><a title="webography" id="menu_webography"" href= "/wp-content/themes/oupocreanum/webography.php"><span class="off">webography</span></a></li>
    <li><a title="discography" id="menu_discography" href="/wp-content/themes/oupocreanum/discography.php"><span class="off">discography</span></a></li>
    <li><a title="citations" id="menu_citations" href= "/wp-content/themes/oupocreanum/citations.php"><span class="off">citations</span></a></li>
    <li><a title="lexicon on interactivity" id="menu_lexique" href= "/wp-content/themes/oupocreanum/lexique.php"><span class="off">lexique</span></a></li>
    <li><a title="forum" id="menu_forum" href= "/wp-content/themes/oupocreanum/forum.php"><span class="off">forum</span></a></li>
    <li><a title="upload" id="menu_upload" href= "/wp-content/themes/oupocreanum/upload.php"><span class="off">upload</span></a></li>
    <li><a title="thanks" id="menu_thanks" href= "/wp-content/themes/oupocreanum/thanks.php"><span class="off">thanks</span></a></li>
    <li><a title="links" id="menu_links" href= "/wp-content/themes/oupocreanum/links.php"><span class="off">links</span></a></li>
    </ul>
    MENUINDEX;

    $lines = split("\n", $menuindex);
    foreach ($lines as $line) {
    $current = false;
    preg_match('/href="([^"]+)"/', $line, $url);
    if (substr($_SERVER["REQUEST_URI"], 0, 5) == substr($url[1], 0, 5)) {
    $line = str_replace('<a h', '<a id="current" h', $line);
    }
    echo $line."\n";
    }
    ?>

    Mon problème étant d’intégrer le css au php , on en gros j’ai quatre feuille styles différentes a chaque page et une commune à toute, par exemple pour index.php quatre feuilles de styles sont intégrées et ça marche seulement puis je définir dès l’index.php les autres styles d’autres pages comme randomizer.php ou d’autres, je pose cette question car côté administration wordpress déclare style is missing !

  30. Rien compris! (-

  31. […] Ce qui tombe bien puisqu’il existe pas mal de ces thèmes dispos sur Wordpress. Mimbo, The Morning After (TMA) ou WP_premium sont il est vrai assez séduisants (en apparence) ..mais affreusement complexes à […]

  32. Salut niss,
    Encore du très bon boulot sur ce thème. Merci pour la traduction.
    Voici un nouvel exemple d’adaptation du thème The Morning after…

    http://www.lislesurtarn.info/

    @+

  33. Salut,

    Je rencontre un petit problème et je comprends pas d’où ce que ça vient avec ce thème, je l’ai testé y a une très longue date et ça marchait super bien, enfin j’ai re-installé un wp 2.5.1 et ce thème mais là pour le dernier article, j’ai le plus ancien qui reste sur l’accueil, pour les derniers articles, ils sont ordonné inversement, c’est à dire le plus ancien en haut…
    Quelqu’un a déjà eu affaire à ce problème ?

    Merci d’avance :)

  34. Bonjour
    Est-il possible d’intégrer le menu (http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-de-categories-style-magazine-150) en haut à gauche dans le thème The Morning After et si oui de quelle façon, merci

  35. Bonjour Niss,

    Merci pour ton excellant travail sur la traduction de ce thème que j’utilise sur 2 de mes sites.
    D’ailleurs, notamment pour l’un d’entre eux, j’ai un petit soucis de “programmation” va t-on dire.

    En effet, j’ai installé 2 plungins (WP-PostRatings et WP-PostViews).
    Ces derniers sont fonctionnels. Mais j’aimerai faire apparaître dans la colonne de droite 2 zone “Articles les plus vus” et “Articles les mieux notés”, un peu à la manière de ce qui existe déjà avec les “Articles les plus emailés” et “Articles commentés”.

    Peux-tu me dire quel code ajouter pour avoir ces 2 informations supplémentaires dans la colonne de droite ?
    Le site en question est http://www.emarketing-magazine.fr

    A bientôt,
    Marco pour Emarketing Magazine

  36. Bonjour,

    Ce site est vraiment super. Je suis tombée dessus par hasard alors que je cherchais des thèmes “francisés”.

    J’ai réussi à faire le plus gros - reste encore pas mal de choses à peaufiner.

    J’ai un petit “soucis”. Je ne comprends pas pourquoi les onglets en plus de recherche en haut à droite ne s’affichent pas :(
    J’ai personnalisé header.php mais ni la version par défaut et ni la version personnalisée ne fonctionne.
    A l’installation du thème c’était donc déjà ainsi, pas d’affichage oo

    Pourriez vous me guider s’il vous plait?

    Merci d’avance.

    http://www.roumanie.annesene.com

  37. Bonjour,

    la version 1.4 est elle traduite en francais ?
    Peut-on l’implémenter facilement par dessus la 1.3 sans tout casser ? car J’aimerais utiliser l’évolution ci-dessous :
    Associating images/thumbnails with recent posts (with automatic thumbnail generation)

    Merci

  38. mais avec un très grand soucis du détail alors nike tn femme pourquoi ne pas les utiliser pour refléter notre propre image

  39. un peu à la manière de ce qui existe déjà avec les “Articles les chaussures nike plus emailés” et “Articles commentés”

  40. Vérifie bien dans la gestion de tes catégories que le identifiants ont bien ces noms. http://www.lesgraphistesdulibournais.fr Si c’est le cas, essaye de virer les majuscules, je viens de vérifier chez moi et je n’ai pas mis de majuscule à ces ID.

  41. En bas de page principale apparaîtront les “notes”, que l’auteur appelle “Asides” et qui sont destinées à avoir plutôt un caractère informatif et pas trop long, http://www.gaypodcast.fr/tn-pas-chere-livraison-gratuite-chaussure-nike-tn-requin-pas-cher.html mais ça, ce sera à l’appréciation de chacun.

  42. Pour l’affichage sur la page d’accueil des articles récents à partir du http://www.dadicar.fr/Nike-Tn-Requin-Pas-Cher-s1959.html 6e il faut que je fasse l’essai. Je ne suis pas certain d’avoir tout compris. En particulier je vois mal ce que je dois supprimer.

  43. Move past the worry state by following the recommendations. http://www.lagarenne-dulac.fr/timberland-pas-cher-soldes-timberland-rouge.html There are ways to help move past this unfortunate state of mind.

  44. It wounds us again and again by biting at http://www.lavilledesamoureux.fr/jordanpascher/nike-air-max-pas-cher-chine/ our spirit until it is dimmed. We worry, the worry comes true, and we were justified.

  45. For this reason, many nail http://www.lebiphase.fr fungus treatments are quite toxic.

  46. I don’t really buy into that. People are too smart to http://www.comup-design.fr fall for that ploy anymore.

  47. A few of these measures need minimal http://www.lafeecarobosse.fr/nike-blazer-femme-pas-cher-nike-blazer-homme-pas-cher-nike-blazer-foot-locker.html
    exertion and will maintain the existence of your tile flooring considerably. You’ll not be aware of how much a small work can go quite a ways.

  48. That is why are suitable both for http://www.acheterart.fr work and leisure, because they are both practical and flexible.

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