Le média des professionnels du digital
Le média des professionnels du digital

Quelques astuces DotClear 2 pour débutants

Flavien Chantrel, le 17 décembre 2007

Si vous êtes débutant dans l’univers du blogging, cela peut parfois être frustrant de voir ce que d’autres membres de la plate-forme arrivent à faire… Pourtant, la plupart des manipulations sont très simples à réaliser. Je reçois quotidiennement des mails de personnes qui cherchent à en savoir plus à ce sujet, ce ne sont sans doute pas les seules ! Je vous propose donc de retrouver ici quelques astuces qui permettront aux moins aguerris d’entre vous de mettre en forme leur blog de manière efficace sous DotClear 2 en quelques minutes seulement.

  • Insérer un code dans un billet

Les générateurs et autres outils en ligne sont de plus en plus nombreux. Je vous en présente très régulièrement sur ce blog. Ils permettent, par exemple, de placer une vidéo, un slide photo, une animation, une photo retouchée… Les sites vous les fournissant indiquent généralement le fait qu’ils permettent d »insérer l’outil final sur un blog (lecteur exportable, embed, code à placer sur votre blog…). Pour les insérer dans un billet, vous devez l’entourer obligatoirement de ///html et de /// en effectuant un retour ligne entre chaque. Cela ressemblera donc à çà (sans les guillemets) :

« ///html »
Votre code
« /// »

Vous trouverez d’autres astuces dans la suite du billet.

  • Insérer un code dans votre barre de navigation

Le principe est ici le même que pour insérer un code dans un billet à une exception près. Chaque outil utilisable dans un billet l’est également dans votre sidebar (barre de navigation). Attention toutefois à la largeur des widgets et images intégrées. Si elles sont trop larges, elles feront sauter votre sidebar sur certains navigateurs (Internet Explorer notamment) et nuiront au design de votre blog. A la différence d’un code inséré dans un billet, vous n’avez pas besoin dans ce cas de placer /// et ///html.

  • Insérer une photo dans votre sidebar

Pour placer une photo ou une image dans votre sidebar, vous devez placer un code html simple. Il se présente sous cette forme :

<img src= »URL de votre image »>

Si vous avez importé une image dans votre gestionnaire de média, vous pouvez facilement récupérer son lien en cliquant sur son nom.

  • Insérer une photo comportant un lien dans votre sidebar

Le code HTML de vra être dans ce cas un peu plus complet :

<a href= »lien de destination »><img src= »URL de votre image »></a>

  • Insérer des liens sur votre sidebar

Pour placer un lien, le plus simple reste de passer par la rubrique lien de votre administration. Elle se trouve sur votre tableau de bord. Cliquez sur « Ajouter un lien », puis renseignez l’URL et la description du lien. Recommencez l’opération pour chaque lien que vous souhaitez ajouter.

  • Insérer un lien vers votre mail dans votre sidebar

Vous pouvez placer un lien vers votre email dans la rubrique lien. Pour cela, l’URL du lien sera mailto:votre@dressemail.com.

  • Insérer une photo dans un billet

Pour avoir plus d’explications à ce sujet, je vous invite à consulter le billet Insérer une photo

  • Insérer un lien dans un billet

Sélectionnez le texte sur lequel vous souhaitez placer un lien. Cliquez ensuite sur placerunlien puis entrez l’URL de votre choix.

  • Insérer une photo comportant un lien dans un billet

Pour cela, placez d’abord votre image. Ensuite, sélectionnez le code entier, puis exécutez l’opération vous permettant d’ajouter un lien.

  • Aménager sa sidebar

Vous pouvez facilement choisir les éléments qui composent votre barre de navigation, les personnaliser et changer leur ordre d’apparition. Le billet Premiers pas sur votre blog : paramétrages vous y aidera.

J’espère que ces quelques astuces vous seront utiles. Si vous souhaitez faire une action que je n’ai pas décrit ici, n’hésitez pas à me laisser un commentaire pour que je complète cette liste.

Recevez nos meilleurs articles
Commentaires
  1. Frédérique dit :

    Très utile !
    De mon côté je cherche le moyen de faire des liens en _blank (ouverture du lien dans une autre fenêtre du navigateur), sans mettre les mimines dans le code à chaque fois que j’en ai besoin. Est-ce possible sur DotClear ?

  2. céline dit :

    Ah ! Un billet pour les moins aguerris… ça, c’est pour moi !
    MERCI pour toutes ces précieuses infos.

    Je cherche toujours à cacher l’adresse des liens qui apparaît (je ne sais pourquoi) dans mes billets… depuis que j’ai bidouillé la CSS de mon blog…
    Si quelqu’un a une idée… et qu’il veut bien la partager…

  3. pascale dit :

    Génial; j’ai déjà mis 2 trucs en pratique; ya encore du boulot, mais c’est GENIAL!!!!

  4. claire dit :

    aucun de mes liens ne fonctionne , pourtant au début il n’y avait que celui vers les mesures de l’ANPE, et là c’est tous.
    j’ai mis en exemple les 2 « codes » que j’avais mis

    ///html
    <a href= »lien » target= »_blank »>http://www.xtrem7.com/fr/test-de-personnalite-en-ligne-tests-de-recrutement-en-ligne-gratuit.html</a&gt;
    ///

    ///html
    <a href= »adresse%20de%20votre%20lien »>http://tecfa.unige.ch/tecfa/teaching/UVLibre/0001/bin27/c31.htm#t02</a&gt;
    ///

    MERCI, car là je ne vois pas

  5. Modérateur dit :

    Pas besoin de mettre de code html pour placer un lien dans un de tes billets 😉

    Fais juste cela :

    Sélectionne le texte sur lequel tu souhaites placer un lien. Cliques ensuite sur l’image avec la main (dans la barre de mise en forme) et entre l’URL de ton choix.

    Dis moi si çà a marché !

  6. claire dit :

    En effet, ça marche. J’ai quand même lu 2-3 fois avAnt de le faire
    😉

    je fais faire les autres

    MERCI

  7. Marie-laure dit :

    Bonjour!merci beaucoup pour tous tes conseils, astuces et techniques! j’ai grace à toi pu inserer ma premiere video sous dc2! j’ai egalement linké ma eboutique ds ma colonne!

    MERCI beaucoup!!

    Passes de joyeuses fêtes!

  8. mohamed dit :

    bonjour,

    je n’arrive pas à faire apparaitre le texte que j’ai tapé dans « la description du blog » qui devrait apparaitre juste en dessous du nom du blog!
    pourriez vous m’aider!

    merci

  9. Modérateur dit :

    La description du blogn’apparait pas en dessous du titre du blog… Pour faire une description du blog, tu peux utiliser un widget texte (dans la rubrique widgets de présentation), et le glisser sur la barre de navigation. Il apparaitra alors à droite de ton blog 😉

  10. philippe dit :

    comment change t on un theme
    j’aimerais le changer mettre un theme perso
    comment faire ?

  11. Modérateur dit :

    Philippe => tu pourras trouver quelques conseils sur ce billet :
    http://www.blogdumoderateur.com/modifier-sa-css-tutoriels-pour-debutants/
    C’est assez technique, n’hésites pas à demander des conseils aux membres de la plate-forme qui ont déjà réalisé cette opération.

  12. artchie dit :

    bien compliqué tout çà, c’est mon premier blog, je m’y perds

  13. odette dit :

    J’ essaie de personnaliser mon blog. J’ai eu un message qui me confirmé mon action, je veux visualiser mon « oeuvre » mais je n’y parvient pas.
    AIDEZ-MOI !!!!!!
    Je voudrais que mon blog soit sympa et non ringard…….

    A vous lire. Cordialement.

  14. Modérateur dit :

    @Odette : as-tu clique en haut à droite de la page, « voir le site » ? Ton blog a deux adresses : une our écrire les articles et personnaliser le blog, l’autre pour voir le résultat. Le lien avec /admin à la fin te sert à gérer le blog, le même sans /admin à la fin est l’adresse que tout le monde voit.

  15. Stéphanie dit :

    Bonjour !
    Je suis nouvelle sur cette platte-forme, et je suis en train de bidouiller à droite à gauche pour voir comment tout cela fonctionne !
    Je me demandais s’il est possible de modifier le fond blanc des billets ?
    Je suis allée dans « configuration blowup », j’ai modifié les couleurs dans « billet », mais je ne vois pas « couleur du fond du billet » !
    Il n’y a pas moyen d’y toucher ?

  16. Lunesoleil dit :

    Bonsoir ;
    J’aimerais activer le widget contact
    merci de votre aide

  17. Audrey dit :

    Bonjour,
    j’essaye déseperement d’inserer une video extrait de youtube sur mon blog mais rien n’a faire cela ne marche pas et pourtant j’ai bien mis le:
    ///html.
    mon code
    ///
    Si quelqu’un à une idée je suis preneuse !!

    Merci d’avance

  18. Modérateur dit :

    Il n’y a pas de point après le ///html

    Tu es sur un blog de la plateforme ? Si non, tu es sur quelle plateforme ? Cela vient peut être de là. Peux-tu laisser l’adresse de ton blog ? Merci 😉

  19. Audrey dit :

    Un génie est née merci beaucoup pour ce coup de pouce c’est fou comme un petit point peut semer la pagaille encore Merci
    ps: mon blog c’est : http://marketandcie.blog.rhonealpesjob.com/
    Merci merci

  20. Modérateur dit :

    Pas de soucis, n’hésites pas quand tu as des questions 😉

  21. Marylise dit :

    Au secours !
    Cela fait plus d’une heure que je tente de mettre des mots d’un couleur différente dans mon billet et je n’y arrive pas.
    C’est quoi le code 🙁 ??
    « ///html »
    <font color= »red »>Texte Rouge</font>
    « html »
    j’ai aussi essayé avec « span », ça marche pas non plus !!
    Please Help !

  22. Modérateur dit :

    Enlève les guillemets 😉

    Place le code sous cette forme et çà fonctionnera :

    ///html
    ton code
    ///

  23. Marylise dit :

    Ca marche ! C’est fantastique !!
    Merci ! Merci !

  24. flasquinpatrick dit :

    le monde devrai avoir qu’une seule langue!!!

  25. séverine dit :

    Bonjour,

    Je n’arrive pas à publier mon CV sur mon blog.Il est noté que je dois fournir un fichier XBEL ou OPML…???
    Merci de vote aide

  26. Françoise dit :

    Bonjour ,

    J’ai un problème avec l’insertion de la dernière vidéo sur mon blog . J’ai beau chercher le problème pour le résoudre mais je le trouve pas
    Le message précédent se trouve a l’extrême droite à la place de la photo de présentation qui se trouve complètement décalé sur une seconde page en bas inséré sur le profil . Lorsque j’ai supprimé ce dernier message le problème à disparu . pourtant je vois rien d’anormal
    ///html.
    mon code
    ///
    Bizarre !!!!
    Merci de votre aide !

  27. Françoise dit :

    Voilà j’ai réussi à corriger et surtout faire ce que je voulais au départ , je sais pas d’où ça pouvais venir , un bug !!!!!
    Bonne semaine à tous(tes)

  28. Françoise dit :

    bonjour Flavien
    Voilà j’ai diagnostique le problème que je rencontre une nouvelle fois
    Pourquoi cela se produit avec youtube et pas Dailymotion ??
    Merci de votre aide mon blog est encore une fois en difficulté !!!!!!!!!!

  29. Julibabi dit :

    Bonjour
    Difficile pour moi de trouver où introduire les éléments dans la structure du site.
    J’ai choisi le thème « Graylvetica ». Mais comment ajouter une image dans le « top » de mon site.
    J’ai réussi dans le « blogextra » via un code html dans le fichier home.html, dans le « <div>’ qui s’y trouve Mais je ne sais 0ù aller pour le « Top' » dont il n’y a pas de div dans cette page. Je ne sais pas ou coller mon code <img src … >

    Merci d’avance et merci aussi pour tout c q j’ai déjà trouvé sur votre site

  30. Modérateur dit :

    @Julibabi : je te conseille de laisser ta question sur le forum de Dotclear, tu devrais avoir une réponse rapidement !
    http://forum.dotclear.net/

  31. julibabi dit :

    Finalement j’ai trouvé où aller. Merci
    Ce que je ne comprends pas c’est pourquoi mes articles programmés pour 2009-12-14 00:01 par exemple , ne sont pas publiés automatiquement. Je dois chaque fois les débloquer manuellement.
    J’ai 2 blogs a l’essai un sur un hébergeur et l’autre chez Gandi et aucun des deux ne fonctionne en « programmé »
    je mets bien état du billet : programmé et publié le : 2009-12-14 11:07 (p. ex.)
    Merci d’avance de vote aide.

  32. Modérateur dit :

    Sur Dotclear 2 ? Bizarre, tout a toujours très bien fonctionné ici, je ne vois pas quel peut être le problème… Peut-être un conflit avec un autre plugin ?

  33. Julibabi dit :

    Ce serait du à mon ordinateur ? si coflit avec plugin? Car j’ai me même problème sur les 3 blog. Aussi chez Ouvaton. Tout fonctionne bien sauf le « programmé ». Il n’y a t il pas un mauvais réglage de ma part dans les paramètres ou les préférences ? Je ne vois pas quoi puisque le réglage à l’article prime sur le réglage des préférences. Bien à vous

  34. Modérateur dit :

    @Julibabi : non pas sur ton ordinateur, mais dans le dotclear que tu as installé. Il n’y pas de réglage à faire il me semble, c’est sensé fonctionner tout seul… Là encore, tu trouveras des gens plus compétents que moi sur le forum de Dotclear. Désolé, je ne peux pas faire grande chose…

  35. Oror dit :

    Bonjour, je sais que cet article n’est pas récent, mais je pose ma question à tout hasard : Savez vous comment je peux personnaliser simplement ma sidebar en remplaçant les mots « archives » « liens » etc par des images ?

    Merci d’avance

  36. Modérateur dit :

    @Oror : c’est assez simple. Enlève le widget Liens de navigation et remplace les par des liens de ce type :

    <a href= »lien de destination »><img src= »URL de votre image »></a>

    Pour l’URL de l’image, mets la dans ton gestionnaire de médias puis clique sur son nom, tu auras accès à son URL. Pour le lien de destination, c’est le lien vers lequel tu veux rediriger. Dis moi si tu as un souci !

  37. Oror dit :

    Merci beaucoup ! je vais essayer ça demain.

  38. Je cherche toujours à cacher l’adresse des liens qui apparaît (je ne sais pourquoi) dans mes billets… depuis que j’ai bidouillé la CSS de mon blog…
    Si quelqu’un a une idée… et qu’il veut bien la partager…

  39. ray ban dit :

    je n’ai tujours pas compris comment utiliser dotclear mais bon je persevere lol!

  40. Sardaigne dit :

    Bonjour, enfin plutot HELP!!!!
    Est-ce que vous sauriez me dire quelle est la taille maximale(largeur) de widgets supportée par Explorer..J’ai voulu customisé ma sidebar , mais elle « explose » et le résultat est très moche, tout décalé En plus, j’arrive pas à revenir à l’ancien modèle, mais çA c’est peut-etre un bug.

    Merci!!

  41. Modérateur dit :

    @Sardaigne : regarde la largeur de ta sidebar, il ne faut pas que le widget soit plus large, tout simplement.

  42. Sardaigne dit :

    Ah ok! C’est tellement évident que j’en ai presque honte!
    Je pensais que cela dépendais du poids de l’image en fait..merci de ta réponse rapide alors!
    😉

  43. viager libre dit :

    Je me demande bien s’il est existe sur dotclear un plugin qui permet de gérer des rendez-vous?

  44. bidule dit :

    Bonjour,
    je cherche la méthode pour insérer le code de vocaroo ( site d’enregistrement en ligne) dans un commentaire tel que celui ci. Ceci dans le but de générer un lecteur embarqué dans le commentaire comme sur

    la technique
    ///html
    code
    /// ne fonctionne pas…..

    Merci d’avance

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *