Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

30.12.2009

Comment utiliser les modèles de ce blog ?

Vous pouvez utiliser les modèles, les images, et la CSS de ce blog. Encore faut-il le faire avec un peu de méthode, si vous n'êtes pas très aguerri(e)s au "blogmastering". Bien entendu, cette méthode est valable pour tous les blogs HautetFort qui mettraient leurs sources à disposition. [Mise à jour d'une note publiée le 27 mars 2009]

Ces conseils paraîtront superflus aux pros du code, mais ils seront utiles à ceux qui veulent tenter l'expérience tout en craignant que cela ne soit trop compliqué. Ne faites cependant rien avant d'avoir lu cette note dans son intégralité, car celle-ci ne sera pas suffisante.

Les modèles disponibles sont les suivants :
- Modèle de la page acceuil
- Modèle de la page archives
- Modèle de la page toutes les archives
- Modèle de la page lien permanent
- Modèle de la page commentaires
- Modèle de la page catégories
- Modèle du calendrier

Le modèle du pied de la note est dans la note "Modifier le pied de la note, avec ou sans les mains." D'autres modèles de page existent, mais répètent pour l'essentiel ce qui est disponible par ailleurs, ou comportent encore trop de défauts. Cela étant, je rejette rarement les requêtes polies.

Je vais détailler plus bas la méthode pour tester chez vous l'un de mes modèles, mais d'abord le rappel d'un principe...


Sauvegardez !

Avant de copier tout ou partie d'un de mes modèles dans l'un des vôtres, sauvegardez-le !
Si vous venez à peine de vous tromper, essayez CTRL+Z, pour annuler votre dernière action.

Vous voulez voir ce que cela peut donner chez vous ?

Si vous n'êtes pas très familier de la manipulation des modèles et de la CSS, je préconise l'utilisation temporaire d'un compte séparé (ou d'un autre weblog dans votre compte pro si vous en avez un).

Pour que l'une de mes pages fonctionne, il vous faut non seulement le modèle, mais aussi les images et la CSS.


Préparons le terrain...

  1. Organisons l'espage ce stockage de votre ordinateur pour y ranger les éléments techniques de votre blog, et ceux que vous récupérerez chez moi.
  2. Dans un dossier monblog, créez un sous-dossier monblogV1, et un autre geemee.
  3. Créez les sous dossiers nécessaires pour avoir monblog/geemee/modeles,
  4. et monblog/geemee/images/aspire


Pour chaque modèle...

Sauvegardez vos propres modèles si vous les avez personnalisés. Sinon, il faudra les réactiver en revenant à un template Hautetfort.

Pour sauvegarder

  1. Dans l'onglet PRESENTATION, passez en configuration avancée et cliquez pour modifier "modèle de la page d'accueil", par exemple.
  2. Cliquez dans le contenu du modèle, puis faites Ctrl+A pour tout sélectionner (cela vous évitera de faire défiler) .
  3. Copiez par Ctrl+C, puis fermez en cliquant sur [Annuler] si vous le souhaitez.
  4. Ouvrez un éditeur en mode texte, comme Notepad ++, ou le bloc-note windows, puis collez par Ctrl+V par exemple.
  5. Enregistrez le fichier en mode texte dans monblog/monblogV1/modeles sous le nom monblog_modele_accueil.htm par exemple
  6. Soyez précis dans les noms, certains modèles ont des noms très ressemblants.

Pour enregistrer l'un de mes modèles

  1. Rendez-vous sur une note qui contient le code du modèle,
  2. Sélectionnez, pui copiez le code.
  3. Ouvrez un éditeur en mode texte, comme Notepad ++, puis collez.
  4. Enregistrez le fichier en mode texte dans monblog/geemee/modeles sous le nom geemee_modele_accueil.htm par exemple.

Pour utiliser l'un de mes modèles

Attention, l'impact sur votre blog sera effectif après l'enregistrement et pourrait être irrémédiable si vous n'avez pas sauvegardé un code personnalisé. Sinon vous pouvez récupérer la version originale.

  1. Dans votre éditeur en mode texte, ouvrez un modèle, geemee_modele_accueil.htm par exemple. Sélectionnez tout, et copiez le code.
  2. Dans l'administration Hautetfort, passez en configuration avancée
  3. Sur la ligne "modèle de la page d'accueil" cliquez pour modifier
  4. Cliquez dans le contenu du modèle, puis sélectionnez tout.
  5. Collez le code copié, puis cliquez sur [Enregistrer ces modifications].
  6. C'est effectif, vous utilisez l'un de mes modèles.

Et les colonnes ?

La gestion des colonnes ne DOIT PAS passer par le modèle de page colonne de droite ou de gauche. Autant que possible. Chaque modification dans le modèle sera effacée après chaque intervention dans le gestion du contenu des colonne. Lisez donc Gerer le contenu des colonnes de votre blog et Personnalisez les éléments de colonne, sans (trop) intervenir dans le code.

Soit dit en passant, c'est pareil pour le pied de note.

Pour la feuille de styles...

Attention l'impact sur votre blog sera immédiat et pourrait être irrémédiable. Il n'y a pas de rétablissement de l'original. Il vous faudra éventuellement créer un blog de départ équivalent pour en récupérer la feuille de styles.

Pour sauvegarder, appliquez la même méthode que pour les modèles de page.

Pour enregistrer la feuille de styles d'un blog

  1. Dans un blog "Hautetfort", la feuille de styles s'appelle "style.css" (au singulier, oui) et se trouve toujours à la racine du blog, l'adresse "nom_du_blog/style.css"
  2. Rendez-vous sur la feuille de style de ce blog, sélectionnez tout, et sauvegardez comme vous le feriez pour un modèle de page.

Pour utiliser une autre feuille de styles que la feuille courante, vous ferez comme pour les modèles de page.

Dans une feuille de styles habituelle, l'adressage des images est relatif, mais pour la feuille de ce blog l'adressage est absolu. La feuille de ce blog peut donc être utilisée ailleurs sans perte du lien avec les images.


Pour les images...

Il n'est plus nécessaire de récupérer les images, pour les sauvegarder chez vous. À moins que vous ne souhaitiez les récupérer pour les personnaliser, auquel cas vous trouverez ci-dessous une procédure. C'est long et pas si facile.

Dans la feuille de styles, repérez les commandes "background" à la suite desquelles vous trouvez "URL", par exemple :

body {
background : #ddb866 url(http://geemee.hautetfort.com/images/aspire/mytop2.jpg) no-repeat center top;
margin : 90px 0 20px 0;
text-align : center;
font-size : 12px;
color : #240f02;
font-family : "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

Copiez l'adresse et ouvrez l'image dans votre navigateur pour l'enregistrer. Quand l'image est trop petite, préférez la commande Fichier / Enregistrer du navigateur, plutôt que le clic droit.

Vous pouvez aussi consulter la note "Toutes les images du modèle Aspire adaptées pour ce blog" pour avoir des accès direct, mais il faudra faire le tri.

 

[Mise à jour d'une note publiée le 27 mars 2009]

Commentaires

Bonnes fêtes de fin d'année!

Écrit par : Ferocias | 31.12.2009

Répondre à ce commentaire

Merci, et meilleurs vœux pour 2010 !

Écrit par : Gee Mee | 31.12.2009

Les commentaires sont fermés.