Commencez avec TrotBlogger

Avec TrotBlogger, vous pouvez créer votre site de voyage gratuitement en quelques clicks seulement. On vous explique tout.

Pour créer votre site, vous devez commencer par créer un compte TrotBlogger.

Allez ensuite dans votre profil et cliquez sur créer un site. Vous y êtes, vous devez renseigner le nom de votre site, que vous pourrez modifier ultérieurement ainsi que le nom du sous domaine qui vous sera réservé. Ce sous domaine sera pour l'instant le point d'entrée vers votre site (l'url sera http://sousdomainechoisi.trotblogger.com/). Choisissez le bien en respectant les consignes indiquées. Vous pouvez également initialiser la langue de votre site ainsi que son fuseau horaire. Ces informations sont importantes mais peuvent être changées depuis votre console d'administration. Vous pouvez ensuite choisir les catégories associées à votre site. Cela permet aux autres utilisateurs de trouver votre site facilement. Votre site est prêt à être créé, cliquez sur 'Créer mon site'... et voilà, c'est fait.

Vous arrivez dans la page de profil de votre site. De là, vous pouvez accéder à la console d'administration de votre site, à votre site, modifier les catégories de votre site et choisir une offre TrotBlogger pour votre site.

Ca y'est ! Votre site est créé, vous pouvez dès maintenant y accéder et Oh ! Surprise, il y a déjà un article, des menus, un voyage, des photos, ...

Nous vous encourageons à aller dès maintenant dans votre console d'administration, parcourir les menus, découvrir les différentes possibilités.

Si vous souhaitez, modifiez quelques petites choses pour vous familiariser avec l'interface et observez leur effet sur votre site.

Si vous souhaitez commencer dès maintenant à rédiger vos article, à uploader vos photos, à créer vos cartes, vos menus, vos catégories, vous pouvez commencer par supprimer tout le contenu existant. Pour cela, allez dans vos Voyages et cliquez sur Supprimer devant le voyage existant, allez dans Menus et faites de même, et ainsi de suite dans Categories, Widgets et Posts. Une fois ceci fait, votre site est vierge et prêt à recevoir les palpitantes aventures que vous vivez.

Choisir une offre TrotBlogger, c'est tout d'abord avoir son propre nom de domaine ! Au dela du bonheur personnel que cela vous procurera, votre référencement s'en trouvera amélioré. Même si nous faisons tout notre possible pour que votre site de voyage soit référencé le mieux possible sur les moteurs de recherche, ceux ci préfèrent les sites avec un nom de domaine propre dans leur calculs.

Ensuite, choisir une offre vous permettra d'avoir plus d'espace de stockage pour vos photos, et les photos, dans le voyage, c'est important.

TrotBlogger propose actuellement deux offres, le compte Premium, économique, qui vous permettra de profiter de votre nom de domaine et d'un espace de stockage plus important. Et le compte Platinum, qui vous donnera accès à un espace de stockage illimité !

En plus de ces deux offres, et pour ceux ayant déjà souscrit une offre, existe l'offre Rentré à la maison, qui vous permet de mettre votre site en pause. Cette offre, très économique, vous permet de garder votre nom de domaine pour un prix très bas avec pour contrepartie de ne plus rien modifier sur le site (votre console d'administration sera toujours accessible, vous pourrez consulter vos statistiques et voir l'ensemble du paramétrage mais les modifications seront bloquées).

Vous pouvez choisir ou changer d'offre à tout moment en cliquant sur l'offre que vous souhaitez depuis le profil de votre site. Lorsque vous choisissez une offre, vous accédez à la page de paiement de cette offre. Sur cette page, vous pouvez choisir de sousrire l'offre pour une durée de un, deux ou trois ans. Vous payez un montant correspondant à un an minimum d'utilisation, et ce à chaque souscription, changement ou renouvellement d'offre.

Si vous souhaitez arrêter d'utiliser une offre, vous êtes tenus par nos conditions d'utilisation de nous en informer 4 semaines avant la date d'expiration de ladite offre, sans quoi, le paiement correspondant au renouvellement de l'offre pour une durée de un an sera du.

Tous les paiements sont effectués de façon sécurisée au travers de notre partenaire Stripe.

Pour choisir votre nom de domaine personnel, vous devez tout d'abord Souscrire une offre. Une fois ceci fait, allez dans le profil de votre site jusqu'à la liste des Domaines associés à votre site. Sous cette liste se trouve l'information suivante : Vous n'avez pas encore choisi de nom de domaine personnel !.

Pour choisir un nom de domaine, cliquez sur Choisir maintenant.

Vous arrivez sur une page permettant de tester la disponibilité du domaine. Saisissez le nom du domaine que vous souhaitez réserver avec son extension à choisir dans la liste fr, es, de, be, com, net, ovh, org, info, at, ch, eu, nl, co.uk, it. Cliquez sur Tester la disponibilité. Si votre domaine est disponible, TrotBlogger vous propose de le réserver. Pour cela, vous devez accepter les conditions générales d'utilisation en sélectionnant la case à cocher dédiée puis cliquer sur Réserver ce nom de domaine.

Attention ! Cette action est irréversible, une fois le nom de domaine choisi et réservé, vous ne pouvez plus en changer (au moins avant la date d'expiration de votre offre). En cas de problème avec la réservation de votre nom de domaine, si vous souhaitez tranférer un nom de domaine vous appartenant, résilier votre nom de domaine ou en changer, contactez nous.

Pour gérer les paramètres globaux de votre site, allez dans le profil de votre site. Cette page vous donne des informations, des liens et quelques paramètres de votre site.

En haut se trouvent deux liens : Mon site qui vous permet d'accéder à votre site et Administrer mon site qui vous permet d'accéder à la console d'administration de votre site.

Sous ces boutons se trouvent des statistiques très générales de votre site (nombre d'abonnés, nombre d'articles, nombre d'endroits visités, nombre de commentaires). Sous ces statistiques, le bouton Toutes les statistiques vous permet d'accéder à la page de statistiques détaillées de votre site.

Statistiques générales depuis le profil de votre site

En dessous se trouvent les catégories associées à votre site, Ces catégories générales permettent aux utilisateurs de TrotBlogger de trouver facilement les blogs qu'ils recherchent. Vous pouvez changer ces catégories en sélectionnant celles qui correspondent le mieux à votre site puis en cliquant sur Mettre à jour les catégories

Catégories de voyage de votre site

En dessous, se trouve votre quota actuel de téléchargement. Vous voyez le nombre de photos que vous avez téléchargées et la taille totale de votre dossier photo. La barre de progression indique à quel pourcentage de téléchargement vous en êtes par rapport à la taille autorisée en fonction de votre offre.

Si vous n'avez pas sousrit d'offre, vous voyez en dessous les différentes offres que TrotBlogger propose. Si vous en avez souscrit une, des boutons vous permettent de Renouveller votre offre, la date d'expiration de votre offre est indiquée au dessus. Des boutons correspondant aux autres offres existantes vous permettent de changer votre offre.

En dessous, vous retrouvez la liste des domaines associés à votre site, votre domaine principal est indiqué avec un Domaine préféré, vous pouvez en changer dans les Paramètres généraux

En dessous, se trouve la visibilité de votre site. TrotBlogger propose trois types de sites :

• Site public : Tout le monde peut accéder au blog et il est indexé par les moteurs de recherche
• Site protégé : Seuls ceux qui ont l'adresse du site peuvent y accéder, il ne sera pas référencé par les moteurs de recherche
• Site privé : Seuls les administrateurs ont accès au site.

Vous pouvez changer la visibilité de votre site en cliquant sur le bouton Choisir associé à la visibilité souhaitée.

Dans votre Profil, vous pouvez gérer un certain nombre de données vous concernant. Sur cette page, se trouvent les informations que TrotBlogger connait à propos de vous :

• Login : C'est le nom avec lequel vous vous êtes enregistré, vous ne pouvez pas le changer
• Nom affiché : Le nom qui apparait lorsque vous faites des commentaires par exemple
• Adresse email : l'adresse email avec laquelle vous vous êtes enregistré. Vous ne pouvez pas en changer
• Mot de passe : Si vous souhaitez changer de mot de passe, indiquez le nouveau ici

Vous pouvez choisir de recevoir la newsletter de TrotBlogger en cochant la case à cocher dédiée.

Cliquez sur Enregistrer les modifications pour valider

Dans votre profil, le menu Réseaux sociaux vous permet d'accéder à vos paramètres sociaux. Sur cette page, vous pouvez renseigner :

• l'url de votre profil Facebook
• l'url de votre profil Google+
• votre identifiant Twitter

Ces informations sont liées à vous en tant que personne physique, non à votre site. Ces renseignements sont utilisés lors de partages sur les réseaux sociaux pour avoir un lien vers le profil de l'auteur. Pour que ces informations soient utilisées, vous devez rédiger les articles à partir du compte sur lequel elles sont renseignées.

Lorsque vous suivez des sites créés avec TrotBlogger, ceux ci apparaissent dans votre profil, dans la colonne de gauche sous Suivre les voyageurs.

Pour suivre un site, vous pouvez vous y abonner, la plupart des sites ont un lien d'abonnement depuis leur page d'acceuil. Lorsque vous commentez sur un site, celui ci apparait également dans la liste.

Cliquez sur un des sites que vous suivez, depuis cette page, vous pouvez :

• Consulter le site en cliquant sur Voir le site
• Vous abonner / désabonner en cochant ou décochant la case dédiée puis en cliquant sur Enregistrer les modifications.
• Voir vos commentaires : la liste des commentaires que vous avez effectués est sur cette page, vous pouvez voir si votre commentaire a été approuvé ou non et accéder à la page sur lequel il a été posté.

Pour gérer vos factures, cliquez sur Factures depuis votre Profil.

Sur cette page, vous retrouvez l'ensemble des factures de vos abonnements et renouvellement d'offre TrotBlogger

Les cartes constituent le centre de vos voyages aussi nous leur avons donné la place qu'elles méritent sur votre site. Vous pouvez très simplement créer des cartes de vos voyages. Ces cartes ne seront pas un aspect isolé de votre site mais peuvent être ajoutées et liées à n'importe quel contenu.

Accédez à la gestion de vos cartes, depuis votre console d'administration, cliquez sur puis choisissez Voyages.

Cliquez sur Nouveau voyage.

Dans la popup, renseignez le nom de ce voyage ainsi qu'une description qui apparaitra sur les pages dédiées à ce voyage, que vous pourrez modifier ultérieurement en cliquant sur Modifier

Votre voyage est créé. Dans la liste des voyages, sont renseignés le point de départ du voyage, le dernier endroit visité ainsi que la liste des pays visités. Vous pouvez maintenant ajouter des lieux visités à votre voyage en cliquant sur Gérer les lieux et en suivant les instructions d'ajout de lieux.

Vous pouvez supprimer un voyage à l'aide du bouton Supprimer, attention, tous les lieux visités de ce voyages ainsi que les liens de ce voyage dans vos articles seront supprimés.

Pour ajouter des lieux à un voyage, cliquez sur Gérer les lieux depuis la gestion des voyages ou directement depuis le menu principal de votre console d'administration, cliquez sur puis choisissez Lieux visités

Cette page se divise en trois partie :

• La liste des voyages existants en haut à droite, vous pouvez changer le voyage courant à modifier en sélectionnant celui que vous souhaitez modifier dans cette liste.
• La carte de votre voyage à gauche, sur celle ci, se présentent tous les lieux déjà visités dans ce voyage. Vous pouvez déplacer un lieu en cliquant dessus et en le déplaçant. Pour créer un nouveau lieu, trois possibilités :
• Cliquez avec le bouton droit sur la carte à l'endroit exact où vous souhaitez ajouter un lieu puis choisissez Ajouter un lieu
• Dans la zone de recherche en haut à gauche de la carte, saisissez un lieu à rechercher, une liste déroulante apparait pour vous proposer des lieux existants. Cliquez sur celui qui vous convient ou déplacez vous avec les flèches haut et bas pour sélectionnez votre lieu puis cliquez sur ou appuyez sur la touche Entrée pour valider.
• Le bouton permet de géolocaliser votre position actuelle et d'ajouter un lieu à cet emplacement. Si vous êtes à l'endroit que vous souhaitez ajouter, cliquez simplement dessus.
• La liste des lieux existants à droite. Depuis cette liste, vous pouvez modifier les informations relatives à un lieu en cliquant dessus. Deux boutons apparaissent :
• Modifier vous permet de modifier les informations liées à un lieu. Lorsque vous cliquez dessus, une popup s'ouvre vous permettant de choisir les informations suivantes :
  
• Le nom du lieu, celui qui apparait dans la liste des lieux
• Comment avez vous accédé à ce lieu, le mode de transport, sélectionnez une des icones de la liste. Vous pouvez modifier cette liste d'icones dans les paramètres des cartes
• Le pays (renseigné automatiquement) correspondant à ce lieu. Cela permet dans la liste des lieux d'afficher des séparateurs par pays
• Une description, qui apparait dans la liste des lieux en petit sous le nom du lieu
• Une date et une heure d'arrivée permettant d'effectuer le tracé de votre voyage dans le bon ordre. Renseignez l'heure d'arrivée de vos lieux en tenant compte du fuseau horaire choisi dans les paramètres. Cela permet de dire par exemple dans le widget de localisation depuis combien de temps vous êtes arrivés sur place. Si la date et l'heure sont futures, le lieu apparaitra en pointillés sur la carte tant que ce moment n'est pas atteint. Vous pouvez ainsi anticiper vos déplacements et permettre aux lecteurs de vous suivre même si vous n'avez pas de connection pour actualiser votre carte.
• Supprimer vous permet de supprimer ce lieu.

TrotBlogger vous permet d'utiliser vos cartes de voyages et les lieux que vous avez visités un peu partout. Vous pouvez enrichir vos articles et donner à vos lecteurs une idée précise des endroits visités très simplement.

Lorsque vous modifiez un article (Depuis le menu puis Posts, cliquez sur Modifier sur l'article de votre choix), renseignez la zone Depuis... vers... dans les informations à droite.

Localisation d'un article

Cliquez sur pour choisir le lieu de départ de l'article en cours puis choisissez dans la popup le lieu voulu. Faites de même pour le lieu d'arrivée. Lorsque vous choisissez un lieu de départ ou d'arrivée, si la date de départ ou de fin de l'article n'est pas renseignée, celle ci est automatiquement positionnée à la date de visite du lieu choisi.

Cette information génère dans tous vos articles le bandeau suivant :

Lorsque le lecteur clique sur ce bandeau, la carte se déroule, lui permettant de connaitre exactement le périple dont il lit le récit :

Depuis votre gestionnaire de photos, vous pouvez géolocaliser vos photos, c'est à dire choisir pour chaque photo un lieu de prise de vue que vous avez visité. Pour cela, suivez les instructions de la Géolocalisation des photos.

Une fois vos photos géolocalisées, elles apparaissent sur vos cartes comme sur l'image ci dessous.

Carte d'un voyage avec contenu photo

Seules les photos correspondant à la partie visible de la carte sont affichées. Ces photos sont choisies au hasard parmi toutes les photos possibles pour cette carte.

Ajouter une carte dans un article

Vous pouvez aisément ajouter une carte dans un de vos article pour illustrer un propos. Pour cela, utilisez l'outil d'insertion de médias. A l'aide de cet outil, vous pouvez insérer des photos, vidéos et cartes dans vos articles. L'outil vous permet de choisir les médias à insérer, de les disposer ensemble et de les positionner dans l'article.

Pour insérer une carte, il suffit d'aller dans l'onglet puis de sélectionner le lieu de départ et le lieu de fin de la carte à insérer (bien évidemment, ces deux lieux doivent faire partie du même voyage). Vous pouvez choisir de disposer ou non les photos géolocalisées sur la carte et de faire apparaitre ou non la liste des lieux visités à l'aide des cases à cocher dédiées.

Cliquez ensuite sur pour ajouter la carte à la liste des médias à insérer. Dans l'onglet Disposer les médias, choisissez la position des médias à insérer puis clickez sur Insérer les médias.

Pour plus de détails sur la gestion des médias dans les articles, consultez l'outil d'insertion de médias.

Exemple de médias mélangés (photos, video, carte) dans un article

Montrer ou vous êtes à vos lecteurs

Pour que vos lecteurs sachent ou vous en êtes de votre voyage, vous pouvez ajouter un widget à votre site appelé Localisation. Ce widget affiche une petite carte avec le dernier emplacement connu du voyage souhaité ainsi qu'un texte disant Nous sommes arrivés à Paris depuis 6 heures. Vous pouvez même anticiper vos déplacements en mettant sur vos cartes des lieux ou vous n'êtes pas encore allés. Dans ce cas, le widget affichera également Nous serons à Nantes dans 2 jours.

Consultez la rubrique Gérer les widgets pour plus de renseignements.

Exemple de widget de localisation

Ajouter un menu vers une carte

Chaque voyage que vous créez a une url dédiée vers laquelle votre voyage est affiché en pleine page et sur lequel on retrouve la liste des lieux visités ainsi que le contenu géolocalisé (photos et articles correspondant à la zone visualisée). Vous pouvez gérer et modifier l'url du voyage dans la Gestion des urls.

Pour créer un lien vers une carte, créez un menu depuis votre console d'administration, cliquez sur puis choisissez Menus. Choisissez Nouveau menu ou bien Ajouter un sous menu sur un menu existant puis dans la popup de création de menu, choisissez comme type de menu Lien vers un voyage > afficher la carte puis choisissez le voyage auquel ce menu sera dédié.

Pour plus d'informations, consultez utiliser les menus.

Pour gérer les paramètres de vos cartes, allez dans votre console d'administration, cliquez sur puis choisissez Paramètres. Cette page contient l'ensemble du paramétrage de votre site. Allez dans l'onglet Cartes.

Cet onglet contient tous les paramètres d'affichage et de gestion de vos cartes.

Paramètres généraux

• Afficher les photos sur vos cartes : cette case à cocher permet d'activer ou de désactiver l'affichage de photos sur vos cartes. Si vous le désactivez, plus aucune carte de votre site ne contiendra de photos géolocalisées, même si vous l'avez expressement choisi par exemple dans une carte insérée dans un article
• Afficher le nombre de kilomètres parcourus : cette case à cocher permet d'afficher un petit encart à coté de chaque lieu visité sur vos cartes contenant le nombre de kilomètres parcourus depuis le lieu de départ de la carte visualisée. (Si la carte représente une petite portion de voyage, le kilomètre 0 sera le point de départ de la carte et non du voyage) Sur la carte globale du voyage, le kilométrage est celui du voyage complet.

Exemple d'affichage du kilométrage parcouru

• Coefficient kilométrique : ce paramètre est un coefficient multiplicateur du nombre de kilomètre calculé. Dans l'affichage du nombre de kilomètres, détaillé dans la description du paramètre précédent, le calcul est effectué à vol d'oiseau ce qui, pour les modes de transport terrestres, est bien sur erroné. Le nombre de kilomètres parcourus peut donc être mieux approximé en multipliant par un coefficient de votre choix. Pour un voyage véhiculé, en renseignant une à deux étapes par jour, le coeficient 1.5 correspond assez bien à la réalité. Pour trouver le meilleur coefficient, si vous connaissez le nombre de kilomètres que vous avez parcourus, divisez celui ci par celui affiché par TrotBlogger avec un coefficient 1 pour connaitre celui de votre voyage.
• Google Maps API Key : ce paramètre permet de renseigner votre propre clé d'API Google Maps, vous pouvez en obtenir une gratuitement auprès de Google. Ce paramètre est obligatoire pour permettre l'affichage de cartes utilisant Google Maps sur votre blog. TrotBlogger vous autorise à utiliser des cartes sans ce paramètre pendant 10 jours. Après ce délai, vos cartes ne s'afficheront plus. Pour plus de détail sur la procédure, consultez la rubrique Google Maps.

Gestion des modes de transport

La liste des modes de transport vous permet de gérer ceux ci comme vous l'entendez. Pour modifier un mode de transport, cliquez sur celui ci. Pour en ajouter un, cliquez sur à la fin de la liste. Vous arrivez sur la popup suivante :

Depuis cette popup, vous pouvez :

• Choisir un nom pour votre mode de transport ou modifier le nom existant.
• Définir la couleur associée à ce mode de transport. Sur les cartes et dans les listes de lieux visités, les lignes reliant les lieux sont de la couleur du mode de transport choisi pour accéder au lieu.
• Choisir une icone pour ce mode de transport. Les icones apparaissent dans la légende des cartes.
• Définir si le mode de transport est terrestre ou non. Cette information est utilisée pour calculer le nombre de kilomètres parcourus. Le coefficient multiplicateur n'est appliqué que sur les mode de transports terrestres.

En dessous, une note indique le nombre de lieux de vos voyages utilisant le mode de transport courant.

Cliquez sur Créer ou Mettre à jour pour enregistrer les informations modifiées.

Cliquez sur Supprimer pour supprimer un mode de transport. Vous ne pouvez supprimer que les modes de transports que vous avez créé, pas ceux par défaut. Vous ne pouvez supprimer que les modes de transport qui ne sont pas utilisés sur vos cartes.

Décoration de vos cartes

Enfin, les cinq derniers paramètres vous permettent de modifier l'aspect du tracé de vos trajets sur vos cartes de voyage :

• Opacité des marqueurs : niveau de transparence des points correspondant aux lieux visités
• Opacité des lignes : niveau de transparence des lignes de trajet entre deux lieux visités
• Epaisseur des marqueurs : taille des points correspondant aux lieux visités
• Epaisseur des lignes : taille des lignes de trajet entre deux lieux visités
• Epaisseur du contour du marqueur : taille du contour des points correspondant aux lieux visités

TrotBlogger vous propose de nombreux outil pour mettre votre contenu (texte, photos, vidéos, cartes) en ligne. Ces outils ont été pensés pour refléter votre voyage au mieux, ils sont décrits dans cett section.

Depuis votre console d'administration, cliquez sur puis choisissez Nouvel article.

Cette page se compose d'une zone de rédaction à gauche, d'une zone de publication à droite et d'une zone d'informations sur l'article sous la zone de publication.

Zone de rédaction

Dans la zone de rédaction, se trouve d'abord le titre de l'article. L'url de l'article est déterminée en fonction de ce titre dont les caractères spéciaux sont remplacés par des -, et les lettres accentuées par leurs homologues non accentuées. Ainsi, l'url de l'article sera l'url du blog / titre épuré. Vous pouvez gérer et modifier l'url de l'article dans la Gestion des urls.

En dessous de la zone de titre, se trouve la zone de rédaction de l'article. Dans cette zone, vous pouvez écrire et mettre en forme tout le contenu de l'article. Pour mettre en forme le texte, utilisez les boutons classiques du traitement de texte situés en haut de la zone de rédaction.

• permet de choisir un style pour le texte sélectionné, vous pouvez ainsi créer des citations, et insérer des titres de différents niveaux.
• permettent respectivement de mettre du texte en gras, en italique ou de le souligner
• permet d'effacer la mise en forme du texte sélectionné
• Vous pouvez changer la police du texte sélectionné ainsi que sa couleur et sa couleur de fond
• et permettent d'insérer des listes non ordonnées ou ordonnées
• Les boutons sous permettent de changer l'alignement du texte
• permet de modifier la hauteur des lignes
• permet d'insérer un tableau
• permet d'insérer un lien hypertexte. Sélectionner le texte du lien puis dans la popup, indiquez l'url vers laquelle le lien dirige
• permet d'insérer des médias. Voir la rubrique détaillée Insertion de médias
• permet d'insérer une séparation horizontale
• permet d'étendre la zone de rédaction à tout l'écran
• permet de voir le code html qui est généré
• et permettent respectivement d'annuler et de rejouer les dernières modifications

Zone de publication

La zone de publication contient différentes informations sur l'article en cours.

La partie haute de cette zone contient les options permettant la sauvegarde et la publication des articles

Publication d'un nouvel article

Dans la liste déroulante en haut de cette zone, vous pouvez choisir si l'article est une page, un post ou une note :

• Une page n'apparait pas dans le flux des articles. Un lien de menu ou un lien depuis un autre article permet d'accéder à une page
• Un post apparait dans le flux des articles. Les posts nouvellement publiés apparaissent en tête de liste
• Une note n'apparait nulle part

Les boutons permettent d'enregistrer l'article :

• Brouillon permet d'enregistrer l'article sans le publier
• Prévisualiser enregistre l'article et vous montre comment cet article sera vu une fois publié
• Publier publie l'article sur votre site. Au moment de la publication, si la case à cocher 'Prévenir les abonnés' est cochée, un mail sera envoyé à toutes les personnes abonnées à votre blog pour leur faire part de la publication de l'article.

Mise à jour d'un article publié

Lorsque l'article a déjà été publié, si vous faites des modifications mineures, vous pouvez le mettre à jour à l'aide du bouton Update

Dans ce cas, de nouvelles options apparaissent sous le bouton Update

• Dépublier permet de dépublier un article, il n'apparaitra plus dans le flux des articles
• Supprimer permet de supprimer cet article
• Modifier la date de publication permet de saisir une nouvelle date de publication pour l'article. La date de publication étant ce qui détermine l'ordre des articles dans le flux, cela permet de modifier cet ordre s'il ne convient pas

Si vous apportez des modifications plus conséquentes à l'article, enregistrez un brouillon, cela permet de conserver différentes versions de l'article. Dans ce cas, la zone de publication devient :

Modification conséquente d'un article

Si vous mettez à jour l'article en cliquant sur Publier, vous pouvez à nouveau choisir de prévenir vos abonnés. Le bouton Supprimer le brouillon et revenir à la version publiée permet de supprimer les modifications apportées à cet article depuis la dernière publication.

Propriétés de l'article

Sous la zone de publication, se trouvent les informations liés à l'article

• La localisation : vous pouvez sélectionner un lieu de début ainsi qu'une date de début et un lieu de fin ainsi qu'une date de fin. Cela permet de dater précisément votre article par rapport à votre voyage et de générer une carte liée à l'article qui sera automatiquement insérée dans l'article. Cliquez sur le bouton pour sélectionner le lieu de départ et d'arrivée. Les dates seront automatiquement positionnées aux dates de visite de ces lieux. Vous pourrez les modifier. Pour plus de détails sur les cartes générées, consultez Localisation des articles
  
• Photo de couverture : Cliquez sur Choisir une photo de couverture puis sélectionnez ou téléchargez la photo qui représentera l'article. Cette photo est utilisée pour avoir un aperçu rapide de l'article mais sera également présente lors d'un partage sur les réseaux sociaux.
  
• Catégories : Sélectionnez les catégories associées à cet article. L'article apparaitra dans le fil des articles de chacune des catégories sélectionnées.
  

Les articles se divisent en trois catégories :

• Les pages qui n'apparaissent pas dans le flux des articles. Un lien de menu ou un lien depuis un autre article permet d'accéder à une page. Pour gérer les pages, depuis votre console d'administration, cliquez sur puis choisissez Pages
• Les posts qui apparaissent dans le flux des articles. Les posts nouvellement publiés apparaissent en tête de liste sur votre site. Pour gérer les posts, depuis votre console d'administration, cliquez sur puis choisissez Posts
• Une note n'apparait nulle part. Cela peut vous permettre de rédiger du texte pour plus tard. Pour gérer les notes, depuis votre console d'administration, cliquez sur puis choisissez Notes

La page de gestion des articles, que ce soit des pages, des posts ou des notes, contient une liste d'articles avec des actions possibles.

Liste d'articles

Vous pouvez créer un nouvel article en cliquant sur le bouton Nouveau, vous arrivez alors sur la création d'un article.

Pour chaque article, on retrouve :

• Sa photo de couverture
• Son titre suvi de Brouillon s'il s'agit d'un article non publié ou d'un article ayant subi des modifications non publiées
• Ses informations (date de début, de fin, lieu de début, de fin, nombre de commentaires, liste des catégories)
• Un extrait (les premiers mots du texte de l'article)
• Des actions
• Modifier permet d'accéder à l'article en modification
• Voir permet de visualiser l'article
• Supprimer permet de supprimer l'article. Attention, cette action est irréversible
• Résumés permet de gérer la liste des résumés d'un article.

Vous pouvez effectuer des résumés de vos articles dans différentes langues. Cela permet à ceux de vos lecteurs qui ne parlent pas votre langue d'avoir une idée du contenu de l'article. Les résumés sont ajoutés en bas de page des articles. Un lien vers le résumé, symbolisé par le drapeau de la langue correspondante, est mis dans le bandeau de tête de l'article. Les résumés contiennent, en plus du texte que vous renseignez, un lien de traduction, permettant à vos visiteurs de traduire l'article automatiquement dans leur langue.

Pour ajouter des résumés à un article, cliquez sur Résumés dans la liste des articles.

Liste des résumés d'un article

Dans la popup, vous voyez la liste des résumés. Pour ajouter un résumé, sélectionnez la langue du résumé dans la liste déroulante en haut de la popup puis cliquez sur .

Le nouveau résumé est ajouté à la liste. Saisissez le texte du résumé puis cliquez sur pour enregistrer le texte de ce résumé. Chaque résumé doit être enregistré indépendemment.

Cliquez sur au dessus d'un résumé pour le supprimer.

Depuis votre console d'administration, cliquez sur puis choisissez Gestionnaire de photos. Les photos que vous téléchargez sont organisées en albums. Dans chaque album, vous pouvez télécharger des photos.

Si aucun album n'existe, créez en un en cliquant sur Nouvel album puis en saisissant le nom de cet album dans la popup. Une nouvelle ligne est alors créee dans le gestionnaire de photos avec le nom de l'album.

Pour télécharger des photos, cliquez maintenant sur Télécharger des photos sur l'album de votre choix.

Dans la popup qui s'ouvre, vous voyez à gauche la liste des albums, et pouvez en changer et à droite la liste des photos de l'album sélectionné. Sous les photos, se trouve la zone de téléchargement. Vous pouvez glisser / déposer des photos dans cette zone ou cliquer dans cette zone pour choisir les photos à télécharger.

Vous pouvez également accéder à cette popup de téléchargement lorsque vous rédigez un article en cliquant sur , et ainsi télécharger des photos en même temps que vous écrivez. Voir Insérer des médias.

Popup de téléchargement de photos

Une fois vos photos sélectionnées et ajoutées dans la zone de téléchargement, elles apparaissent avec une barre de progression.

Photos en cours de téléchargement

Une fois les photos téléchargées, elles apparaissent dans la zone des photos de l'album.

Photo en cours de téléchargement

Lorsque la photo est en cours de téléchargement comme sur l'image ci dessus, vous pouvez annuler son téléchargement en cliquant sur Annuler le téléchargement sous la photo.

Photo téléchargée

Lorsque la photo est finie de télécharger, un apparait sur l'image pour l'indiquer.

Attention : attendez que tous les téléchargements soient terminés avant de fermer la popup !

Depuis votre console d'administration, cliquez sur puis choisissez Gestionnaire de photos. Toutes vos galeries de photos, ou albums photos, apparaissent ici.

Exemple d'album dans le gestionnaire de photos

Gestion de l'album

Sur chaque album, vous pouvez effectuer les actions suivantes :

• Modifier vous permet de modifier le nom de l'album dans la popup qui s'ouvre à cet effet
• Télécharger des photos vous permet d'ajouter des photos à l'album, voir Télécharger des photos
• Supprimer vous permet de supprimer un album. Toutes les photos de cet album seront supprimées. Si des photos sont utilisées dans des articles ou ailleurs, une popup de confirmation vous demande de bien vouloir valider que vous voulez supprimer ces photos et que les liens vers ces photos seront perdus.
• : Ce bouton apparait comme la dernière photo de votre album si celui ci contient de nombreuses photos. Cliquez dessus pour voir toutes les photos de l'album

Gestion des photos

Lorsque vous passez la souris sur une photo, trois boutons apparaissent :

• permet de sélectionner la photo en vue d'effectuer une action groupée comme Géolocaliser des photos
• permet de supprimer la photo
• permet d'éditer la photo. Lorsque vous cliquez dessus, la popup suivante s'ouvre :

Edition d'une photo

Dans cette popup, vous pouvez saisir une légende pour cette photo. Chaque fois que la photo apparaitra sur votre site, elle sera accompagnée de sa légende. Vous pouvez également dater la photo. La date est automatiquement calculée à partir des données EXIF de votre photo. Tous les appareils photo récents renseignent ces informations.

Vous retrouvez ensuite les informations suivantes :

• Localisation de la photo : si la photo a été localisée, le lieu de prise de vue, accompagné du drapeau du pays concerné apparait ici. Pour plus de renseignements, voir Géolocaliser des photos.
• La liste des articles dans lesquels cette photo est utilisée apparait ici. Si la photo n'est pas utilisée, la liste est vide.

Les boutons de la popup permettent une édition rapide des légendes de photos :

• Annuler permet de refermer la popup sans enregistrer les modifications
• Ouvrir le suivant permet d'ouvrir la photo suivante de l'album sans enregistrer les modifications courantes
• Enregistrer permet de refermer la popup et d'enregistrer les modifications courantes
• Enregistrer et suivant permet d'ouvrir la photo suivante de l'album et d'enregistrer les modifications courantes. Si vous appuyez sur la touche Entrée, c'est cette option qui sera exécutée, ainsi, pour une édition rapide des légendes, saisissez la légende, appuyez sur Entrée, la photo suivante s'ouvre avec le curseur sur la légende, continuez ainsi de suite...

Note : Vous pouvez accéder à cette même popup directement depuis votre site. Lorsque vous lisez un de vos articles et que vous êtes connecté en tant qu'administrateur, le même bouton apparait sur vos photos lorsque vous passez la souris dessus. Il permet l'édition directe de la photo sans passer par la console d'administration.

Sélectionner des photos

Depuis votre Gestionnaire de photos, vous pouvez effectuer une sélection de photos en vue d'effectuer une action groupée sur ces photos.

Dans un album, passez la souris sur une photo puis cliquez sur . La photo est alors sélectionnée et apparait avec un contour bleu :

Sélection d'une photo (troisième sur la ligne du haut)

Si vous sélectionnez une seconde photo, la première que vous avez sélectionné ne le sera plus.

Pour sélectioner plusieurs photos, vous devez utiliser les touches Ctrl et Shift :

• Sélection d'une plage de photo : Sélectionnez la première photo de la plage de photo à l'aide du bouton . Maintenez la touche Shift enfoncée puis sélectionnez la dernière photo de la plage à sélectionner. Toutes les photos intermédiaires seront sélectionnées.
• Sélection de plusieurs photos disjointes : Sélectionnez une photo à l'aide du bouton . Maintenez la touche Ctrl enfoncée puis sélectionnez une autre photo. Les deux photos sont alors sélectionnées.

Sélection multiple de photos

Choisir un lieu pour vos photos

Une fois vos photos sélectionnées, dans la listedes boutons liés à l'album, en haut de l'album, apparait le bouton Choisir un emplacement pour les photos. Cliquez dessus, une popup apparait vous proposant de sélectionner un lieu. Choisissez le voyage en haut à droite puis le lieu voulu puis cliquez sur Choisir l'emplacement. Vos photos sont alors géolocalisées.

Popup de choix d'un lieu pour une sélection de photo

Pour supprimer l'emplacement de photos, sélectionnez les puis dans la popup de choix d'emplacement, cliquez sur le bouton Aucun emplacement.

Si vous sélectionnez des photos déjà géolocalisées et que des lieux différents existent dans la sélection, le lieu le plus utilisé dans la sélection sera préselectionné dans la popup.

Une fois vos photos géolocalisées, elles peuvent apparaitre sur vos cartes.

Lorsque vous créez un article ou que vous modifiez un article (Depuis le menu puis Posts, cliquez sur Modifier sur l'article de votre choix), dans la zone de rédaction, vous pouvez insérer des médias en positionnant le curseur dans l'article à l'endroit ou l'insertion doit être faite puis en cliquant sur .

La popup qui s'ouvre contient plusieurs onglets :

• permet de sélectionner les photos à insérer et éventuellement de télécharger des photos ou de créer des albums
• permet de sélectionner les vidéos à insérer
• permet de sélectionner et de créer les cartes à insérer
• Disposer les médias permet de disposer les différents médias à insérer de la façon la plus égélante possible
• Style permet de mettre en forme le bloc de médias à insérer

Cet onglet est le même que la popup de téléchargement de photos. Dans cet onglet, vous pouvez sélectionner toutes les photos à insérer en cliquant simplement dessus. Une photo sélectionnée apparait avec un tour bleu.

Pour sélectioner plusieurs photos, vous devez utiliser les touches Ctrl et Shift :

• Sélection d'une plage de photo : Sélectionnez la première photo de la plage de photo en cliquant dessus. Maintenez la touche Shift enfoncée puis sélectionnez la dernière photo de la plage à sélectionner. Toutes les photos intermédiaires seront sélectionnées.
• Sélection de plusieurs photos disjointes : Sélectionnez une photo en cliquant dessus. Maintenez la touche Ctrl enfoncée puis sélectionnez une autre photo. Les deux photos sont alors sélectionnées.

Vous pouvez sélectionner des photos dans plusieurs albums différents. Pour cela, choisissez un album dans la colonne de gauche, sélectionnez les photos de cet album que vous souhaitez insérer puis choisissez un autre album et sélectionnez d'autres photos à insérer dans la même sélection...

Lorsque vous téléchargez des photos, celles ci sont automatiquement ajoutées à la sélection courante.

Une fois vos photos sélectionnées, (vous pouvez en plus sélectionner des vidéos et des cartes), allez dans l'onglet Disposer les médias

L'onglet d'insertion de médias

Dans cet onglet, vous pouvez sélectionner les vidéos à insérer dans l'article. Les vidéos ne sont pas hébergées par TrotBlogger pour le moment. Pour insérer une vidéo, vous devez disposer de son lien. TrotBlogger vous permet d'insérer des vidéos uploadées sur les sites Youtube, Instagram, Vimeo, Vine, Dailymotion et Youku.

Insertion de vidéos

Saisissez l'url de la vidéo à insérer puis cliquez sur le bouton . La vidéo apparait alors dans la liste des vidéos à insérer

Liste des vidéos à insérer

Les vidéos à insérer dans la sélection courante sont sélectionnées (contour en bleu), vous pouvez en déselectionner en cliquant dessus et en utilisant les touches Ctrl et Shift comme pour les photos.

Une fois vos vidéos sélectionnées, (vous pouvez en plus sélectionner des photos et des cartes), allez dans l'onglet Disposer les médias

L'onglet d'insertion de médias

Dans cet onglet, vous pouvez sélectionner les cartes à insérer dans l'article. Les cartes que vous pouvez insérer sont des voyages ou des parties de voyages que vous avez créés précédemment.

Insertion de cartes

Pour insérer une carte :

• Commencez par sélectionner le lieu de départ en cliquant sur Lieu de départ. Une popup de sélection de lieu s'ouvre, choisissez le voyage correspondant au lieu de départ puis le lieu souhaitez puis cliquez sur Choisir l'emplacement
• Sélectionnez ensuite le lieu d'arrivée en cliquant sur Lieu d'arrivée et en procédant de même. Le lieu de départ et d'arrivée doivent bien sur faire partie du même voyage
• Cochez la case Afficher la liste des lieux si vous souhaitez que la liste des lieux intermédiaires entre le lieu de départ et le lieu d'arrivée soit affichée sur la carte à insérer
• Cochez la case Afficher du contenu supplémentaire si vous souhaitez que des photos géolocalisées et des articles soient affichées sur la carte à insérer

Une fois le détail de votre carte complété, cliquez sur le bouton pour créer la carte. Celle ci apparait dans la liste des cartes à insérer.

Liste des cartes à insérer

Les cartes à insérer dans la sélection courante sont sélectionnées (contour en bleu), vous pouvez en déselectionner en cliquant dessus et en utilisant les touches Ctrl et Shift comme pour les photos.

Une fois vos cartes sélectionnées, (vous pouvez en plus sélectionner des photos et des vidéos), allez dans l'onglet Disposer les médias

Cet onglet vous permet de mettre en page tous les médias sélectionnés précédemment. Ainsi, vous pouvez disposer vous photos, vidéos et cartes ensembles et de façon élégante.

La mise en page est un bloc qui va contenir l'ensemble de vos médias. Ce bloc est appelé un layout. Pour faciliter vos choix. Le layout est divisé en lignes. Par défaut, trois médias sont disposés au maximum sur chaque ligne.

Disposition par défaut de médias : une ligne de trois et une ligne de deux

Vous pouvez maintenant déplacer et ajuster vos médias sur les lignes et choisir une disposition pour les médias d'une ligne.

Une fois cela fait, vous pouvez choisir d'insérer vos médias en cliquant sur Insérer les médias en bas de la popup ou de choisir un style pour vos médias dans l'onglet suivant

Déplacer et ajuster vos médias sur le layout

Pour réarranger vos médias sur le layout, vous disposez, à droite de chaque ligne, des boutons et

• vous permet de faire remonter la photo à gauche de la ligne courante sur la ligne du dessus. Si la ligne du dessus n'existe pas, elle sera créée avec un seul média dessus.
• vous permet de faire descendre la photo à droite de la ligne courante sur la ligne du dessous. Si la ligne du dessous n'existe pas, elle sera créée avec un seul média dessus.

Vous pouvez également échanger la position d'un média avec un autre. Pour cela, cliquez sur le média à déplacer en maintenant le bouton de la souris enfoncé. Glissez ce média jusqu'à celui avec lequel l'échanger et déposez le dessus. Les deux médias sont échangés.

Vous pouvez également insérer un média à un autre emplacement. Pour cela, cliquez sur le média à déplacer en maintenant le bouton de la souris enfoncé et en maintenant la touche Ctrl enfoncée. Glissez ce média jusqu'à l'emplacement ou celui ci doit être inséré puis déposez le. Relachez la touche Ctrl. Le média a disparu de son emplacement initial et la ligne sur laquelle vous l'avez déposé contient un média en plus. Si vous déplacez l'unique média d'une ligne, celle ci est supprimée.

Vous pouvez agir sur les médias en utilisant les boutons et :

• ou vous permet de déplacer la partie visible du média dans la fenêtre qui lui est allouée. Parfois, l'endroit ou le média est affiché est plus petit que le média réel ou n'a pas la même forme. Ce bouton vous permet de déplacer la partie visible du média dans le layout. Pour l'utiliser, cliquez dessus et maintenez le bouton de la souris enfoncé. Déplacez la souris de gauche à droite pour le bouton ou de haut en bas pour le bouton jusqu'à ce que la partie visible du média vous convienne. Relachez alors le bouton de la souris.
• vous permet de déselectionner un média. Cliquez sur ce bouton pour faire disparaitre un média de la liste des médias sélectionnés.

Choisir une disposition pour les médias d'une ligne

Dans la partie droite de chaque ligne, se trouvent un ensemble de dispositions possibles. Cliquez sur le petit dessin asssocié à la disposition que vous souhaitez pour cette ligne.

Les dispositions contenant des zones roses sont celles adaptées aux vidéos. Les proportions de ces zones sont 16:9. Vous pouvez cependant insérer des vidéos dans toutes les autres zones.

Possibilités de dispositions de médias sur une ligne contenant un média

Possibilités de dispositions de médias sur une ligne contenant deux média

Possibilités de dispositions de médias sur une ligne contenant trois média

Possibilités de dispositions de médias sur une ligne contenant quatre média

Possibilités de dispositions de médias sur une ligne contenant cinq média

Possibilités de dispositions de médias sur une ligne contenant six média

Possibilités de dispositions de médias sur une ligne contenant sept média

Cet onglet vous propose de positionner le bloc de média dans votre article. L'onglet met en scène le bloc de médias dans un article et vous propose les boutons suivants :

• Pleine largeur : option par défaut, le bloc occupe toute la largeur de la page.
• 2/3 : le bloc occupe les deux tiers de la largeur de la page.
• 1/2 : le bloc occupe la moitié de la largeur de la page.
• 1/3 : le bloc occupe un tiers de la largeur de la page.
• : Le bloc est aligné à gauche. Si la largeur du bloc est plus petite que la page, le texte de l'article apparait à droite du bloc.
• : Le bloc est aligné au centre.
• : Le bloc est aligné à droite. Si la largeur du bloc est plus petite que la page, le texte de l'article apparait à gauche du bloc.

Choix du style pour l'insertion d'un bloc de médias

Modifier un bloc de médias inséré

Une fois le bloc de médias inséré dans l'aricle, ou lorsque vous modifiez un article contenant des blocs de médias, vous pouvez modifier ou supprimer ces blocs. Pour cela, lorsque vous passez la souris sur le bloc de médias, apparaissent les boutons et :

• vous permet de réouvrir la popup d'insertion de médias dans le même état qu'elle était au moment de l'insertion de ce bloc de médias. Vous pourrez ainsi modifier la disposition, le style de vos médias ou même en ajouter de nouveaux. Vous pouvez également éditer un bloc de médias en double cliquant dessus dans la zone de rédaction des articles.
• vous permet de supprimer un bloc de médias de l'article.

Insertion d'un média seul sans layout

Dans certains cas, comme par exemple dans l'édition des zones de texte d'un design, il peut être intéressant d'insérer un média, comme une image, sans la mettre dans un layout. Cela permet de la styler vous même. Pour cela, ne sélectionnez qu'un seul et unique média puis dans l'onglet Disposer les médias, cochez la case Ne pas insérer un layout, seulement l'image puis cliquez sur Insérer les médias.

Attention : Ne pas utiliser cette option dans les articles, les médias insérés le seraient sans aucun style et cela pourrait poser des problèmes d'affichage.

Les albums à thème sont des collections de photos regroupées de façon différente que par album. Par exemple, vous pouvez créer un album à thème Couchers de soleils et regrouper toutes vos photos de coucher de soleil dedans. Une URL est associée aux albums à thème et vos utilisateurs pourront ainsi voir toutes vos photos liées à un thème en particulier. Vous pouvez gérer et modifier l'url de l'album à thème dans la Gestion des urls.

Les albums à thème sont également utilisés dans les Designs pour afficher une liste défilante de photos à certains endroits du site.

Pour gérer les albums à thème, depuis votre console d'administration, cliquez sur puis choisissez Albums à thème.

Liste des albums à thème

Pour créer un nouvel album à thème, cliquez sur Nouvel album à thème. Dans la popup, saisissez un titre pour cet album à thème ainsi qu'une description. La description apparait dans la page dédiée à l'album à thème sous le titre.

Pour un thème donné, vous pouvez effectuer les actions suivantes :

• Modifier vous permet de modifier le titre et la description de l'album à thème
• Attacher des photos vous permet de sélectionner les photos qui font partie de cet album à thème. Ce bouton ouvre la popup de sélection de photos déjà rencontrée lors de l'upload de photos, la sélection des photos suit les mêmes règles que pour la géolocalisation des photos. Sélectionnez les photos à ajouter puis validez.
• Supprimer permet de supprimer un album à thème. Attention, si cet album est utilisé par le design de votre site, vous devrez modifier celui ci.

Pour supprimer une photo d'un album à thème, cliquez sur le bouton qui apparait lorsque vous passez la souris sur une photo d'un album à thème. Cela ne supprime pas la photo, qui reste dans son album originel, cela la détache seulement de cet album à thème.

Les menus permettent de mettre des liens vers vos pages importantes ou vers des catégories, des cartes, des albums à thème, ... La barre de menu de votre site est définie depuis votre console d'administration, cliquez sur puis choisissez Menus

Vous arrivez sur la liste des menus existants et des actions possibles sur ces menus.

Pour créer un nouveau menu racine (les menus racines sont les menus de niveau un, ils sont tout le temps visibles dans la barre de menu), cliquez sur Nouveau menu. Vous pouvez créer un sous menu d'un menu existant en cliquant sur le bouton Ajouter un sous menu du menu parent. Les sous menus apparaitront lorsque le lecteur passe sa souris sur un menu parent.

Lorsque vous créez un menu, une popup s'ouvre vous permettant de construire le menu à créer :

• Le titre du menu : C'est le texte qui apparaitra dans la barre de menu.
• Le type de menu : C'est le type d'objet vers lequel ce menu pointe :
• Menu parent > pas de lien : ce type permet de créer un menu non cliquable. Ce type de menu sert à regrouper des sous menus.
• Lien vers une page : ce type permet de créer un lien vers une page. Lorsque vous sélectionnez ce type, une liste déroulante avec la liste de vos pages apparait, vous permettant de choisir vers quelle page le menu doit pointer.
• Lien vers un album à thème : ce type permet de créer un lien vers un album à thème. Lorsque vous sélectionnez ce type, une liste déroulante avec la liste de vos albums à thème apparait, vous permettant de choisir vers quel album à thème le menu doit pointer.
• Lien vers une carte : ce type permet de créer un lien vers une carte de voyage. Lorsque vous sélectionnez ce type, une liste déroulante avec la liste de vos voyages apparait, vous permettant de choisir vers quel voyage le menu doit pointer.
• Affichage d'une catégorie > liste des posts ou Affichage d'une catégorie > preview des posts: ces types permettent de créer un menu lié à une catégorie. Lorsque vous sélectionnez ce type, une liste déroulante avec la liste de vos catégories apparait, vous permettant de choisir vers quel catégorie le menu doit pointer. Avec ce type de menu, il n'est plus possible d'ajouter de sous menus au menu. Les sous menus de ce menu sont tous les posts associés à cette catégorie. Les posts apparaissent en tant que sous menu dans leur ordre de publication, les plus récent en premier. Si plus de dix posts existent dans cette catégorie, seuls les dix premiers seront affichés dans le menu, un lien vers les autres posts de la catégorie sera ajouté en tant que sous menu.
• Le type Liste des posts affiche les sous menus en tant que texte, le titre du post est le texte du sous menu
• Le type Preview des posts affiche un sous menu stylisé contenant en plus du titre la photo de couverture des posts.

Vous pouvez agir sur les menus avec les boutons suivants :

• Modifier permet de modifier le titre du menu, son type et l'objet sur lequel il pointe.
• Supprimer permet de supprimer un menu, tous ses sous menus seront également supprimés.
• Déplacer permet de choisir un nouveau menu parent pour ce menu, et donc de le déplacer. Choisissez le nouveau menu parent de ce menu dans la popup qui s'ouvre puis validez.
• permet de déplacer le menu courant en tant que premier sous menu de son menu parent
• permet de remonter le menu courant d'un cran parmi les sous menus de son menu parent
• permet de redescendre le menu courant d'un cran parmi les sous menus de son menu parent
• permet de déplacer le menu courant en tant que dernier sous menu de son menu parent

TrotBlogger vous permet d'associer vos articles à des catégories. Cela permet de les ranger et d'aider vos lecteurs à trouver vos articles. Tout comme les menus, les catégories sont hiérarchisées, vous pouvez créer des sous catégories d'une catégorie. Ainsi, si vous créez la catégorie Amérique qui contient les sous catégories Etats Unis et Canada, tout post appartenant à la catégorie Canada appartiendra automatiquement à la catégorie Amérique.

TrotBlogger vous permet de créer des catégories pays. Ces catégories particulières sont liées à un pays, l'icone de la catégorie sera le drapeau du pays et la catégorie pourra avoir une date de début et de fin.

Les catégories sont créées depuis votre console d'administration, cliquez sur puis choisissez Catégories

Vous arrivez sur la liste des catégories existantes et des actions possibles sur ces catégories.

Créer une catégorie

Pour créer une nouvelle catégorie racine (les catégories racines sont les catégories de niveau un, elles n'ont pas de parent), cliquez sur Nouvelle catégorie. Vous pouvez créer une sous catégorie d'une catégorie existante en cliquant sur le bouton Ajouter une sous catégorie de la catégorie parent.

Lorsque vous créez une catégorie, la popup suivante apparait :

Création d'une catégorie

Dans cette popup, vous pouvez renseigner les informations suivantes :

• Icone de la catégorie : Vous pouvez choisir une icone personnalisée pour vos catégories. Cliquer sur le à gauche du titre et choisissez une icone dans la liste. Si la catégorie est liée à un pays, l'icone sera le drapeau du pays.
• Nom de la catégorie : Le nom de la catégorie, qui apparaitra partout ou cette catégorie est référencée. Ce sera également ce nom qui sera utilisé pour générer l'url de la page dédiée à la catégorie. Vous pouvez gérer et modifier l'url de la catégorie dans la Gestion des urls.
• Description : Un texte qui apparaitra sur la page dédiée à cette catégorie.
• Vous pouvez choisir d'afficher une carte pour cette catégorie en cochant la case à cocher dédiée. Dans ce cas, une carte sera construite à partir des itinéraires de tous les posts liés à cette catégorie. Cette carte sera affichée sur la page dédiée à cette catégorie.
• Nombre de kilomètres : nombre de kilomètres que vous avez parcourus dans cette catégorie, cette information n'a de sens que si la catégorie est liée à une zone géographique.
• Afficher la catégorie dans le widget : Un widget permet d'afficher la liste hierarchique des catégories. Cette case à cocher permet de définir si cette catégorie sera visible ou non dans le widget.
• Date de début et date de fin : Ces dates sont calculées automatiquement à partir des posts liés à cette catégorie. Cela n'a de sens que si la catégorie représente une portion de voyage. Vous pouvez modifier ces dates manuellement.
• Pays : cochez cette case si la catégorie représente un pays dans lequel vous avez voyagé. Dans ce cas, vous pourrez indiquer le pays dans la zone en dessous. Si la catégorie est un pays, son icone sera le drapeau du pays associé et les dates de début et de fin seront calculées automatiquement.

Actions sur les catégories

Vous pouvez agir sur les catégories avec les boutons suivants :

• Modifier permet de modifier toutes les informations de la catégorie.
• Supprimer permet de supprimer une catégorie, toutes ses sous catégories seront également supprimées.
• Déplacer permet de choisir une nouvelle catégorie parent pour cette catégorie, et donc de la déplacer. Choisissez la nouvelle catégorie parent de cette catégorie dans la popup qui s'ouvre puis validez.
• permet de déplacer la catégorie courante en tant que première sous catégorie de sa catégorie parent
• permet de remonter la catégorie courante d'un cran parmi les sous catégories de sa catégorieparent
• permet de redescendre la catégorie courante d'un cran parmi les sous catégories de sa catégorie parent
• permet de déplacer la catégorie courante en tant que dernière sous catégorie de sa catégorie parent

Utiliser les catégories

Lorsque vous créez un article, vous pouvez choisir la liste des catégories associées à cet article.

Vous pouvez créer un menu pointant sur une catégorie, tous les articles liés à cette catégorie seront des sous menus de ce menu.

Enfin, vous pouvez choisir d'afficher sur votre site le widget des catégories, qui affiche un arbre de toutes les catégories avec des liens vers les pages associées à ces catégories.

Sur chaque article, la liste des catégories liées apparait en en-tête de l'article, les catégories dans cette liste sont des liens vers les pages dédiées à chacune de ces catégories. Cela permet à vos utilisateurs de trouver facilement les articles liés à un article qu'ils consultent.

TrotBlogger génère pour vous des urls pour les différentes pages de votre site. Pour cela, il prend le titre de la page et ne conserve que les caractères alphanumériques. Les autres sont remplacés par des tirets. Vous pouvez changer ces urls si celles ci ne vous conviennent pas ou sont trop longues.

Les urls sont gérées depuis votre console d'administration, cliquez sur puis choisissez Urls

Gestion des urls

Depuis cette page, vous voyez la liste de toutes les pages du site accessibles par une url, que ce soit des articles, des catégories, des albums à thème ou des cartes. Vous pouvez filtrer la recherche par type de page en haut à droite de la page.

Pour chaque page accessible, vous retrouvez son titre et l'url complète de la page en dessous. Vous pouvez effectuer les actions suivantes :

• Copier vous permet de copier l'url de cette page dans le presse papier
• Modifier vous permet de modifier cette url. Dans la popup qui s'ouvre, saisissez la nouvelle url de cette page (cette url sera ajoutée à l'adresse de votre site). Notez que seuls les caractères alphanumériques et les tirets seront conservés. Si l'url que vous choisissez est déjà prise, un -2 puis -3, ... sera ajoutée à l'url pour qu'elle soit unique. Notez que certains mots-clés sont réservés.

Les paramètres de votre site permettent de modifier des comportements généraux à l'ensemble du site. Il peut s'agir de la langue, du fuseau horaire, de la façon d'enregistrer les photos que vous téléchargez, de la façon dont vos articles vont être partagés sur les réseaux sociaux, d'informations permettant un meilleur référencement sur les moteurs de recherche, ... Ces paramètres sont très importants aussi ne les négligez pas et prenez le temps de bien paramétrer votre site.

Pour accéder aux paramètres de votre site, depuis votre console d'administration, cliquez sur puis choisissez Paramètres.

Cette page se divise en plusieurs onglets qui sont détaillés ci dessous. Lorsque vous modifiez un paramètre, celui ci apparait dans la liste à droite de l'écran. Vous pouvez sauvegarder les modifications que vous avez apportées aux paramètres en cliquant sur Enregistrer.

Dans l'onglet Général des paramètres de votre site, vous trouverez un ensemble de paramètres important et transverses à tout votre site. Ces paramètres sont les suivants :

• Titre de votre site : c'est le nom que vous avez renseigné lors de la création de votre site. Vous pouvez en changer ici. Ce nom apparait partout sur votre site et est important pour votre image.
• Slogan de votre site : Une phrase simple décrivant votre site en quelques mots. Qui vous êtes, ce que vous faites et où.
• Adresse mail : Une adresse mail de contact pour vos visiteurs, laissez la vide si vous ne souhaitez pas être contacté.
• Domaine préféré : TrotBlogger vous fournit un nom de domaine en .trotblogger.com gratuitement. Si vous avez souscrit une offre et réservé votre propre nom de domaine, choisissez ici celui que vous préférez. Choisissez évidemment votre propre nom de domaine si vous en avez un. Cela est important pour le référencement. Le bouton Manage domains à droite vous redirige vers le profil de votre site qui contient une section Domaines ou sont listés tous les domaines liés à votre site.
• Logo de votre site : Vous pouvez ici télécharger un logo pour votre site web. Choisissez une image de préférence en png, avec de la transparence. Le logo est important pour votre image. Pour choisir un logo, cliquez sur la zone d'image et sélectionnez une image dans la popup. Vous pouvez en télécharger une si vous le souhaitez depuis cette popup.
• Langue de votre site : Choisissez la langue de votre site. Ce choix permet d'afficher dans votre langue les quelques textes de votre site qui ne seront pas de vous, comme les zones de commentaires par exemple.
• Fuseau horaire : Renseignez ici le fuseau horaire dans lequel vous vous trouvez. Si vous voyagez, pensez à le changer lorsque vous changez de zone horaire. Cela aura un impact visible sur le widget de Localisation qui permet à vos visiteurs de savoir ou vous en êtes. Si vous renseignez correctement vos heures d'arrivées dans les lieux que vous visitez, vos visiteurs pourront voir : Nous sommes arrivés à Paris il y a 1 heure.
• Nombre d'articles dans les listes : Ce paramètre permet de définir combien d'articles seront affichés par page. Ce paramètre sera pris en compte dans votre flux d'article ainsi que dans la liste des articles liés à une catégorie.

Dans l'onglet Photos, vous pouvez définir la façon dont seront enregistrées les photos que vous téléchargez.

Note : Pensez à renseigner ces paramètres avant de commencer à télécharger des photos !

Redimensionnement et affichage des photos

Le paramètre Redimensionner vos photos jusqu'à cette taille maximum permet de choisir à quelle taille vont être redimensionnées vos photos lorsque vous les téléchargez. Cette information est importante pour ne pas alourdir la taille de votre dossier photo et pour permettre à vos visiteurs une lecture plus agréable. Conserver vos photos à leur taille d'origine ne sert pas à grand chose. Vos photos seront mloins lourdes avec une taille de 1920 et tout aussi belles. Vous pouvez sauver de l'espace de stockage en diminuant cette taille.

Le paramètre Ecart entre les photos dans les layouts permet de définir l'écrat en pixels qu'il y aura entre vos photos. Lorsque vous insérez des photos dans un article, ces photos sont mises en page au sein d'un layout. Ajustez ce paramètre pour rapprocher ou éloigner vos photos.

Watermark

Un watermark est une signature visible ou presque invisible qui peut être ajoutée à vos photos pour marquer votre propriété et ainsi éviter le vol. Vous pouvez ici choisir votre signature et où l'appliquer sur vos photos. Si vous changez votre watermark, celui ci sera appliqué sur les nouvelles photos que vous téléchargez mais pas sur les anciennes.

• Utiliser un watermark : cette case à cocher permet de choisir ou non d'appliquer un watermark sur vos photos
• Image du watermark : image à appliquer en tant que watermark sur vos photos. Nous recommendons que cette image soit un png avec de la transparence
• Taille maximum du watermark sur les photos : Taille à laquelle le watermark sera redimensionné avant d'être appliqué sur les images. Le bouton Positionner la taille maximum à la taille du watermark permet de choisir comme taille maximum la taille du watermark que vous avez téléchargé. Cela permet d'éviter les problèmes liés au redimensionnement
• Transparence du watermark : Ce paramètre permet de définir la transparence de l'image du watermark lorsqu'elle est appliquée sur vos photos. Si vous modifiez ce paramètres, attendez vous à attendre quelques secondes lors de son enregistrement.
• Position horizontale : Position du watermark sur l'image téléchargée (à gauche, au centre ou à droite)
• Position verticale : Position du watermark sur l'image téléchargée (en haut, au centre ou en bas)
• Distance horizontale : Si la position horizontale est gauche ou droite, ce paramètre indique la distance du watermark au bord de l'image (en pixels)
• Distance verticale : Si la position verticale est haut ou bas, ce paramètre indique la distance du watermark au bord de l'image (en pixels)

Note : Pour faciliter le paramétrage du watermark, une prévisualisation d'une image avec votre watermark apparait en dessous des paramètres. Une fois votre watermark paramétré, tentez de télécharger une image puis de la visualiser en cliquant dessus depuis votre gestionnaire de photos. Votre watermark apparait sur la photo. Vérifier que tout vous convient.

Le paramétrage des cartes est décrit ici.

Dans l'onglet Communication, vous pouvez définir le paramétrage des notifications par email et de la modération automatique des commentaires. Les paramètres sont les suivants :

• Envoyer un messages aux administrateurs lorsqu'un nouveau commentaire est publié : si cette case est cochée, tous les administrateurs du site (vous pouvez nommer des administrateur dans la gestion des utilisateurs) recevront un email à chaque fois qu'un commentaire sera posté sur votre site
• Envoyer un messages aux administrateurs lorsqu'un nouveau commentaire est en attente de modération : si cette case est cochée, tous les administrateurs du site recevront un email à chaque fois qu'un commentaire sera posté sur votre site et qu'il nécessitera une modération (voir gestion des commentaires ainsi que les paramètres suivants pour plus de détails sur la modération des commentaires)
• Avant de publier un commentaire, celui ci doit être approuvé manuellement : cochez cette case si vous souhaitez que tous les commentaires postés sur votre site soient approuvés par un administrateur avant d'apparaitre aux yeux de tous
• Les commentaires postés par un utilisateur ayant déjà un commentaire approuvé sont automatiquement approuvés : cochez cette case si vous souhaitez que les administrateurs n'approuvent que les commentaires des utilisateurs n'ayant jamais posté de commentaires sur votre site.

Dans l'onglet Réseaux sociaux, vous pouvez paramétrer une barre de partage d'articles qui apparaitra dans vos articles. Un aperçu de votre barre de partage apparait au dessus des paramètres

Barre de partage sur les réseaux sociaux

Les options ci-dessous vous permettent de personnaliser cette barre :

• Afficher une barre de partage dans vos articles : cochez cette case si vous souhaitez que tous vos articles contiennent votre barre de partage
• Liste des réseaux sociaux affichés : dans cette liste (constituée de boutons avec l'icone du réseau social concerné), vous pouvez cliquer sur les réseaux sociaux pour les sélectionner / déselectionner. Seuls les réseuax sélectionnés apparaitront dans votre barre. Vous pouvez également déplacer les boutons sur la barre en cliquant dessus, en maintenant le bouton de la souris enfoncé, glissez le bouton et déposez le à l'endroit souhaité.
  Liste sélectionnable des réseaux sociaux
• Taille des boutons : vous pouvez choisir si vous souhaitez des boutons grands, normaux, petits ou très petits dans votre barre
• Texte du bouton : vous pouvez choisir de ne pas afficher de texte (seule l'icone du bouton sera affichée), d'afficher le nom du réseau social concerné ou d'afficher le nom de l'action effectuée par l'utilisateur lorsqu'il partage sur ce réseau
• Alignement : choisissez si votre barre doit être alignée à gauche, centrée ou bien alignée à droite dans votre article
• Espacer les boutons : cochez la case si vous souhaitez que les boutons soit espacés les uns des autres
• Utiliser des boutons ronds : cochez la case si vous souhaitez que les boutons soient légèrement arrondis.

Dans l'onglet Référencement, vous retrouvez des paramètres permettant de suivre et d'améliorer votre référencement. Les paramètres présents sont les suivants :

• Google Analytics ID : ce paramètre vous permet de renseigner votre propre clé d'API Google Analytics pour suivre les statistiques de votre site depuis Google Analytics. Google analytics est un service gratuit fourni par Google. Créez un compte sur Google Analytics pour votre domaine, Google vous fournira une clé que vous pouvez entrer ici. TrotBlogger utilisera cette clé pour envoyer vos statistiques d'utilisation sur votre compte Google Analytics. Vous disposerez alors de statistiques très complètes et détaillées à propos de vos visiteurs, des pages visitées et même en temps réel.
• Description : une description de votre site web en 160 caractères maximum. Cette description apparaitra dans les moteurs de recherche lorsque votre site sera trouvé comme résultat d'une recherche. C'est également cette description qui sera présente sur les réseaux sociaux lorsque votre site fera l'objet d'un partage.
• Sitemap : la sitemap de votre site est un fichier permettant aux moteurs de recherche d'indexer votre site. Celui ci est généré par TrotBlogger et renouvellé lorsque vous créez du contenu. TrotBlogger envoie cette sitemap aux principaux moteurs de recherche à chaque mise à jour. Vous pouvez consulter votre sitemap en cliquant sur ce lien.

Google Maps est un service fourni par Google permettant d'afficher et de personnaliser des cartes. TrotBlogger utilise ce service pour l'affichage des cartes de votre site web. Pour l'instant, Google Maps est le seul fournisseur supporté par TrotBlogger mais nous prévoyons de vous proposer de choisir votre fournisseur de cartes bientôt. Pour que ce service fonctionne, Google demande une clé d'API. TrotBlogger utilise sa propre clé d'API pour afficher les cartes sur votre site durant 10 jours. Après ce délai, vous devrez renseigner votre propre clé d'API pour continuer à utiliser ce service. Google Maps vous autorise à afficher 25 000 cartes par jour gratuitement. Vous devez donc demander une clé d'API pour Google Maps et renseigner cette clé dans les Paramètres de votre site dans l'onglet Cartes.

Toutes les informations permettant de demander une clé d'API Google Maps se trouvent sur ce lien.

Suivez les instructions qui consistent dans les étapes suivantes (Cela ne vous prendra que deux minutes, pas plus) :

• Allez à la Google API Console. Cela va créer un Projet d'API lié à votre compte Google. Acceptez les conditions d'utilisation et clickez sur Accepter et continuer
  Google vous demande d'accepter leurs conditions d'utilisation
• Google vous demande quel type d'identifiants vous souhaitez. Vous avez besoin d'une clé d'API. Cliquez sur le lien "clé d'API".
  Choisissez votre identifiant
• Vous arrivez sur la page de création de clé. Remplissez cette page puis cliquez sur Créer
• Entrez un nom pour votre clé ou laissez le nom par défaut
• Dans la section Restrictions de clé, choisissez Référents HTTP
• Dans la section Accepter des requètes de ces référents HTTP , entrez les valeurs suivantes :
• votresiteweb.trotblogger.com/ : cela permet à votre blog d'afficher des cartes
• admin.trotblogger.com/votresiteweb/ : cela permet à votre console d'administration d'afficher des cartes. Vérifiez bien le nom après admin.trotblogger.com en vous connectant à votre console d'administration
• votresiteweb.com/ * : cela permet à votre propre nom de domaine d'afficher des cartes (si vous avez souscrit une offre payante. Sinon, n'entrez pas cette valeur)
  Créer votre clé d'API
• Google affiche votre clé d'API dans une popup vous disant qu'elle a bien été créée. Copiez la clé et cliquez sur Fermer
  Votre clé d'API a été créée

Vous pouvez maintenant renseigner votre clé d'API dans votre console d'administration, cliquez sur et choisissez Paramètres. Sélectionnez l'onglet Cartes et entrez votre clé dans le champ dédié. Cliquez sur Enregistrer.

A tout moment, vous pouvez vous connecter à votre Google API Console et changer votre clé d'API. Par exemple, si vous souscrivez une offre payante et choisissez votre propre nom de domaine, vous devrez l'ajouter à la liste des restrictions de votre clé d'API. Pour faire cela, allez dans votre Google API Console, cliquez sur cotre clé d'API et ajoutez votre nom de domaine à la liste.

Votre Google API Console, vous pouvez modifier la clé en cliquant dessus

TrotBlogger vous permet de choisir un design pour votre site et de le personnaliser pour que votre site soit unique. Vous pouvez changer votre design à tout moment sans que cela n'affecte le contenu de votre site. Si vous souhaitez quelque chose de particulier et que les designs proposés sont insuffisants, contactez nous.

Pour accéder à la personnalisation du design de votre site, depuis votre console d'administration, cliquez sur puis choisissez Design.

Sur cette page, se trouve le nom du design courant de votre site ainsi qu'une image d'aperçu de ce design. Vous pouvez également personnaliser le design depuis cette page.

Pour changer de design, cliquez sur le bouton Changer de design à gauche de l'écran

Popup de choix du design

Dans la popup qui s'ouvre choisissez un autre design puis validez.

Note : Lorsque vous changez de design sur cette page, cela n'a aucun impact sur votre site, vous pouvez changer plusieurs fois de design, modifier les paramètres des design, les enregistrer, prévisualiser votre site avec différents designs et paramètres... Pour appliquer les changements sur votre site, vous devez cliquer sur Définir ce design pour votre site.

Pour accéder à la personnalisation du design de votre site, depuis votre console d'administration, cliquez sur puis choisissez Design.

Dans la partie droite de la page, se trouvent l'ensemble des paramètres de personnalisation de votre design. Ces paramètres sont organisés en onglets. Chaque design a ses paramètres propres et nous ne pouvons que vous conseiller de bien lire la description de chaque paramètre et de faire des tests.

Lorsque vous avez fini votre paramétrage, cliquez sur Enregistrer les options du design, cela permettra de conserver vos paramètres pour ce design. Si le design que vous paramétrez est celui de votre site, le paramétrage que vous sauvegardez à un effet immédiat. Sinon, ce paramétrage ne sera visible que si vous cliquez sur Définir ce design pour votre site

Vous pouvez prévisualiser les changements que les paramètres ont sur le design de votre site en cliquant sur le bouton Prévisualiser les changements même si le design que vous paramétrez n'est pas celui de votre site actuellement.

Dans la popup qui s'ouvre, vous visualisez d'abord votre page d'acceuil avec le paramétrage défini. Dans la liste déroulante en haut de la popup, vous pouvez choisir une autre page du site à prévisualiser avec votre paramétrage.

Prévisualisation du design avec d'autres paramètres

Souvent, on retrouve dans les designs les onglets de paramétrage suivants :

• Contenu : ces paramètres vont vous permettre de définir le contenu qui s'affichera dans certaines zones du site. Par exemple, une zone d'entete en haut du site dans laquelle vous pourrez écrire ce que vous souhaitez, ou bien un album à thème à choisir pour faire défiler des photos dans un bandeau du site. Généralement, les emplacements pouvant contenir des barres de widgets sont également paramétrées dans cet onglet. Vous pouvez ainsi choisir une barre de widget à afficher dans la partie droite du site ou un barre de widget à afficher dans le pied de page du site.
• Apparence : ces paramètres permettent de définir l'apparence du design. Par exemple, dans cet onglet, vous retrouverez le paramétrage des couleurs de votre site, si celui ci est clair ou foncé, les polices à utiliser pour les titres, pour le texte...
• Css et Js : ces onglets permettent une personnalisation plus approfondie de votre site. Vous devez avoir quelques connaissances en programmation dans les languages css (qui permet de définir le style d'une page) et javascript (qui permet d'exécuter des programmes sur votre site). Attention, le code que vous insérez dans ces deux onglets sera partie intégrante de chaque page de votre site, prenez garde aux scripts que vous mettez ici ! Pour quelques exemples de scripts, consultez la rubrique Exemples.

Exemple de paramétrage d'un design

Exemple de paramétrage del'apparence d'un design

Ci dessous quelques exemples de règles css et de scripts js pour vous permettre de faire de petites choses pour embellir votre site. Ces scripts présentent des possibilités de personnalisation qui ne sont pas exploités au travers d'options du design.

Changer la police du menu

Par défaut, la police utilisée dans le menu est la police du texte, si vous voulez la changer pour la police de titre, utilisez le script css suivant :

    .header .navbar-nav > li {
        font-family: "Baloo Bhaijaan"; /* Ou Baloo Bhaijaan est le nom de la police de titre */
    }

Si vous souhaitez charger une autre police que les deux polices utilisées pour les titres et le texte, utilisez le script js suivant :

    WebFont.load({
        google: {
          families: ["Anton"] /* ou Anton est le nom de la police à charger */
        }
    });

Attention : Evitez d'utiliser trop de police sur votre site, le design et la lisibilité en patissent...

Le menu est affiché entièrement en majuscules par défaut. Si vous souhaitez afficher les minuscules, utilisez le script css suivant :

    .header .navbar-nav > li > a {
        text-transform: none;
    }

Mon logo n'est pas au bon endroit, ou de la bonne taille

Par défaut, le logo dans la barre de titre a une hauteur de 40 pixels, si le votre n'est pas "allongé", il risque de se retrouver tout petit... Pour améliorer cela, utilisez le script css suivant :

    #logo-header {
        height: 100px!important; /* nouvelle hauteur de votre logo */
        margin-top: -35px; /* Permet de repositionner votre logo verticalement dans la barre de titre, essayez plusieurs valeurs jusqu'à ce qu'il soit au bon endroit. */
    }

Si votre menu est centré et que votre logo redimensionné dépasse sur la barre de menu, vous pouvez descendre la barre de menu avec le script css suivant :

    .nav-container {
      margin-top:50px; /* ou 50px est le nombre de pixels duquel la barre doit descendre */
    }

Légendes des photos

Par défaut, les légendes des photos n'apparaissent pas dans les articles, elles apparaissent lorsque le lecteur passe la souris dessus. Pour changer cela, modifier la propriété opacity du script suivant, choisissez une valeur (correspondant à la transparence de la couleur de fond) et ajoutez !important comme dans le script ci dessous. Cela permet d'appliquer cette transparence en toutes circonstances. Par défaut, la transparence est à 0 et passe à 1 lorsque la souris passe dessus. Si vous souhaitez conserver le comportement mais changer la transparence, n'ajoutez pas !important. Pour modifier la couleur de fond, modifiez la propriété background du script ci dessous. Si votre couleur de fond est claire, modifiez la propriété color pour que le texte soit foncé. La propriété text-shadow permet de modifier l'ombre du texte. Dans le script ci dessous, l'ombre du texte par défaut est enlevée.

    .tg-layout-line .item .tg-hover-caption {
        background: #E0E0E0; /* Couleur de fond de la légende */
        opacity: 0.75!important; /* Niveau de transparence de la légende. Ajouter !important pour que la légende ne soit plus masquée */
    }
    .tg-layout-line .item .tg-hover-caption p {
        color: #555; /* Couleur du texte de la légende */
        text-shadow: none; /* Ombre du texte de la légende */
    }

Layout des photos

Si vous souhaitez arrondir des angles des photos de vos layouts de photo dans les articles, utilisez le script css suivant :

    .tg-layout-line .item {
        border-radius: 10px!important; /* Importance de l'arrondi des photos en pixels */
    }

Si vous souhaitez arrondir les bords du layout (seulement le bord en haut gauche de la première photo, en bas à droite de la dernière, ...), utilisez le script css suivant :

    .tg-layout-line:first-child > a:first-child .item {
        border-top-left-radius:25px!important;
    }
    .tg-layout-line:first-child > a:last-child .item  {
        border-top-right-radius:25px!important;
    }
    .tg-layout-line:last-child > a:first-child .item  {
        border-bottom-left-radius:25px!important;
    }
    .tg-layout-line:last-child > a:last-child .item  {
        border-bottom-right-radius:25px!important;
    }

Vous pouvez animer les images dans le layout lorsque l'utilisateur passe la souris dessus. Par exemple, pour que l'image zoom un peu au passage de la souris, utilisez le script css suivant :

    .tg-layout-line .item
    {
        position: relative;
        overflow: hidden;
    }
    .tg-layout-line .item:before
    {
        transition: all 0.8s ease-in-out; /*Vous pouvez ajuster la vitesse de l'animation ainsi que l'effet à appliquer */
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: inherit;
    }
    .tg-layout-line a:hover .item:before
    {
        transform: scale(1.2); /* Vous pouvez appliquer différents effets ici (ex : ajoutez rotate(7deg) )*/
    }

Animer le logo

Vous avez vu sur le site Autour de l'Orange Bleue le logo naviguer comme une mongolfière dans l'entête du site, et vous souhaiteriez faire quelque chose de similaire. Voici le script js utilisé :

    //Animate header
    $(function () {
        var canvas = $("<canvas id='logo' class='img-logo'></canvas>"); //create a canvas
        canvas.appendTo($(".top-img .top-banner")); //append it in the header of the website, you need to change the selector to append it in another design
        if (canvas) {
            var ctx = canvas[0].getContext('2d');
            var img = new Image();
    
            var ang = 0; //angle
            var fps = 1000 / 25; //number of frames per sec
            var max = 5;
            var dir = 1;
            var ray = 50;
            var angdep = 0;
            var angdepy = 0;
            var angmov = 0;
            img.onload = function () { //on image load do the following stuff
                canvas[0].width = this.width << 1; //double the canvas width
                canvas[0].height = this.height << 1; //double the canvas height
                var cache = this; //cache the local copy of image element for future reference
                setInterval(function () {
                    ctx.save(); //saves the state of canvas
                    ctx.clearRect(0, 0, canvas[0].width, canvas[0].height); //clear the canvas
                    ctx.translate(cache.width + Math.cos(angdep) * ray * 4, cache.height + Math.sin(angdepy) * ray / 1.5); //let's translate
                    angdep += 0.01;
                    angdepy += 0.1;
                    ctx.rotate(Math.PI / 180 * (ang += Math.cos(angmov) * 0.2)); //increment the angle and rotate the image 
                    angmov += 0.1;
                    ctx.drawImage(img, -cache.width / 2, -cache.height /2); //draw the image ;)
                    ctx.restore(); //restore the state of canvas
                }, fps);
            };
    
            img.src = hottub.getOption("logo").image.link; // get the logo url
        }
    });

Problème pour faire ce que vous souhaitez

Vous souhaitez faire quelque chose de particulier sur votre design qui n'est pas possible avec les options seules et vous ne savez pas comment faire, contactez nous, nous vous aiderons...

Les widgets sont de petites applications que vous pouvez insérer dans votre site. Par exemple, un widget peut afficher la liste de vos derniers articles, ou bien l'endroit ou vous vous trouvez actuellement, ou encore proposer à vos lecteurs de s'abonner à votre blog.

Pour choisir les widgets de votre site, depuis votre console d'administration, cliquez sur puis choisissez Widgets.

Sur cette page se trouve la liste des barres de widgets que vous avez créées. Vous pouvez créer autant de barres de widgets que vous le souhaitez. Pour que ces barres soient visibles sur votre site, vous devez les référencer dans la personnalisation de votre design. Pour créer une barre de widgets, cliquez sur Créer une barre de widgets tout en bas de la page. Vous devez ensuite ajouter un widget à cette barre en cliquant sur Ajouter un widget à coté du numéro de la barre de widget où ajouter ce widget.

Ajout et paramétrage d'un widget

Dans la popup d'ajout de widget, vous devez sélectionner le widget à ajouter. Chaque widget est une application à part entière pour laquelle vous devez définir un certain ombre d'options. Vous devez renseigner un titre pour le widget, le titre apparait au dessus de l'application dans la barre de widget. Vous pouvez prévisualiser à tout moment l'aspect de votre widget en cliquant sur Prévisualiser le widget en bas à droite de la popup.

Les widgets existants sont les suivants :

• Localisation : Ce widget affiche une petite carte avec votre dernier emplacement connu pour le voyage de votre choix (liste déroulante dans les options).
• Arbre des catégories : Ce widget affiche l'arborescence de toutes vos catégories (celles qui ont été définies comme visible dans le paramétrage des catégories). Chaque catégorie est un lien vers la page correspondante.
• Articles récents : Ce widget affiche la liste des derniers articles publiés sur votre blog. Vous pouvez choisir le nombre d'articles à afficher et choisir d'afficher ou non leur photo de couverture.
• Articles les plus lus : Ce widget affiche les articles les plus lus de votre blog, vous pouvez choisir le nombre d'articles à afficher, choisir d'afficher ou non leur photo de couverture et choisir la période statistique sur laquelle rechercher. Vous pouvez choisir d'afficher les articles les plus populaires de la semaine dernière, du mois dernier, de l'année passée ou de tous les temps.
• Calendrier des publications : Ce widget affiche un arbre des articles de votre blog triés par année et par mois. Vous pouvez choisir d'ouvrir tout l'arbre ou seulement le mois le plus récent.
• Facebook : Ce widget affiche un encart de partage de votre page Facebook, vous devez donner le lien facebook de votre page ainsi que son nom.
• Abonnement : Ce widget permet à vos visiteurs de s'abonner à votre blog. Les visiteurs doivent être enregistrés pour pouvoir s'abonner. Pour s'enregistrer, les lecteurs peuvent le faire au travers de TrotBlogger, de Google ou de Facebook. Ces options sont proposées dans l'application. Si l'utilisateur est déjà abonné, l'application le lui indique.
• Texte personnalisé : Ce widget affiche un texte de votre choix. Notez que le texte est rédigé à l'aide de la même zone de rédaction que pour les articles, vous pouvez donc y insérer des médias, et ce que vous souhaitez.
• Widget Html5 : Ce widget vous permet d'insérer n'importe quel service de widget html5 tiers sur votre site. Il vous suffit d'insérer le code html du widget (ce code vous est fourni par les services tiers de widgets) dans la zone prévie à cet effet. Par exemple, si vous souhaitez un widget de traduction de votre site. Allez sur ce lien et suivez les instructions, un code html vous sera fourni qu'il vous suffira de recopier dans la zone de code du widget.
• Mur de photos : Ce widget permet d'afficher des photos de votre blog, vous pouvez choisir combien de colonnes contient le mur de photos et combien de photos afficher en tout. Vous pouvez choisir d'afficher les dernières photos téléchargées sur votre site ou bien de choisir des photos au hasard parmis toutes celles que vous avez téléchargé.
• Diaporama : Ce widget affiche un diaporama de photos. Vous pouvez choisir combien de temps est affichée chaque photo et le nombre de photos à afficher. Vous pouvez choisir d'afficher les dernières photos téléchargées sur votre site ou bien de choisir des photos au hasard parmis toutes celles que vous avez téléchargé.
• Liens sociaux : Ce widget affiche les icones de réseaux sociaux de votre choix et redirige vers vos pages dédiées sur ces réseaux. Renseignez les urls des pages que vous possédez sur les réseaux de votre choix. La dernière icone permet de mettre un lien vers le flux rss de votre blog.

Dans votre liste de widgets, vous pouvez agir sur les widgets existants à l'aide des boutons suivants :

• Modifier permet de modifier un widget, vous pouvez modifier ses options, son titre ou même changer d'application
• Supprimer permet de supprimer un widget d'une barre de widgets
• permet de faire remonter un widget en première position d'une barre de widgets
• permet de faire remonter un widget d'un cran dans une barre de widgets
• permet de faire descendre un widget d'un cran dans barre de widgets
• permet de faire descendre un widget en dernière position d'une barre de widgets

Exemple de barre de widget sur un site

TrotBlogger vous aide à mieux connaitre vos visiteurs, pour cela, il vous fournit des outils simple vous permettant de savoir d'ou ils viennent, ce qu'ils regardent, quelle langue ils parlent, ... TrotBlogger intègre son propre système de statistiques. Si vous souhaitez plus de statistiques, vous pouvez paramétrer Google Analytics

Le Tableau de bord

Le Tableau de bord vous donne une vue d'ensemble des statistiques de votre site. C'est la page d'acceuil de votre console d'administration, depuis celle ci, cliquez sur puis choisissez Tableau de bord.

Voici les informations que vous retrouvez sur cette page :

• Calendrier des pulications : Un calendrier synthétique vous permettant de voir en un clin d'oeil à quelle fréquence vous publiez des articles
• Statistiques du dernier article publié : retrouvez le nombre de vues et le nombre de commentaires du dernier article que vous avez publié
• Statistiques du jour : retrouvez le nombre de pages vues sur votre site, le nombre de visiteurs et le nombre de commentaires du jour
• Statistiques depuis la création : retrouvez le nombre d'articles publiés sur votre site, le nombre de pages vues, le nombre de visiteurs, le nombre de commentaires, le nombre maximum de pages vues en une journée, le jour de la semaine et l'heure de la journée durant lesquels vos lecteurs sont le plus assidus et ce depuis la création de votre site.

Tableau de bord

Les statistiques de votre site

Les Statistiques de votre site vous donnent une vue détaillée de ce que vos lecteurs préfèrent, d'ou ils viennent, quelle langue ils parlent et ce par jour, par semaine, par mois, par année. Pour y accéder, depuis votre console d'administration, cliquez sur puis choisissez Statistiques.

Cette page vous propose en haut un graphique du nombre de pages vues sur votre site. Par défaut, le graphique affiche cette statistique par jour depuis les quelques dernières semaines. Vous pouvez changer la fréquence des statistiques en cliquant sur les boutons Jour, Semaine, Mois et Année au dessus du graphique. Vous pouvez également changer la donnée à visualiser en cliquant sur les boutons sous le graphique :

• Pages vues pour voir le nombre de pages vues
• Pages uniques pour voir le nombre de pages uniques vues (si un visiteur voit deux fois la même page, celle ci n'est comptée qu'une fois)
• Pages vues par des visiteurs enregistrés pour voir le nombre de pages vues par les visiteurs ayant un compte
• Visiteurs pour voir le nombre de visiteurs uniques sur votre site
• Visiteurs enregistrés pour voir le nombre de visiteurs uniques sur votre site ayant un compte
• Commentaires pour voir le nombre de commentaires

Graphique du nombre de vues de votre site

A chaque fois que vous cliquez sur un des boutons permettant de modifier la fréquence, ou que vous cliquez sur une journée, une semaine, un mois ou une année directement sur le graphique, les statistiques du bas de la page sont rafraichies pour correpondre à la période demandée. Ces statistiques sont les suivantes :

• Articles et pages : La liste des articles et des pages (page de catégorie, d'album à thème, carte, page d'acceuil, ...) qui ont été vues sur la période demandée, triées par nombre de vues. Vous pouvez cliquer sur un article ou une page, une popup s'ouvre vous présentant les statistiques du nombre de vues, de visiteurs, ... par jour, semaine mois ou année mais spécifiquement pour cet article ou page
  Statistiques d'un article
• Pays : La liste des pays depuis lesquels vos visiteurs se sont connectés, triés par nombre de vues. Une carte vous permet d'avoir un aperçu global de vos visiteurs. Cliquez sur pour agrandir cette statistique dans une popup et voir la liste complète des pays et des statistiques.
  Statistiques par pays
• Référents : La liste des sites depuis lesquels vos visiteurs ont eu accès à votre site, pour ceux qui ne se connectent pas directement avec l'url de votre site mais qui ont cliqué sur un lien qui les a mené sur votre site. De même, vous pouvez agrandir ces statistiques dans une popup en cliquant sur .
  Statistiques par référents
  .
• Langue : La liste des langues que parlent vos visiteurs par nombre de pages vues. Cliquez sur pour agrandir cette statistique dans une popup et voir la liste complète des langues.
  Statistiques par langue

TrotBlogger vous donne des informations à propos de ceux de vos visiteurs qui participent à votre site web. Depuis votre console d'administration, cliquez sur puis choisissez Utilisateurs.

Depuis cette page, vous voyez la liste des visiteurs qui ont participé à votre site. Un visteur participe s'il :

• est abonné ou a été abonné à votre site.
• a commenté un de vos articles

Pour chaque visiteur de cette liste, vous voyez son avatar, son nom d'utilisateur et son adresse email. Si l'utilisateur est abonné à vos publications, vous voyez un à coté de son nom.

Les utilisateurs qui ont accès à la console d'administration de votre site sont des Administrateurs, ce mot apparait à coté de leur nom s'il ont ce droit. Si vous avez créé le site web, vous êtes initialement le seul administrateur de votre site. Vous avez la possibilité de nommer des administrateurs depuis cette page en cliquant sur Promouvoir en tant qu'administrateur à coté du nom de l'utilisateur. Vous pourrez ensuite défaire cette promotion si vous le souhaitez.

Liste des utilisateurs

Les commentaires vous permettent de communiquer avec vos visiteurs. Dans chacun de vos articles, vos visiteurs peuvent laisser, s'ils le souhaitent, un commentaire. En bas de l'article, une zone est prévue à cet effet, juste au dessus de la liste des commentaires déjà laissés. Pour laisser un commentaire, un utilisateur doit être enregistré. Pour cela, il peut avoir un compte TrotBlogger ou bien se connecter au travers de Google ou de Facebook. Sur TrotBlogger, les commentaires ne peuvent donc pas venir d'utilisateurs anonymes, vous évitant de devoir modérer du spam tous les jours...

Lorsqu'un utilisateur poste un commentaire, vous pouvez choisir de recevoir un email. Vous pouvez également choisir comment ce commentaire sera approuvé, s'il apparaitra directement sans controle sur votre site, si un administrateur doit l'approuver avant qu'il apparaisse et si les utilisateurs ayant déjà un commentaire approuvé peuvent voir leurs autres commentaires approuvés automatiquement. Pour paramétrer cela, lisez la rubrique sur les paramètres de communication.

Vous pouvez répondre aux commentaires de vos utilisateurs directement depuis vos articles, dans la zone de commentaires, en cliquant sur à coté du commentaire à répondre. Si vous êtes administrateur, vous pouvez également choisir de supprimer un commentaire en cliquant sur à coté de celui ci. Cela supprime le commentaire et ses réponses. Si vous êtes l'auteur d'un commentaire, vous pouvez également choisir de le supprimer de la même façon.

Pour voir la liste des commentaires de votre site et modérer les commentaires, depuis votre console d'administration, cliquez sur puis choisissez Commentaires.

Dans cette liste, pour chaque commentaire, vous retrouvez :

• des informations sur l'auteur du commentaire : avatar, nom d'utilisateur et adresse email.
• la date à laquelle a été posté le commentaire,
• le contenu du commentaire
• son status, s'il a été approuvé ou non
• Un lien vers l'article sur lequel il a été posté.

Pour chaque commentaire, vous pouvez choisir de :

• Modifier : vous pouvez modifier le commentaire
• Approuver : cliquez ici pour approuver le commentaire si celui ci est en attente de modération
• Désapprouver : cliquez ici pour désapprouver (et donc rendre invisible) un commentaire indésirable
• Supprimer : cliquez ici pour supprimer définitivement un commentaire

Liste de commentaires