Comment mettre une image d'arrière-plan dans votre thème Tumblr.

Comment mettre une image d'arrière-plan dans votre thème Tumblr

Ce wikiHow vous apprend à afficher une photo comme arrière-plan de votre Tumblr. Certains thèmes Tumblr ne peuvent pas modifier leurs images d'arrière-plan, que ce soit via le téléchargement ou l'édition HTML.

Pas

Méthode 1

Utiliser un thème personnalisable

  1. Étape 1 Accédez au site Web de Tumblr.
    Google images Étape 1 Accédez au site Web de Tumblr.
    Allez sur le site Web de Tumblr. Il se trouve sur https://www.tumblr.com/. Si vous êtes connecté sur votre navigateur, cela vous mènera à votre page d'accueil Tumblr.
    • Si vous n'êtes pas connecté à Tumblr, saisissez votre adresse e-mail et votre mot de passe, puis cliquez sur Se connecter .
  2. Étape 2 Cliquez sur l'icône de votre profil.
    Google images Étape 2 Cliquez sur l'icône de votre profil.
    Cliquez sur l'icône de votre profil. Il s'agit de l'icône en forme de personne dans le coin supérieur droit de la page.
  3. Étape 3 Cliquez sur le nom du blog que vous souhaitez modifier.
    Google images Étape 3 Cliquez sur le nom du blog que vous souhaitez modifier.
    Cliquez sur le nom du blog que vous souhaitez modifier. Vous le trouverez sous la rubrique « TUMBLRS » à peu près à mi-chemin dans le menu déroulant du profil.
  4. Étape 4 Cliquez sur Modifier l'apparence.
    Google images Étape 4 Cliquez sur Modifier l'apparence.
    Cliquez sur Modifier l'apparence . Cette option se trouve en haut à droite de la page, juste en dessous des sections Brouillons et Publications .
  5. Étape 5 Cliquez sur Modifier le thème.
    Google images Étape 5 Cliquez sur Modifier le thème.
    Cliquez sur Modifier le thème . C'est à droite de la rubrique "Thème du site Web" sous votre photo de profil.
  6. Étape 6 Recherchez une icône d'appareil photo ou de crayon à côté de l'arrière-plan.
    Google images Étape 6 Recherchez une icône d'appareil photo ou de crayon à côté de l'arrière-plan.
    Recherchez une icône d'appareil photo ou de crayon à côté de Arrière-plan . Cette option se trouve sous la rubrique « OPTIONS DU THÈME ». Si vous voyez une icône d'appareil photo ou de crayon à droite de Arrière-plan , vous pouvez télécharger votre propre image.
    • Certains thèmes Tumblr ont une variante d' arrière-plan (par exemple, Choisir un arrière-plan ) ici.
    • Si vous ne voyez pas cette option dans les options de thème de votre blog, passez à la méthode suivante.
    • Certains thèmes gratuits qui vous permettent de télécharger votre propre photo sont « Catching Elephant » et « Papercut ». Les thèmes payants incluent « Queens » et « Halcyon ».
  7. Étape 7 Cliquez sur l'icône de la caméra.
    Google images Étape 7 Cliquez sur l'icône de l'appareil photo.
    Cliquez sur l'icône de la caméra. Cela ouvrira une fenêtre dans laquelle vous pourrez sélectionner une photo sur votre ordinateur.
    • Pour certains thèmes, vous cliquerez plutôt sur une icône en forme de crayon.
  8. Étape 8 Sélectionnez une photo.
    Google images Étape 8 Sélectionnez une photo.
    Sélectionnez une photo. En fonction de votre ordinateur et de l'emplacement vers lequel cette fenêtre s'ouvre, vous devrez peut-être accéder au dossier Photos de votre ordinateur.
    • Certains thèmes vous demanderont de cliquer d'abord sur Choisir une photo .
    • Assurez-vous que la photo est de relativement haute qualité. Sinon, l'image risque de paraître granuleuse ou floue.
  9. Étape 9 Cliquez sur Ouvrir.
    Google images Étape 9 Cliquez sur Ouvrir.
    Cliquez sur Ouvrir . C'est en bas de la fenêtre. Cela téléchargera votre photo sur Tumblr ; votre thème devrait s'actualiser quelques secondes après cela pour afficher votre nouvel arrière-plan.
Méthode 2

Modification du HTML

  1. Étape 1 Accédez au site Web de Tumblr.
    Google images Étape 1 Accédez au site Web de Tumblr.
    Allez sur le site Web de Tumblr. Il se trouve sur https://www.tumblr.com/. Si vous êtes connecté sur votre navigateur, cela vous mènera à votre page d'accueil Tumblr.
    • Si vous n'êtes pas connecté à Tumblr, saisissez votre adresse e-mail et votre mot de passe, puis cliquez sur Se connecter .
  2. Étape 2 Cliquez sur l'icône de votre profil.
    Google images Étape 2 Cliquez sur l'icône de votre profil.
    Cliquez sur l'icône de votre profil. Ce bouton en forme de personne se trouve dans le coin supérieur droit de la page.
  3. Étape 3 Cliquez sur le nom du blog que vous souhaitez modifier.
    Google images Étape 3 Cliquez sur le nom du blog que vous souhaitez modifier.
    Cliquez sur le nom du blog que vous souhaitez modifier. Il se trouvera sous la rubrique « TUMBLRS » à peu près à mi-chemin dans le menu déroulant du profil.
  4. Étape 4 Cliquez sur Modifier l'apparence.
    Google images Étape 4 Cliquez sur Modifier l'apparence.
    Cliquez sur Modifier l'apparence . Cette option se trouve dans le coin supérieur droit de la page, juste en dessous des sections Brouillons et Publications .
  5. Étape 5 Cliquez sur Modifier le thème.
    Google images Étape 5 Cliquez sur Modifier le thème.
    Cliquez sur Modifier le thème . C'est à droite de l'en-tête « Thème du site Web » qui se trouve sous votre photo de profil.
  6. Étape 6 Cliquez sur Modifier le code HTML.
    Google images Étape 6 Cliquez sur Modifier le code HTML.
    Cliquez sur Modifier le HTML . Ce lien se trouve sous le nom de votre thème, en haut de la barre latérale « Modifier les thèmes ».
  7. Étape 7 Cliquez sur l'icône d'engrenage.
    Google images Étape 7 Cliquez sur l'icône d'engrenage.
    Cliquez sur l'icône d'engrenage. C'est dans le côté supérieur gauche de la barre "Modifier le code HTML".
  8. Étape 8 Cliquez sur Rechercher et remplacer.
    Google images Étape 8 Cliquez sur Rechercher et remplacer.
    Cliquez sur Rechercher et remplacer . Cela ouvrira une fenêtre dans laquelle vous pourrez rechercher la ligne de code que vous devrez modifier.
  9. Étape 9 Tapez le corps {.
    Google images Étape 9 Tapez corps {.
    Tapez dans le corps {. Cette balise est présente dans tous les thèmes Tumblr contenant une image de fond personnalisable.
    • Si le code HTML de votre thème sélectionné ne contient pas de balise "body {", vous ne pouvez pas modifier son image d'arrière-plan.
  10. Étape 10 Recherchez la balise background:.
    Google images Étape 10 Recherchez la balise background:.
    Recherchez l' arrière-plan : tag. C'est directement sous la balise "body {" ; vous ajouterez ici l'URL de votre image entre le « : » et le « ; » au bout de la ligne.
  11. Comment mettre une image d'arrière-plan dans votre thème Tumblr
    Google images Comment mettre une image d'arrière-plan dans votre thème Tumblr
    Remplacez n'importe quel texte entre "background:" et ";" avec votre balise URL. La balise URL doit être écrite comme suit : url().
    • En pratique, toute cette ligne dira background: url(www.website.com/image.jpg);. Gardez à l’esprit qu’il y a un espace entre la partie « background : » et la partie « url ».
  12. Étape 12 Saisissez l'URL de votre image entre parenthèses.
    Google images Étape 12 Saisissez l'URL de votre image entre parenthèses.
    Entrez l'URL de votre image entre parenthèses. L'URL sélectionnée doit se terminer par une extension de fichier image telle que .jpg ou .png. Le moyen le plus simple d'afficher l'URL d'une photo dans ce format consiste à cliquer avec le bouton droit (ou à cliquer avec deux doigts) sur la photo, à cliquer sur Ouvrir l'image dans un nouvel onglet et à copier l'URL à partir de là.
    • Si vous souhaitez utiliser une photo originale, vous pouvez la télécharger sur un service comme Photobucket ou Imgur.
  13. Étape 13 Cliquez sur Mettre à jour l'aperçu.
    Google images Étape 13 Cliquez sur Mettre à jour l'aperçu.
    Cliquez sur Mettre à jour l'aperçu . Il s'agit du bouton vert en haut à droite de la barre latérale "Modifier le HTML". Vous devriez voir votre image sélectionnée affichée.
  14. Étape 14 Repositionnez l'image si nécessaire. {"smallUrl": "https://www.wikihow.com/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg/v4-460px- Mettez une-image-d'arrière-plan-dans-votre-thème-Tumblr-Step-23.jpg","bigUrl":"/images/thumb/6/6b/Mettez-une-image-d'arrière-plan-dans-votre-Tumblr -Theme-Step-23.jpg/aid1241983-v4-728px-Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","smallWidth":460,"smallHeight":345,