Comment Commencer à Personnaliser Votre Blog De Voyage WordPress Sans Souci - Matador Network

Table des matières:

Comment Commencer à Personnaliser Votre Blog De Voyage WordPress Sans Souci - Matador Network
Comment Commencer à Personnaliser Votre Blog De Voyage WordPress Sans Souci - Matador Network

Vidéo: Comment Commencer à Personnaliser Votre Blog De Voyage WordPress Sans Souci - Matador Network

Vidéo: Comment Commencer à Personnaliser Votre Blog De Voyage WordPress Sans Souci - Matador Network
Vidéo: Как сделать красивое меню в WordPress 2024, Avril
Anonim

Voyage

Image
Image

En utilisant un thème enfant, vous pouvez commencer à jouer avec la typographie, les couleurs et la mise en page de votre blog sans vous soucier de tout gâcher.

Je suppose donc que la plupart d’entre vous ont des blogs WordPress ou envisagent de passer à WP.

Pendant longtemps, j'ai vraiment hésité à jouer avec mon blog parce que quand je regarde le code en backend - html et php - je pense toujours à la même chose - "Je vais tuer mon blog si je déconne avec ça."

Le fait est que je voulais vraiment changer la typographie et l'apparence de mon blog et en faire le mien, pas seulement un thème standard. Ce week-end, j'ai trouvé la réponse: vous créez un «thème pour enfants».

Qu'est-ce qu'un thème enfant?

Un thème enfant est fondamentalement un thème super-miniature (il ne comporte qu'un seul composant, la feuille de style.css que vous créez (instructions ci-dessous)) qui emprunte tout le code d'un "parent". Cela vous permet de manipuler n'importe quel élément voulez - polices, couleurs, espacement, images - il suffit de copier et de coller de petits extraits de code dans votre thème enfant et de les expérimenter.

Quels que soient les changements que vous apportez à votre thème enfant, vous pouvez toujours les effacer et recommencer, ou simplement enregistrer vos modifications, puis revenir au thème parent afin qu'il soit celui qui est «en direct» une fois que vous avez fini de travailler. Vous pourrez ensuite revenir jouer ultérieurement au thème de votre enfant en tant que travail en cours.

J'ai appris tout cela grâce à une très bonne introduction illustrée à la création de thèmes pour enfants, qui vous explique comment en créer un étape à la fois.

[Remarque: il existe une stipulation pour tout cela: vous devez avoir un accès FTP à votre blog WordPress pour le faire. Vous ne pouvez pas les créer s'il ne s'agit que d'un blog WordPress.com.]

Voici un aperçu:

1. Recherchez le nom du répertoire (sensible aux majuscules) de votre thème. Par exemple, mon thème est «Thématique», mais la liste des répertoires (la liste téléchargée sur mon serveur via FTP est «thématique»).

2. Copiez et collez le texte suivant dans un éditeur de texte (avec les espaces en fonction de vos informations):

/ *

Nom du thème: nommez votre thème enfant comme vous le souhaitez, par exemple "votre remix"

Thème URI: mettez l'URL de votre blog ici

Description: mettez une description reconnaissant qu'il s'agit d'un thème enfant, ex: 'thème enfant pour thème'

Auteur: votre nom

URI de l'auteur: mettez l'URL de votre blog ici

Modèle: la liste des répertoires de votre thème parent, par exemple "thématique"

Version: mettez ce que vous voulez ici. '1.0' est une première version logique

* /

@import url (“../ thematic / style.css”);

Dans cet exemple, j'utilise thématique comme thème parent. Pour votre propre blog, vous devez mettre dans la liste des répertoires, par exemple, disons que votre thème est "kubrick", alors la ligne du bas se lirait comme suit:

@import url (“../ kubrick / style.css”);

Cette ligne de fond est fondamentalement le seul code de votre thème entier. Cela consiste simplement à dire à WordPress d'importer tous les styles, quel que soit le thème parent ou le "modèle" que vous avez énumérés.

3. Une fois que vous avez terminé cette documentation, enregistrez-la exactement comme ceci: style.css (elle doit avoir une extension css ou une feuille de style en cascade).

4. Créez un nouveau répertoire dans le dossier themes avec le nom que vous donnez à votre thème, par exemple «votre remix».

5. Téléchargez le fichier style.css dans ce dossier via FTP.

6. Allez dans le fond de votre blog, puis dans Apparence >> Thèmes, et si vous avez tout fait correctement, vous devriez voir votre nouveau thème enfant (il n'y aura pas de capture d'écran, mais vous verrez le nom / info que vous mettez dans) énumérés sous les thèmes disponibles. Cliquez sur Activer.

7. Etant donné que votre thème enfant importe simplement tout ce qui se trouve dans votre thème parent, il sera identique. Maintenant tu peux t'amuser. Ouvrez l'éditeur >> Apparence >>, puis choisissez style.css (vous devriez voir exactement le même document que vous avez créé.) Retournez maintenant à la feuille de style de votre thème parent (vous pouvez le télécharger sur votre bureau ou simplement le visualiser via FTP) et regarder. pour des choses que vous voulez changer. Copiez-les, puis collez-les dans la feuille de style de votre thème enfant ouverte ici dans l'éditeur.

8. Si vous êtes comme moi et que les feuilles de style semblent impossibles à suivre, vous pouvez télécharger un outil très pratique pour Firefox, appelé Firebug, qui vous permet de cliquer sur les éléments d'une page, puis de vous donner le code CSS correspondant. Cela vous permet de regarder votre thème parent dans une autre fenêtre, de cliquer sur les parties que vous souhaitez modifier, puis de copier le code CSS qu’il vous donne et de le coller dans l’éditeur.

Recommandé: