Pour voir le plan du site 
Formations>Astuces Tutoriels>Jimdo
|
Jimdo: Qu'est-ce que c'est ? |
|
|
|
Des polices très spéciales |
|
|
|
Astuce du module Livre d'or (Commentaire) |
Jimdo : Qu'est-ce que c'est ?
Jimdo est ce qu'on appelle un CMS (Content Management System) qu'on pourrait traduire littéralement par "système de gestion de contenu". C'est un système qui vous permet de créer et de gérer un site Internet.
Les principales caractéristiques remarquables de Jimdo sont :
- Jimdo est gratuit : il fournit les outils pour maintenir votre site, mais aussi son hébergement. Il vous faut juste un accès Internet.
- Jimdo est très simple d'utilisation : aucune connaissance préalable n'est nécessaire.
- Jimdo vous propose un grand nombre de designs (mises en pages), à l'heure actuelle 151 pour être précis.
- Avec quelques connaissances en HTML, CSS et/ou Javascript il est possible d'adapter certains composants standards fournis, voire de créer son propre design.
Comment commencer ?
C'est très simple, il faut aller sur ce site : fr.jimdo.com et faire 4 choses
- "Choisissez une adresse" : c'est ce qui déterminera l'adresse de votre site. Si vous tapez ici "monsite" et que c'est accepté (c'est à dire si ce site n'existe pas déjà) alors votre site sera http://www.monsite.jimdo.com ou simplement monsite.jimdo.com
- "Votre adresse Email" : c'est à cette adresse que Jimdo va envoyer la confirmation que votre site a été créé et le mot de passe qui vous sera indispensable pour gérer votre site.
- Lisez les "conditions d'utilisation" et la "charte de confidentialité" et cochez la case pour dire que vous les acceptez.
- Cliquez sur le bouton "Créer mon site !"
Si l'adresse que vous avez choisie n'est pas disponible repartez au point 1.
Comment continuer ?
Ca y est ! Vous avez VOTRE SITE INTERNET .
Bien sûr, ce n'est pas ce que vous vouliez montrer, mais vous allez pouvoir (avec le mot de passe que vous avez reçu par mail) modifier, supprimer, ajouter des éléments de ce site, changer son design, etc ...
Je vous conseillerais déjà de lire ce que vous y trouverez, car l'essentiel pour démarrer y est décrit.
N'hésitez pas non plus à consulter le forum Jimdo, son Aide, et de nombreux sites (comme celui-ci) qui vous aideront à faire évoluer votre propre site.
Des polices très spéciales
J'ai trouvé sur le forum Jimdo ce tutoriel permettant de compléter sa panoplie de polices de caractères utilisables pour un site Jimdo.
Ce tutoriel décrit le procédé pour le header (entête), mais est d'un usage plus général. La preuve :
C'est génial !!!
Astuce du module Livre d'or (Commentaire)
En standard, le module Livre d'or utilisé avec l'option Commentaire se présente comme l'image ci-contre : c'est à dire que les zones nécessaires pour que le visiteur entre son commentaire sont visibles (*). Or, avouons-le, le plus souvent on passe sur la page sans mettre de commentaire, et cette place inutile est un peu encombrante.
(*) En réalité, il y a en plus une entrée pour le site Internet, mais ici j'ai adopté la solution que je préconisais sur le forum Jimdo.
Observez maintenant le module commentaire qui suit cet article : vous ne voyez pas ces zones inutiles. Par contre vous voyez un lien " Cliquez ici pour ajouter votre commentaire " et c'est seulement en cliquant sur ce lien que vous pourrez ajouter un commentaire.
Pour obtenir ceci, il faut tout d'abord via 
et 
insérer ce code :
function cachemontre(id) {
x=document.getElementById(id) ;
if (x.style.display=="none") {x.style.display="block" ; } else {x.style.display="none" ;} }
</script>
<style type="text/css">
p.skiptoform {display:none;}
</style>
Il faut ensuite retrouver (image ci-contre avec Firebug) l'identifiant de l'élément de liste (balise li) correspondant à cette zone que l'on veut cacher. Chez moi ici, c'est commentForm5550370762. Il reste à faire suivre le module Livre d'or en question d'un module widget/HTML avec ceci :
//<![CDATA[
cachemontre('commentForm5550370762');
//]]>
</script> <a href="#commentForm9999999999" onclick="cachemontre('commentForm5550370762');"> Cliquez ici pour ajouter votre commentaire</a>
Version imprimable
Recommander ce site
écrire commentaire
Commentaires: 4
Gérard (samedi, 07 janvier 2012 23:34)
J'ai encore un doute sur la pérennité de cette astuce et vos commentaires seront les bienvenus pour la valider (ou non). Est-ce que l'identifiant trouvé ce jour est définitif ?
Alain (dimanche, 08 janvier 2012 14:20)
Me revoilà !
j'ai un petit doute sur l'affichage de l'avatar. Effectivement, celui-ci sera pris en compte si je suis en mode administrateur mais en mode déconnecté l'avatar n'apparaît pas. Je cherche à comprendre d'où peut venir ce problème !
Alain (dimanche, 08 janvier 2012 14:42)
Le problème vient de ce code :
<style type="text/css">
/*<![CDATA[*/
p.com-meta span {display:none;}
dl.zend_form > div:first-child label.optional,
dl.zend_form > div:first-child input.single {display:none;}
/*]]>*/
</style>
En le supprimant la fenêtre "Site internet" apparaît et dans ce cas pas de problème. Mais comment faire pour supprimer celle-ci et faire apparaître quand même l'avatar ?
Gérard (dimanche, 08 janvier 2012 15:14)
Il n'y a pas de problème d'avatar, en tous cas pas lié à ce code, c'est une règle Jimdo : Si on met un commentaire sur un site Jimdo et que l'on est connecté à ce moment là à Jimdo (sur le forum ou sur son propre site) alors Jimdo affiche notre avatar et notre pseudo (enregistrés via Paramètres, Utilisateur Photo du profil pour l'avatar Informations personnelles pour notre pseudo).
Pour le code, p.com-meta span c'est la date et l'heure, le reste c'est pour le site Internet : la mention Site Internet (label.optional) et la zone d'entrée (input.single). Il y a un autre code que j'ai mis et dont on ne parle pas, c'est : p.skiptoform {display: none;} qui cache la mention "écrire commentaire".
Voilà