weblogs Habillage - Design


Qu’est-ce qu’un habillage ou jeu de templates ?

 

Lorsque vous publiez une nouvelle note, votre note prendra le style et le format indiqué par un template particulier. Un jeu de template est un ensemble de templates ayant chacun une utilisation spécifique (c’est-à-dire les archives ou les pages index).

  Il y a deux types de jeu de templates ou d’habillages : les habillages simples, qui sont créés et modifiés en utilisant l’outil de création d’habillage de TypePad et les habillages avancés, qui vous permettent de modifier directement le code HTML des pages de votre weblog.

  L’outil de création d’habillage vous permet de jouer sur le format de votre weblog, sur le contenu qui apparaît sur votre weblog (vos listes, vos albums photos et autres éléments de contenu) et sur le style ou design de votre weblog.

  Vous pouvez créer des habillages qui soient parfaitement adaptés au sujet et au thème de votre weblog. Par exemple, si votre blog est consacré aux livres que vous lisez, vous pouvez créer un habillage qui inclut vos TypeListes de livres.

  Voir What are TypePad Template Sets?



Comment choisir un habillage pour son blog ?

  TypePad vous propose différents habillages pour votre weblog. Pour choisir un habillage (dans la liste des habillages par défaut et des habillages que vous aurez créés), vous devez :

  1. Cliquer sur l’onglet Weblogs dans TypePad.

  2. A la page Weblogs, cliquer sur le nom du weblog dont vous souhaitez modifier l’habillage.

  3. Cliquer sur l’onglet Habillage.

  4. Choisir un des habillages disponibles dans le menu déroulant qui se trouve sur la droite de l’écran, dans la section Changer d’Habillage. Vous pouvez voir un aperçu de chacun des habillages en les choisissant dans le menu déroulant et en cliquant sur le bouton Aperçu.

  5. Une fois votre choix fait, cliquer sur le bouton Appliquer cet Habillage. Un nouvel habillage a bien été attribué à votre weblog. Cependant, vous devez publier votre weblog pour que les modifications soient visibles. Au centre de la page, sous le nom et la description de l’habillage que vous avez choisi, il y a deux boutons : Aperçu et Publier. Cliquez sur le bouton Publier.

  Voir Selecting a Template Set for Your Weblog.


Comment changer les couleurs et les polices d’un habillage ?

  Les utilisateurs ayant des comptes Basic ont à leur disposition des habillages prédéfinis pour lesquels les couleurs, les polices et la bannière ne peuvent pas être modifiés.

  Les offres TypePad Plus et TypePad Pro permettent de créer des habillages personnalisés : vous pouvez choisir les couleurs, les polices et une image à mettre en bannière du blog.

  Voir Setting Your Template Style.


Comment remplacer la bannière de titre par une image ?

  Vous pouvez ajouter une image à la bannière de titre de votre weblog si vous avez un compte Plus ou Pro. Pour personnaliser votre habillage, vous devez cliquer sur l’onglet Weblog, puis sur le nom du weblog que vous voulez modifier, puis sur l’onglet Habillage et enfin, sur le lien Style.

  Une fois à la page Style, vous devez cliquer sur le lien Modifier cet élément dans la section Bannière. Vous pourrez alors télécharger l’image à utiliser en guise de bannière. Cochez la case « Remplacer le titre par une image » et cliquez sur le bouton Parcourir pour trouver une image sur votre ordinateur. Vous pouvez télécharger des fichiers .jpg ou .gif ou.png.

  Voir aussi Ajouter une Image dans la bannière de titre.


Comment créer un lien vers les albums photos dans la colonne ?

 

Une fois que vous avez créé votre premier Album Photo dans TypePad, vous pouvez ajouter un lien vers votre ou vos album(s) dans la colonne de votre weblog.


6. Cliquez sur l’onglet Weblogs dans TypePad.

  7. Dans la liste de vos weblogs, cliquez sur le nom du weblog dans lequel vous voulez ajouter un lien.

  8. Dans la colonne de raccourcis sur la droite, cliquez sur le lien Ajouter des Listes ou d’autres contenus.

  9. Dans la section Contenu de votre colonne, cochez la case qui se trouve à côté de Vos Albums Photos.

  10. Enregistrez les modifications en cliquant sur le bouton en bas de page. Des liens vers vos albums photos apparaîtront dans la colonne de votre weblog. A chaque fois que vous créerez un nouvel album photo, un lien sera automatiquement ajouté à votre weblog, dans la colonne.


Note : seuls les albums photos publics pourront être affichés. Si vous ne voyez pas l’option d’affichage pour vos albums photos, vérifiez bien qu’au moins un de vos albums est public.


Voir Displaying Albums on Your Weblog.


Comment ajouter une TypeListe à mon weblog ?

 

Les TypeListes peuvent être affichées dans la colonne de votre weblog. Vous pouvez par exemple afficher la liste des 5 dernières chansons que vous avez écoutées ou une liste de contacts ou la liste des livres que vous avez prévus de lire. Lorsque vous mettez à jour votre TypeListe en y ajoutant, modifiant ou supprimant un élément (un livre, un disque, un lien), votre weblog sera automatiquement mis à jour.

  Pour afficher une TypeListe dans votre colonne, vous devez, si vous avez un habillage classique :

  1. Cliquer sur l’onglet Weblogs dans TypePad.

  2. Dans la liste de vos weblogs, retrouver le nom du weblog auquel vous souhaitez ajouter une TypeListe et cliquer sur le nom de ce weblog.

  3. Dans la liste des raccourcis qui se trouvent dans la colonne de droite, cliquer sur le lien « Ajouter des listes ou d’autres contenus ».

  4. Dans la partie « Vos TypeListes », cocher la case qui se trouve en face de la TypeListe que vous voulez afficher dans la colonne de votre weblog.

  5. Cliquer sur le bouton Enregistrer les Modifications. Les TypeListes que vous avez choisi de faire apparaître seront automatiquement affichées sur votre weblog.


    Voir Ajouter un nouvel élément à une TypeListe.


Comment ajouter du code dans la colonne d’un weblog (exemple d’un webring) ?

  Pour pouvoir ajouter du code dans la colonne de votre weblog, vous devez l’ajouter dans une TypeListe de liens. Pour cela, vous devez :

  1. Créer une nouvelle TypeListe de liens

  2. Ajouter la TypeListe à votre weblog en passant par l’onglet Weblogs puis l’onglet Habillage et enfin, le lien Contenu. (Pour faire apparaître votre TypeListe sur votre weblog, vous pouvez aussi cliquer sur le lien qui apparaît juste après la création de la TypeListe).

  3. Cliquer sur le lien Ajouter un Nouvel Elément et coller le HTML dans le champ intitulé Notes pour cet élément.

  4. Configurer la TypeListe de façon à ce que les notes des éléments soient « affichées sous forme de texte ». Pour cela, vous devez aller dans l’onglet Configurer de votre TypeListe.

  Voir aussi : autres utilisations des TypeListes.


Comment ajouter un bouton dans la colonne d’un weblog ?

  1. Allez à la page Notes de votre weblog. Pour télécharger la photo du bouton, cliquez sur l’icône représentant un appareil photo et téléchargez l’image.

  2. Copiez le code qui apparaît dans la zone de rédaction de la note et allez à la page TypeListe. Vous devez avoir au moins une TypeListe de liens existante.

  3. Ajoutez un élément à cette TypeListe de liens et dans la partie Notes ou remarques sur cet élément, collez le code HTML qui vous a été donné lors de l’étape 2. Suivez les conseils donnés pour ajouter du code dans une colonne. (voir lé réponse à la question ci-dessus).

  Voir Additional Uses for Link TypeLists.


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 avancé 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 avancé en partant de rien, vous pouvez coller votre code dans le template approprié.



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


Comment créer un habillage avancé ?

  Si vous avez un compte Pro, vous pouvez créer un habillage élaboré. Pour cela, vous devez :

  1. Cliquer sur l’onglet Weblogs dans TypePad.

  2. A la page Weblogs, cliquer sur le nom du weblog pour lequel vous voulez modifier l’habillage.

  3. Cliquer sur l’onglet Habillage.

  4. Cliquer sur Modifier les Habillages dans la barre de sous-navigation.

  5. Choisir l’habillage que vous souhaitez dupliquer et convertir pour en faire un habillage élaboré. Lorsque vous dupliquez et convertissez un habillage, l’habillage d’origine n’est en rien modifié. Une fois dupliqué et converti, votre habillage est considéré comme élaboré et vous allez pouvoir en modifier le code HTML.

  6. Cocher la case qui se trouve à côté de l’habillage que vous voulez convertir et cliquer sur le bouton Convertir. Un pop-up s’ouvrira pour vous demander de confirmer la conversion. Pour continuer, vous devrez cliquer sur Oui, Convertir.

  7. Dans la section « Habillages élaborés », vous pourrez voir la liste de vos habillages élaborés. Pour les modifier et accéder au code HTML, cliquez sur leur nom ou sur le lien Modifier.

  8. Vous pouvez maintenant modifier chacun des fichiers qui constituent les habillages : vous pouvez modifier le HTML, ajouter des balises ou importer un autre design existant.

 

  Voir Créer un habillage avancé.