Police: A+  A-  A

The Unstandard modifié : Onglets intégrés/Sidebar retractable

Par niss • 25 mar, 2008 • Catégorie: Thèmes WordPress en français

Une fois n’est pas coutume, j’ai décidé de vous proposer une version un peu modifiée d’un thème qui m’a énormément plu : The Unstandard.

The undstandard (niss)

J’ai donc intégré les fameux onglets affichant les derniers articles que vous avez écrit par catégorie, dans la sidebar. La configuration des onglets se fait via le panneau d’administration du thème, où il vous suffira de saisir les nom des catégories que vous souhaitez afficher dans les onglets. Attention à ne pas trop en mettre puisque j’ai volontairement mis ces onglets dans la sidebar.

Vous pouvez tout à fait déplacer ces onglets et les intégrer directement à la zone de contenu sur la page d’accueil. Pour se faire, déplacez ce morceau de code du fichier sidebar.php et collez le où bon vous semble dans le fichier home.php :

  1. < h3>Derniers Articles Par Catégorie< /h3 >
  2. < div id="onglets" >
  3. < ?php include(TEMPLATEPATH . ‘/tabs-categories.php’); ? >
  4. < /div >

Il vous sera également nécessaire de retoucher un peu votre fichier style.css, de manière à adapter la taille de vos onglets à la page.

Je vous invite à vous rendre sur la fiche du thème original et non modifié, pour tout ce qui est configuration du thème ne concernant pas les onglets.

The Unstandard (niss) : Onglets intégrés et Widget Ready
Téléchargé : 1566 Fois - Preview (Miroir Preview)

Puis voici un petit bonus, suite à un test que je me suis amusé à faire avec un script permettant de retracter la sidebar, j’ai trouvé que ça rendait pas mal sur ce thème. Donc en voici le lien de téléchargement pour ceux qui seraient intéressés :

The undstandard (niss)

The Unstandard : Onglets intégrés et Sidebar retractable
Téléchargé : 4602 Fois - Preview (Miroir Preview)

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

40 Responses »

  1. Il semblerait qu’il plante sous IE7 (sidebar en dessous des articles).

  2. Corrigé ;) ça doit le faire maintenant!!

  3. Très bonne initiative, comme d’habitude :xa:

  4. Merci m’sieur =+

  5. Super theme… :xa: Est ce que tu peux nous expliquer rapidement comment intégrer l’onglet ds l’admin de WP pour intégrer les images sur la partie grisée des billets de la page d’accueil ? ;(

  6. Salut Sandra, je ne comprends pas bien ta demande ))

  7. Oups, excuse Niss … =+ :(: Mon problème c’est que : les billets sont présentés dans des cadres grisés sur la HP. Je souhaite intégrer des images a la place de la partie grisée comme sur ce lien http://5thirtyone.com/

    J’ai fouillé un peu, et j’ai trouvé qu’il fallait utiliser “WordPress custom fields” pour disposer ces images. C’est expliqué en bas de la page de ce lien : http://5thirtyone.com/archives/886

    Mais après je n’y comprend plus rien. Ils disent qu’on doit avoir une partie dans notre admin qui nous permet d’intégrer les fameuses images a la place de la partie grisée (593px x 225px et 293px x 150px)… Bref, je suis perdue… Je suppose que je dois pas être la seule… ;(

    Si tu peux m’aider :D Merci :xa: :p

    J’adore tes smileys ;) =+

  8. Oui, la partie en question c’est la partie “champs personnalisés” qui est accessible lorsque tu crée ou que tu modifies un article. Dans cette zone tu devras remplir 2 zones :

    - La clé : elle prendra pour valeur “lead_image” (pour la 1ere image, la plus grande) ou “secondary_image” (pour les autres images).
    - La valeur : c’est là que tu indiques l’url de ton image.

  9. Super, j’ai compris !!! Merci =+

  10. Avec plaisir! :)

    Au fait, pour les smileys, si tu le désires le pack est en téléchargement ici.

  11. Merci beaucoup pour cet excellent thème ! :D

    Un petit soucis par contre dans la version rétractable qui me plait terriblement, rien ne se passe lorsque je clique sur le lien pour rétracter la slidebar. Je dois peut être ajouter un outil supplémentaire ?

  12. Ben pourtant ça fonctionne bien… Peut être une incompatibilité avec un de tes plugins?

  13. Bonne réponse ;) J’avais effectivement un plugin qui me faisait planter le design. Par contre j’ai l’impression que cela ne fonctionne toujours pas sous IE7. Je me trompe ?

  14. Effectivement, j’avais pas testé sous IE et ça a l’air de bien planter :D
    M’énérve ce navigateur!!!! :grr:

  15. Et oui ! IE c’est le talon d’Achille du web … tout ça pour nous donner encore plus de boulot à nous développeur.
    Tu penses tout de même pouvoir trouvé un remède ?

  16. Faut que je regarde, mais là je ne te promets rien… J’avais fait cette custo pour m’amuser :D

  17. Eurêka ! J’ai trouvé la solution au problème :)

    Pour que cela fonctionne même sous IE, il suffit d’enlever position: absolute, qui se trouve dans la partie script.

    Merci niss en tout cas pour cette petite modification qui sera très certainement ajouté au design d’un nouveau blog intitulé Papy Craft ;)

  18. Super Max, bien vu ;)
    Je corrige dans le thème! Merci à toi pour le retour.

  19. bonjour à tous, je pense ajouter un header, pensez vous que cela est possible ?

  20. c’est très très joli :) merci!

  21. Salut,

    je voudrais savoir, comment on fait pour avoir les images en pleine largeur, comme avec ce blog:

    http://s39447.gridserver.com//new/

    j’ai moi même le unstandar, mais je ne peut que avoir une seule image d’un seul billet en pleine largeur ??
    Les autres billets mettent les images en petits ;( .

  22. Serait-il possible de créer à partir d’un plugin un système d’onglet qui permette d’avoir accès aux derniers articles, blog, comentaires….sans forcément appliquer votre thème. je viens de passer des heures à chercher, essayer quelques scipts, sans succès….please help !!

    Bon boulot de votre côté en tout cas
    Régis

  23. Ce template est excellent. Merci !

    Je ne suis pas développeur pour un sou et n’arrive pas à changer les images des vignettes par défaut.
    Pour ce qui est des nouveaux articles pas de soucis, j’ai suivi tes indications dans l’admin wp.

    pour ce qui est des autres articles dans les archives, je voudrais une autre image .. histoire d’avoir une recherche dans les archives nickel sans trop me prendre la tête.
    Je suis donc passer par mon ftp en changeant l’image img-holder-small.gif mais ça ne marche pas
    :idee: ?

  24. Autant pour moi, ce devait être un problème lié au cache de mon naviagteur :p

  25. Bonjour,
    Avant tout merci pour ce theme vraiment génail et pour votre blog en général, il y a vraiment des tres bonnes idées, ça inspire.
    Concernant le theme, peux t-on mettre une 2eme colonne. Soit en divisant celle de droite en 2, soit en en mettant 1 à gauche et en reduisant de moitié la largeur de la colonne de droite. Comme sur un template 3 colonnes classique. Par contre je souhaiterais ques les 2 colonnes accepte les widgets, pour mettre sur une : une nav en accordéon et sur l’autre un panier e-commerce (WP ECommerce).

    Merci d’avance

  26. […] : une autre version modifiée du thème est disponible sur le site de Niss.fr, mais elle n’est pas à jour, c’est pourquoi je me suis permis de publier cette […]

  27. Hola,

    c’est sympa de se coller le boulot pour les autres!

    Une petite question, puisque tu sembles très doué: y aurait-il la possibilité de faire tourner les images des catégories, chacune se retrouvant dans le lead toutes les 10 s. par exemple, avec petit fade in et out?

    Alors ce thème serait plus que parfait!

    Merci

  28. Vous pouvez tout à fait déplacer ces onglets et les nike blazer pas cher intégrer directement à la zone de contenu sur la page d’accueil

  29. I was asked to make a raspberry cake for next month for a chaussures tn wedding and I don’t like the idea of people having to pick seeds out of their teeth at a wedding

  30. Comme sur un template 3 colonnes classique et j’ai trouvé qu’il fallait utiliser “WordPress custom fields” pour Timberland femme disposer ces images. C’est expliqué en bas de la page de ce lien

  31. Serait-il possible de créer à partir d’un plugin un système d’onglet qui permette d’avoir accès aux derniers articles, Chaussures Femme, j’ai suivi tes indications dans l’admin wp.

  32. Be sure which of these cuts you will like the Aquamarine in then the chaussures nike stone should be very cheap and affordable

  33. Serait-il possible de créer à partir d’un plugin un système d’onglet qui permette d’avoir http://www.photographemariage-monaco-paris.fr accès aux derniers articles, blog, comentaires….

  34. Merci niss en tout cas pour cette petite http://www.gaypodcast.fr/tn-pas-chere-livraison-gratuite-chaussure-nike-tn-requin-pas-cher.html modification qui sera très certainement ajouté au design d’un nouveau blog intitulé Papy Craft

  35. Avant tout merci pour ce theme vraiment génail et http://www.dadicar.fr/Nike-Tn-Requin-Pas-Cher-s1959.html pour votre blog en général, il y a vraiment des tres bonnes idées, ça inspire.

  36. pour ce qui est des autres articles dans http://www.lagarenne-dulac.fr/timberland-pas-cher-soldes-timberland-rouge.html les archives, je voudrais une autre image .. histoire d’avoir une recherche dans les archives nickel sans trop me prendre la tête.

  37. Kim Upstone is the owner of A New Day http://www.lavilledesamoureux.fr/jordanpascher/nike-air-max-pas-cher-chine/ A New Vision which is not only the name of her company, but her life philosophy.

  38. But at some point you realize that they http://www.locatesea.fr will be away from you and then it is their choice to make.

  39. Ask grandad what shoes http://www.amicabe.fr he wore when he used to play basketball back in the day he’ll probably tell you he wore Cons, as almost anyone serious about the game did back then.

  40. When you’re working with a http://www.tnmarquespascher.net travel agent, even packing is considerably simpler as they can give you the ability to determine what you may need in your Caribbean vacation.

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