Weblogs
Habillage
Qu'est-ce qu'un thème ?
Un thème détermine le format, le contenu (le type de contenu qui doit apparaître sur votre weblog) et le style de votre weblog. Lorsque vous publierez une nouvelle note sur votre weblog, sa mise en page dépendra du thème que vous aurez choisi pour votre weblog. Un thème est composé d’un ensemble d’éléments d’habillage qui ont chacun un rôle propre (par exemple les archives ou la page principale de votre weblog).
L’outil de création de thème vous permet de définir comme bon vous semble le format, le style, le design de votre weblog ainsi que les grandes catégories de contenu qui apparaîtront sur votre weblog (vos listes, albums photos, calendrier entre autres).
Vous pouvez créer un thème qui soit parfaitement adapté au sujet que vous allez traiter. Par exemple si votre weblog a pour sujet principal les livres, vous pouvez créer un module d’habillage qui fasse apparaître dans la colonne latérale une TypeListe comprenant les titres des livres que vous avez lus.
Différents types de thèmes
Il y a 3 types thèmes : les thèmes standard, les thèmes prédéfinis et les habillages avancés:
Les thèmes standards:
Pour modifier un thème standard, vous devez utiliser
l’outil de Création d’Habillage.Habillage > Modifier le thème > thème standard
Voir aussi : Créer un nouveau thème standard
Les thèmes prédéfinis:
Les thèmes prédéfinis ont été concus par nos designer pour vous permettre de bénéficier en quelques secondes d'un style porfessionnel. Il sont clef en main mais peu modifiables.
Les modules d’habillage avancé
Les modules d’habillage avancé vous permettent de modifier votre
habillage en accédant directement au code. C'est uniquement réservé aux experts du code HTML
Voir aussi : Qu’est-ce qu'un habillage avancé ?
Editer le CSS:
Avant de vous lancer dans la création d'un habillage avancé nous vous recommandons de vous poser la question de ce que vous voulez faire exactement. En effet, il s'agit de modifier simplement quelques éléments de design pour que votre blog colle parfaitement à votre charte graphique préférez le module de CSS. En editant le CSS vous pourrez faire des mofications impportantes sur le design de votre weblog sans pour autant prendre le risque de toucher au code source.
Choisir un habillage pour votre weblog
Cliquez sur l’onglet Habillage ou sur le lien raccourci dans la colonne.
Dans la page qui s’affiche, vous avez par défaut le thème utilisé avec son nom et le format choisi.
Changer le nom et la description du thème
Renommer votre thème permet, si vous avez plusieurs weblogs, de mieux gérer vos différents habillages. Ceci n’est pas possible pour les habillages prédéterminés. Cliquez sur le lien changer le nom et la description pour entrer vos propres paramètres.
Changer de Thème
Pour changer de thème cliquez sur le lien Modifier le Thème dans l’onglet Habillage.
Si vous êtes en Offre Plus ou Pro vous pouvez à cet endroit créer un thème personnalisé avec notre outil de création de thème permettant de modifier tous les paramètres de format, couleurs, typo etc. Suivez les instructions pour Modfier votre thème.
Changer de Thème
Pour changer de thème cliquez sur le lien Modifier le Thème dans l’onglet Habillage. Si vous êtes en Offre Plus ou Pro vous pouvez à cet endroit créer un thème personnalisé avec notre outil de création de thème permettant de modifier tous les paramètres de format, couleurs, typo etc.
Editer des CSS Personnalisés (offre Pro uniquement)
Si vous voulez éditer les CSS (ce qui demande une certaine maîtrise du code), cliquez sur le lien Editer les CSS dans la partie Habillage > Modifier le thème.
Vous pouvez coller le contenu de votre CSS dans la page de dialogue et cliquer sur aperçu pour contrôler le résultat de vos changements.
Cliquez sur le bouton Enregistrez pour valider.
Changer votre contenu
Vous pouvez modifier le contenu de vos colonnes et leur agencement (ordre).
Dans l’onglet Habillage, cliquez sur le lien Modifier le contenu pour définir les éléments à afficher dans la colonne (albums photos, abonnements podcast, archives, catégories, etc.) et/ou sur le lien Modifier l’ordre pour définir la place des différents éléments dans vos colonnes. Un outil de déplacement avec la souris vous permettra de le faire très simplement.
Creer un nouvel habillage
Cliquez sur l’onglet Habillage si vous n’êtes pas déjà dessus et
cliquez sur le menu
Nouveau.
Vous pouvez soit créer un habillage complètement nouveau soit en créer un à partir d’un autre habillage déjà existant. Pour cela, utilisez le menu“Gérer les habillages”. Le menu vous permet de choisir un habillage existant qui vous servira de base pour en créer un nouveau.
Outil de Création d’habillage de TypePad
Etape 1 - Le choix du format:
Vous choisissez dans cette rubrique des formats standards sont optimisés pour la mise en page de textes. Ils vous permettent d'utiliser pleinement les fonctionnalités de mise en page TypePad comme les fonctions glisser-déplacer pour agencer vos colonnes.
Les formats blogs photos ou mobile sont optimisés pour les blogs alimentés à partir d'un téléphone mobile ou pour les blogs contenant principalement des photos, des vidéos et des sons. Mais attention, il ne sont pas modifiables
Etape 2 - Sélectionnez le contenu de votre weblog:
Il s'agit de définir les éléments que vous souhaitez en pieds de notes, voir figurer dans vos colonnes. Il s'agit là d'une premier coix sur lequel vous pourrrez revenir à loisir par la suite.
Etape 3 - Ordre du contenu dans les colonnes
Dans cette page vous pouvez organiser les élements dans vos colonnes simplement en utilisant la souris pour déplacer les différents blogs de contenu.
Etape 4 - Le choix du style : sélection du thème
Il y a 3 types thèmes : les thèmes standard, les thèmes prédéfinis et les habillages avancés:
Les thèmes standards:
Pour modifier un thème standard, vous devez utiliser l’outil de Création d’Habillage.Habillage > Modifier le thème > thème standard
Les thèmes prédéfinis:
Les thèmes prédéfinis ont été concus par nos designer pour vous permettre de bénéficier en quelques secondes d'un style porfessionnel. Il sont clef en main mais peu modifiables.
Etape 5 - Enregistrez votre habillage:
Donnez un nom et une description à l'habillage, cela vous permettra par la suite de vous y retrouver dans la liste de vos différents thèmes. Pour valider vous avez deux choix. Soi Sauvegarder, qui permet d'enregistrer cet habillage soit Sauvegarder et appliquer cet habillage qui non seulement l'enregistrera mais aussi l'appliquera directement sur votre weblog.
Choisir le format d'un weblog
C’est là que vous décidez du nombre de colonnes que devra contenir votre weblog et de leur agencement.
Votre weblog peut être construit autour d’une, de deux ou de trois
colonnes :
- 1 Colonne
- Avec un design à une seule colonne, vos notes apparaîtront au centre sur toute la largeur de la page. Simple et d'un seul bloc, cet habillage poussera les visiteurs à se concentrer sur les textes et photos que vous avez publiés, aucun autre élément ne viendra les perturber. Vos liens et autres informations apparaissent en bas de page.
- 2 Colonnes dont la colonne accessoire à gauche
- Le design à deux colonnes est simple et flexible : il vous permet de mettre vos liens et vos TypeListes sur le côté pour une meilleure lisibilité. Une large place est réservée aux notes, ce qui rend toute information supplémentaire plus accessible.
- 3 Colonnes dont la colonne accessoire à droite
- Le design à deux colonnes est simple et flexible et vous permet de rassembler vos liens et TypeListes dans la colonne de droite. Une large place est réservée aux notes, ce qui rend toute information supplémentaire plus accessible.
-
Si vous choisissez un format d’habillage pour lequel la largeur est variable, la largeur de la zone consacrée aux notes sur votre weblog s’adaptera à la taille de la fenêtre de votre navigateur.
Dans le cas d’un format où la largeur de la fenêtre est fixe (400 pixels par exemple), la zone consacrée aux notes sur votre weblog restera la même quelle que soit la taille de la fenêtre de votre navigateur.
Habillages Plurimédia
Ils sont très utiles si vous avez un blog à thème qui tourne uniquement autour de la photo, de la vidéo ou de l’audio, notamment si vous postez vos notes via votre téléphone mobile.
Habillages Blog photo mobiles |
 |
|---|
Si vous utilisez ce type de thème sachez cependant que :
- Vous ne pouvez pas y intégrer dans les colonnes vos albums photos
- Vous ne pouvez pas intégrer dans la colonne un calendrier ou l’option de liste des derniers weblogs TypePad mis à jour.
- Vous pouvez sélectionner les Typelistes à afficher dans la colonne.
- Vous ne pouvez pas convertir ce thème en habillage avancé.
- Vous ne pouvez pas modifier l’ordre d’affichage dans les colonnes.
- Toute nouvelle image postée, même dans une note, sera affichée dans les photos récentes.
Ce sont donc des habillages professionnels mais qui intègrent un certain nombre de contraintes.
Choisir le contenu d'un weblog Habillage > Modifier le contenu
Il s’agit des éléments que vous souhaitez voir apparaître dans la colonne centrale et la ou les colonnes latérales de votre weblog :
Vos notes
- La date en en-tête
- La date regroupe vos notes selon la date de publication. La date est rappelée pour chaque changement de date. Utilisez ce paramètre pour afficher ou cacher la date.
- Le titre de la note
- Vous devez entrer un titre lorsque vous créez ou modifiez une note pour que cette option soit activée. Utilisez ce paramètre pour afficher ou cacher le titre de la note.
- Le pied de la note (menu déroulant)
- Le pied de la note comprend des informations sur la note comme le nom de l’auteur, la date de publication, la catégorie, le permalien et les liens permettant les commentaires et le TrackBack. Cochez ou décochez la case pour afficher ou masquer le pied de la note. Si vous décidez d’afficher le pied de la note, vous pouvez choisir sa mise en page en utilisant le menu déroulant.
Tout sur TypePad : Options des pieds de notes
Le permalien permet de toujours retrouver une note, c’est sa localisation permanente. Lorsque vous cliquez sur le permalien, vous allez à la page d’archive contenant cette note.
Même lorsque une note n’est plus visible sur la page principale d’un weblog, on peut la retrouver grâce au permalien, sa localisation permanente. Par défaut, le pied de la note comprendra toujours un permalien.
Contenu de la colonne latérale
- Liens Archive
- Liens vers vos archives.
- Catégories
- Liens vers vos catégories (activera automatiquement l'archivage par catégorie).
- Les notes récentes
- Une liste des commentaires les plus récents.
- Les commentaires récents
- Une liste des commentaires les plus récents.
- Calendrier latéral
- Un calendrier avec des liens vers vos notes archivées sur le mois courant.
- Lien vers la page A propos
- Un lien vers votre page A propos.
- Votre Photo
- Votre photo reprise de la rubrique Profil de l’Auteur.
- Votre Présence en ligne
- Votre présence sur le système de Messagerie Instantanée que vous avez indiqué dans la rubrique Profil de l’Auteur.
- Lien email
- Un lien vers votre adresse email.
- Lien d'inscription
- Un lien permettant à vos lecteurs de vous ajouter à leur TypeListe d'amis.
- Lien de syndication
- Un lien vers le flux XML de votre weblog cela permet aux lecteurs de s'abonner au flux de votre blog pour le lire dans leur logiciel de gestion de flux.
- Lien Podcast
- Un lien vers le flux XML Podcast de votre weblog : cela permet aux lecteurs de s'abonner directement à votre podcast.
- Mises à jour récentes
- la liste des weblogs et albums photo récemment mis à jour dans TypePad . Important: En incluant cette liste sur votre weblog vous incluerez les liens vers d'autres weblogs TypePad dont les contenus pourraient ne pas vous convenir.
- Powered by TypePad Link
- Ajoute un lien vers TypePad s'afichant sous la forme "Powered by TypePad".
Vos TypeListes
Toutes les TypeListes que vous avez créées sont listées à la page Contenu. Pour les faire apparaître sur votre weblog, vous devez aller à la page Contenu et cocher les cases situées devant chacune des TypeListes. Si vous cochez une case correspondant à une TypeListe vide, elle apparaîtra vide sur votre weblog. Vous pouvez également Créer une TypeListe, totalement personnalisée.
La gestion de vos flux
Syndication
Cette option vous permet d'intégrer dans votre propre weblog des liens vers les dernières notes postées dans un autre weblog. Vous récupérez ainsi le flux d'information de l'autre blog.
Pour ajouter un flux cliquez sur le lien "Ajouter un noveau flux" et Saisissez l'URL du flux XML, ou bien l'URL du site qui propose un flux XML.
Configuration de l'afichage des blux.
Vos albums photos
Les albums photo sont listés.Sélectionnez les albums que vous souhaitez faire apparaître dans les colonnes de votre weblog.
La séléction de vos albums photos à afficher sur le blog
Choisir l'ordre du contenu d'un weblog
La page Modifier l'Ordre vous permet d’organiser et de positionner sur votre weblog les éléments que vous avez choisis à la page Contenu. Cliquez sur un élément et faites le glisser - en maintenant votre doigt appuyé sur le clic de la souris – vers l’endroit du weblog où vous voulez le voir apparaître.
Cliquez sur Enregistrer pour que la nouvelle organisation de votre weblog soit prise en compte
Attention: Cette fonctionnalité n'est pas disponible si vous avez choisi un format Blog photo vidéo
Choisir le Thème d'un weblog
Selectionné le bouton radio pour choisir entre une série de Thèmes Pré-définis, or create a Custom Theme.
Thèmes pré-définis
Quand cette option est sélectionnée, vous pouvez naviguer dans les différentes catégories de thèmes proposés. Cliquez sur Aperçu pour voir le rendu sur votre weblog, et cliquez sur Enregistrer pour prendre en compte les modifications si vous êtes satisfait du résultat.
Thème personnalisé
Si vous optez pour un thème personnalisé, vous pouvez customiser très simplement les différents éléments suivants. Cliquez sur Aperçu pour voir le rendu sur votre weblog et cliquez sur Enregistrer pour prendre en compte les modifications si vous êtes satisfait du résultat.
- Paramètres généraux - Vous accéderez à une page de réglages vous permettant de personnaliser un certain nombre d'éléments tels que les colonnes latérales ou encore l'affichage des liens. Une fois les éléments personnalisés, cliquez sur Enregistrer.
- Page Bannière - Vous accéderez à une page de réglages vous permettant de personnaliser la bannière supérieure. Vous pouvez également remplacer la bannière supérieure par une image. Une fois les éléments personnalisés, cliquez sur Enregistrer.
- Notes du weblog - Vous accéderez à une page de réglages vous permettant de personnaliser l'affichage des notes du blog. Une fois les éléments personnalisés, cliquez sur Enregistrer.
- Eléments de la colonne latérale - Vous accéderez à une page de réglages vous permettant de personnaliser l'affichage des colonnes latérales du blog. Une fois les éléments personnalisés, cliquez sur Enregistrer.
Nom et description de votre thème
Sur la page Gérer les Habillages ou en cliquant sur Changer le nom et la description vous pouvez changer le nom et la description pour le design que vous avez créé.
- Donnez un nom à votre thème de Base
- C'est celui que vous utiliserez par défaut dans votre compte.
Lorsque vous effectuez des changements dans vos habillages, nommez les en fonction de leurs spécificité.
Renommer un habillage permet de gérer ses différents modèles d'habillage de manière claire et facile.
- Donnez à votre thème un Nom et une Description
- Cela vous permettra de mieux gérer vos différents habillages.
Après avoir modifié vos éléménts, cliquez sur Enregistrer votre habillage pour sauver l'habillage ou bien Sauver et appliquer afin de republier votre blog par la même occasion.
Gérer vos designs
Dans Habillage, cliquez sur Gérer les Habillages
La liste de l’ensemble de vos habillages apparaîtra alors sous cette forme :
- Nom de l’habillage - en cliquant dessus vous avez directement accès à ses caractéristiques et aux options de modification du format, du style, des CSS, etc.
- Option - vous permet d’avoir un aperçu de vos changements, en cliquant sur Appliquer l’habillage vous intégrez les modifications à votre weblog.
Pour effacer un design
choisissez la boîte à cocher devant le titre de votre design et cliquez sur le bouton Effacer
Pour dupliquer un design
choisissez la boite à cocher devant le titre de votre design et cliquez sur le bouton Dupliquer
Qu'est-ce qu'un habillage avancé ?
( Compte Pro uniquement.)
Un habillage avancé est un habillage que vous pouvez modifier en touchant au code HTML, au CSS et aux balises spécifiques à TypePad. On obtient un habillage élaboré en convertissant un des habillages TypePad. Seuls les utilisateurs ayant des comptes TypePad Pro ont accès aux habillages élaborés.
Pourquoi vouloir convertir un habillage ?
Si vous connaissez le HTML ou si vous êtes à l’aise avec les balises TypePad, vous pouvez avoir envie d’aller plus loin dans la personnalisation du design ou du format de votre weblog, au-delà de ce qu’il est possible de faire avec l’Outil de Création d’Habillage.
Il se pourrait aussi que vous ayez déjà un habillage, conçu pour un autre outil de weblogging, et que vous souhaitiez l’importer dans TypePad. La conversion des habillages a été conçue pour les utilisateurs qui ont l’habitude de mettre les mains dans
le code des templates.
Que se passe-t-il lorsque l’on convertit un habillage ?
Lorsque vous convertissez un habillage, cet habillage est dupliqué. La copie est alors convertie de façon à respecter le format qui permet la modification par le code HTML et CSS. L’avantage de ce système est que vous conservez une copie de l’habillage initial, copie que vous pouvez toujours modifier en utilisant l’Outil de Création d’Habillage.
Pourquoi n’est-il pas possible de créer un habillage avancé à partir de rien ?
La copie et la conversion d’un habillage existant vous permettent d’être certain que tous les éléments de l’habillage élaboré sont présents au moment où vous allez commencer les modifications. Si vous vous sentez capable de créer votre propre habillage élaboré en partant de rien, vous pouvez coller votre code dans le template approprié.
Editer le CSS:
Avant de vous lancer dans la création d'un habillage avancé nous vous recommandons de vous poser la question de ce que vous voulez faire exactement. En effet, il s'agit de modifier simplement quelques éléments de design pour que votre blog colle parfaitement à votre charte graphique préférez le module de CSS. En editant le CSS vous pourrez faire des mofications impportantes sur le design de votre weblog sans pour autant prendre le risque de toucher au code source.
Création d’Habillage avancé
(L'habillage avancé est reservé à l'offre Pro uniquement.)
Dans la partie Habillage de votre blog cliquez sur le lien Gestion des habillages afin d'accéder à la page de gestion des habillages
1 Séléctionnez l'habillage classique à convertir
Cliquez sur la case à cocher situées à coté de l'habillage que vous souhaiter utiliser comme base de départ pour votre habillage avancé.
Lorsque que vous convertirez un habillage, l'habillage original n'est pas modifié, l'habillage avancé créé est une copie de l'habillage classique original.
2 Cliquez sur "Convertir en habillage avancé"
Une fenêtre pop-up s'ouvrira pour vous permettre de confirmer votre choix. Cliquez sur Oui, Convertir.
Après avoir confirmé, vous appercevrez un nouvel habillage avancé apparant dans la liste des habillages. Il peut être edité en cliquant sur le nom de l'habillage et séléctionnant Modifier l'habillage dans le sous menu.
3 Appliquer un habillage avancé à votre blog
Cliquez sur Appliquer l'habillage à coté de l'habillage que vous souhaitez appliquer dans la liste de vos habillages.
Editer des habillages avancés
(uniquement dans les offres PRO)
Pour travailler sur un habillage avancé, cliquez sur le titre de l’habillage dans Habillage > Gérer les habillages.
Une page d’édition va alors vous être proposée contenant tout le code HTML de votre habillage et vous pourrez travailler dessus.
Cliquez sur Enregistrer lorsque vous avez terminé vos modifications.
Supprimer un habillage
pour supprimer un habillage, cliquez sur la case à cocher situé à la gauche de son titre dans la liste des habillages puis sur le bouton Effacer en bas de la page. (en cliquant sur la case à cocher située tout en haut de la liste vous séléctionnerez tous les habillages)
Copyright © 2003-2006 Six Apart