Weblogs

Habillage

Qu’est-ce qu’un habillage ?

Un module d’habillage 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 module d’habillage que vous aurez choisi pour votre weblog. Un module d’habillage 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 d’habillage 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 module d’habillage 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 modules d’habillage

Il y a deux types d’habillages : les habillages bruts et les habillages élaborés :

Les modules d’habillage bruts

Pour modifier un module d’habillage brut, vous devez utiliser l’outil de Création d’Habillage.
Voir aussi : Créer un nouveau Module d’Habillage Brut.

Les modules d’habillage avancé

Les modules d’habillage avancé vous permettent de modifier votre habillage en accédant directement au code.
Voir aussi : Qu’est-ce que les modules d’habillage avancé ?

[haut de page]

Choisir un habillage

Cliquez sur l’onglet Design si vous n’êtes pas déjà dessus ou utilisez le lien Edit DesignModifier le Design.

Dans l’onglet Design, vous pouvez choisir l’habillage à appliquer à votre weblog :

1Choisissez un habillage

Utilisez le menu déroulant Choix d’un habillage pour voir la liste des habillages proposés dans le cadre de votre abonnement.

Pour voir un aperçu d’un design, vous n’avez qu’à choisir un design dans le menu déroulant avant de cliquer sur “Aperçu”.

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.

2 Cliquez sur “Appliquer cet habillage”

Une fois que votre choix d’habillage est fait, cliquez sur “Appliquer cet habillage”». L’habille est alors appliqué à votre weblog.

3 Publiez votre weblog

Une fois que vous avez choisi un habillage, la page Design dans l’interface d’administration TypePad sera mise à jour avec le nouvel habillage. Sous le nom et la description de l’habillage que vous avez choisi, vous pouvez voir deux boutons : Aperçu et Publier. Vous pouvez ainsi avoir un aperçu de ce que les visiteurs verront en consultant votre weblog et publier cet habillage sur votre weblog pour que les modifications soient prises en compte.
Une fois que vous avez publié votre habillage, cliquez sur le lien Voir mon Weblog pour l’ouvrir dans une nouvelle fenêtre et le voir tel que les visiteurs le voient. Rafraîchissez la page si nécessaire.

Modules d’habillage partagés

TypePad vous propose un choix d’habillage par défaut pour vous permettre de commencer. Vous pouvez choisir un de ces habillages à n’importe quel moment. Ces habillages sont indiqués comme “Partagés” dans la liste d’habillages.

[haut de page]

Créer un nouvel habillage

Cliquez sur l’onglet Habillage si vous n’êtes pas déjà dessus ou utilisez le lien Edit DesignChanger d'habillage.

Dans l’onglet Habillage, référez-vous à la zone Créer un nouvel habillage pour ajouter un nouveau module d’habillage. Vous pouvez soit créer un habillage complètement nouveau en utilisant l’option Nouvel Habillage, soit en créer un à partir d’un autre habillage déjà existant. Pour cela, utilisez l’option “A Partir de”. Le menu déroulant 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

L’outil de Création d’Habillage de TypePad est divisé en cinq sessions :

Format pour le choix du nombre de colonnes.

Contenu pour le choix des éléments à faire apparaître sur votre weblog.

Ordre pour le choix de l’organisation des éléments dans la colonne latérale.

Style pour le choix des couleurs, de la police, des bordures, des lignes et de la largeur des colonnes.

Propriétés pour nommer l’habillage.

Pour avoir plus de détails sur chacune de ces sessions, voir ci-dessous.

[haut de page]

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.
 
4 Colonnes
 
Le design à trois colonnes est parfait si vous souhaitez faire apparaître, à côté du corps central des notes, des informations que vous jugez secondaires. Cela correspond à une structure de page plus formelle et consacre une plus grande place aux photos, liens et TypeListes.
    Une fois que vous avez choisi le format, cliquez sur le bouton “Enregistrer”.

You can also select a Mixed Media Layout.

Après avoir sélectionné votre habillage, After selecting the layout, press the button to save.

[haut de page]

Choisir le contenu d’un weblog

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 :

Les 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
 
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

 
Votre photo
 
Il s’agit de la photo que l’on retrouve dans le profile de l’auteur du weblog et que vous avez téléchargée lors de l’Edition du Profil de l’Auteur.
 
Le calendrier
 
Le calendrier affiche le mois en cours ainsi que des liens vers les notes archivées pour ce mois en cours.
 
Dernières notes
 
Il s’agit d’une liste de liens vers les 10 dernières notes que vous avez publiées.
 
Derniers Commentaires
 
Il s’agit d’une liste de liens vers les 10 derniers Commentaires postés sur votre weblog.
 
Liens vers les archives
 
Il s’agit de la liste de vos archives. En mettant cette liste dans la colonne latérale de votre weblog, vous pouvez facilement retrouver vos notes même lorsqu’elles n’apparaissent plus sur la page principale.
 
Categories
 
C’est la liste des catégories dans lesquelles des notes ont été publiées.
    Si vous avez acceptez que l’archivage de vos notes se fasse d’après les catégories, les noms des catégories seront des liens qui permettront d’avoir accès aux pages d’archives correspondantes. Pour accepter l’archivage par catégorie, allez à la page Configurer l’archivage.
 
Lien “A Propos”
 
Ce lien pointe vers la page A Propos. Pour Compléter cette page, cliquez sur le lien Personnaliser La page A Propos.
 
Lien “Email”
 
Il s’agit d’un lien vers votre adresse email.
    Votre adresse est automatiquement code de façon à éviter toute forme de spam. Toutefois, si vous vous souciez de votre anonymat, rappelez-vous que le plus sûr moyen de vous mettre à l’abri du spam est de ne pas afficher votre adresse email. Précisez votre adresse email à la page Editer votre Profil.
 
Lien de Syndication
 
Il s’agit d’un lien vers la version RSS de votre site. Ainsi, si on clique sur ce lien, on reçoit l’information « Syndiquer ce site (XML) ».
 
Ajoutez-moi à votre liste de personnes TypePad
 
Cela permet à vos lecteurs d’ajouter votre adresse à leur TypeListe consacrée aux contacts.
 
Vos albums photos
 
Cela affiche la liste de vos albums photos par ordre alphabétique avec des images sous forme de vignettes.
 
Liste des derniers weblogs mis à jour sur TypePad
 
Cela affiche la liste des weblogs hébergés par TypePad qui ont été mis à jour dernièrement.
 
Lien Powered by TypePad
 
La mention powered by TypePad apparaît sur votre weblog.
 
Abonné depuis le... date
 
Cela affiche la date de votre inscription sur 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.

Cliquez sur Enregistrer une fois que vous avez choisi le contenu à faire apparaître sur votre weblog.

[haut de page]

Choisir l’ordre du contenu d’un weblog

La page 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

Note: This feature is not available with Mixed Media Templates.

[haut de page]

Choisir le style d’un weblog

Le style définit les Couleurs, les polices, les bordures, les lignes ainsi que la largeur et tout autre élément de mise en forme de votre weblog.

Les habillages pour les abonnés Basic

Les styles disponibles pour les abonnées Basic sont prédéfinis. Choisissez le style que vous préférez à l’aide du menu déroulant puis Enregistrez pour qu’il soit appliqué à votre weblog.

Mixed Media Templates

The Mixed Media Templates offer pre-designed styles.  Select the style you would like to use then Save to apply it to your weblog.

Les habillages pour les abonnés Plus et Pro

Les abonnés Plus et Pro peuvent personnaliser certains éléments de l’habillage comme par exemple, les couleurs, les polices, les bordures, la largeur des colonnes. Ils peuvent également remplacer le titre du weblog par une image.

A chaque fois que vous faites une modification, vous avez un aperçu du rendu de chaque élément dans la colonne de gauche de la page Style. Pour avoir un aperçu de la totalité de votre weblog, cliquez sur le bouton Aperçu.

Pour que les modifications que vous venez d’apporter au Style de votre weblog soient prises en compte sur votre weblog, vous devez Enregistrer ces modifications.


Eléments personnalisables :

Eléments de la page principale

Il s’agit de la couleur du fond de la page, de la largeur et de la couleur du fond de la colonne centrale et de la largeur et de la couleur du fond de la ou des colonne(s) latérale(s). Vous pouvez également décider d’encadrer chacun de ces éléments - il vous faut alors définir les bordures et lignes – ou de définir l’allure des liens hypertextes.

Il s’agit d’un bandeau de texte ou d’une image placés en haut de votre weblog, sous forme de bannière. Si vous optez pour du texte, vous pouvez choisir la couleur du texte et du fond, la taille et le style de la police, l’alignement du texte dans la bannière et la couleur et l’épaisseur de la bordure. Si vous optez pour une image, choisissez une des images enregistrées sur votre ordinateur et téléchargez-la sur votre weblog.

Les notes

C’est là que vous pouvez déterminer le style de la date en en-tête, du titre de la note, du corps de la note, et du pied de la note. Choisissez le style, la couleur, la taille de la police ainsi que l’alignement et l’espacement du texte et l’allure des bordures.

Les éléments de la colonne latérale

C’est là que vous définissez les éléments constitutifs de votre colonne. Choisissez le style, la couleur, la taille de la police, l’alignement et l’espacement du texte ainsi que l’allure des bordures.
  Vous pouvez décider de choisir un style de liens qui diffère du style des autres liens affichés sur le reste du site. Mais vous pouvez aussi faire en sorte que le style pour les liens soit le même sur tout le site.

Cliquez sur Enregistrer une fois que vous avez paramétrer ces éléments.

[haut de page]

Modifier un habillage TypePad

Si vous modifiez un module d’habillage, il apparaîtra modifié partout.

Votre module d’habillage TypePad

Cliquez sur l’onglet Habillage dans l’interface d’administration si vous n’y êtes pas déjà ou utilisez le lien Edit DesignModifier le Design.

Là, cliquez sur le lien Modifier le Design pour voir la liste des habillages créés pour ce weblog.
Tous les modules d’habillage que vous avez créés ou modifiés en utilisant l’outil de Création d’Habillage de TypePad sont listés sur cette page. Pour avoir un aperçu de l’un de ces modules d’habillage, cliquez sur son nom. Une nouvelle fenêtre va s’ouvrir. Cliquez sur le nom de l’un des éléments (Format, Contenu, Ordre, Style, Propriétés) pour pouvoir le modifier.

Si vous avez des modules d’habillages élaborés, ils sont listés en bas de la page. Cliquez sur le nom du module d’habillage ou sur le lien Modifier pour pouvoir l’éditer et le modifier.

Suppression de modules d’habillage

Pour chaque module d’habillage, vous pouvez voir une case à cocher dans la colonne Supprimer. Cochez cette case et cliquez sur le bouton Supprimer : le module d’habillage sera définitivement supprimé. Si ce module d’habillage est appliqué à l’un de vos weblogs, vous serez averti car un module d’habillage ne peut être supprimé tant qu’il est utilisé.

[haut de page]

Editing a Basic Template Set

Changes made to a template set will apply in all places the template is used.

Your TypePad Template Sets

Click the Design tab for your weblog if you are not already on it, or use the Edit DesignEdit Design shortcut link for the weblog on your Weblogs tab.

There, you can click the Edit Template Sets link to view the list of Your TypePad Template Sets.

The template sets that you have created or edited through the TypePad template builder are listed.  Click on the template set name to open a preview of a template in a new browser window. Click on the section name (such as Layout, Content, Order, Style, Basics) to edit a particular section of a template.

If you have any advanced templates, these are listed at the bottom.  Click the name of the template set or the “Edit” link to open the advanced template for editing.

Deleting Template Sets

Remove a template set by checking the box for that set under the “Remove” heading.   Press the “Remove” button and the set will be permanently removed from your account.   If the template set is currently assigned to a weblog, you will receive a message that the set is in use and cannot be deleted until it is unassigned from the weblog.

[haut de page]

Qu’est-ce qu’un habillage avancé ?

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é.

Why don’t I see an option to convert my template set?

If you are using a Mixed Media Template, you will not see the conversion option. Mixed media layouts are not available for conversion to advanced template sets at this time.

---- EXCERPT:

[haut de page]

Créer un habillage avancé

[haut de page]



Copyright © 2003-2004 Six Apart