-
[Blabla] Comment Je Fais Mes Thèmes!
Bonjour à tous! C'est encore une fois moi ( Hajar ) ! c:
Aujourd'hui petite article pour répondre à une question qui m'a été posée par Nivyne qui est " Comment tu fait un thème ? " donc au lieu de répondre dans les commentaires je préfère en faire un article c:
Pour cet article j'ai fait un thème SUPER SIMPLISSIME pour que sa soit assez clair pour vous!
Le thème de mon thème
Avant toute choses, je me demande " Quelle thème pour mon blog? " sa peut être journal intime, été, printemps, nourriture, tout ce genre de choses ..
L'inspiration
Quand je sait sur quoi va se baser mon thème, je vais prendre comme exemple le printemps, je vais sur Pinterest ou WeHeartit et je tape : Spring.
( Je préfère Pinterest pour les inspirations )
L'image numéro 1 me donne l'idée d'un thème style aquarelle, la numéro 2 me donne des idées de couleurs, de tons que j'aimerais avoir dans mon blog et puis la 3ème me donne des idées pour la police que j'aimerais bien.
Votre inspiration peut venir d'autres part, peut être d'un brush ou d'un magazine, d'un livre, ect..
Les premiers plans
Une fois que vous avez quelques idées, faites un plan général de votre blog. Moi je prends généralement une feuille A4 où je fait vaguement les premieres rubriques, le header, ect ..
Exemple :
Future dessinatrice, ta vu x)
Recherche des éléments
Une fois votre plan fait, je vais commencer à chercher les différents éléments que j'ai besoin pour le faire.
En premier, je choisis un fond pattern ! Le fond doit être clair, lumineux pour que le blog soit léger. Le fond ne doit pas être chargé, de préférence uni pour pas que le design soit encombré et paraisse plus " petit " et enfin, le fond doit être de couleur neutre comme du beige clair, du gris clair, du rose clair mais pas de couleur trop " flash " sinon on a juste envie de se barrer quoi x)
Je vous propose ce site pour vos pattern : SubtlePatterns
Une fois le fond trouvé, je vais les brush nécessaire ! Moi je vais sur Devientart pour les trouver. Je tape " Brushes Watercolor " ou " Brushes Flowers " ect ..
Le brush que j'ai utilisé : WatercolorSplatter
( Pour installer des brushs sur Gimp il y a une vidéo explicative > Clique! <
Une fois le fond et les brushes trouvé, on va chercher une belle police pour le titre du blog. Pour cela j'utilise principalement Dafont mais lorsque j'ai trouver une belle police par exemple sur une photo ou quoi, j'utilise WhatTheFont qui permet de trouver quelle police est utilisé dans la photo que vous aurez sélectionnez !
Sa m'a sauvé plus d'une fois x) !
Assemblage
Une fois tout les éléments trouvé, j'ouvre le logiciel et j'y entre les dimensions souhaités sachant qu'une page de blog mesure 1365 x 705 px
Je met mon fond en fond - vive la langue françaiiiise! - et je commence à peindre avec mes brushes watercolor comme j'en aie envie, je change les tailles, et SURTOUT je réduit l'opacité sinon sa fait vraiment pas très très beau.
Je pense que le principale c'est de connaître le logiciel avec quoi on travaille pour pouvoir faire ce qu'on veut à notre image.
Après avoir fait sa, je met la police, en couleur blanc pour le faire ressortir
Résultats :
Le rond blanc que vous voyez en haut à gauche, c'est mon menu sauf que j'avais la flemme de chercher comment mettre le module en rond et avec moins d'opacité du coup je l'ai fait direct sur le fond mdrrr x)
Blog test et réglages
Une fois que j'ai mon fond ( ou mon header ET mon fond ), je crée un blog test pour pouvoir faire tout les réglages sans mettre mon blog en hors-ligne.
J'installe le fond, je règles les marges, le nombre de menus, les rubriques et la vient la partie que beaucoup de gens n'aiment pas !
Le CSS et code HTML
Pour moi c'est la partie essentiel d'un blog, c'est le final, c'est LA CERISE SUR LE COUSCOUS ! e_e'
Le CSS, tout le monde pense que c'est super difficile et tout alors que pas du tout! On arrive vite à " apprendre ".
Pour ce thème, j'en aie besoin pour changer la place des modules des rubriques, des visiteurs, pour la police des articles et je pense que c'est tout.
Tout les codes, je les trouves sur des forums, des blogs ou sur des sites internet.
CSS modules : Clique!
Polices des articles : C'est Weana qui m'a donné ce code donc voilà merci à toi ♥
D'abord tu importe la police que tu veux sur ton blog (avec la fonction "gérer les fichiers")
Tu copie/colle ce code dans ton éditeur de CSS:
@font-face {font-family: "NOM DE TA POLICE"; src: url('URL DE TA POLICE QUE T'AS IMOPORTE');}
Et ensuite, pour l'avoir en titre d'article, tu colle ça :
.module_titre_contenu a {font-family : NOM DE TA POLICE;}
.module_titre_contenu {font-family : NOM DE TA POLICE;}T'inquète, t'explique super bien x) !
Résultats
Après plusieurs heures, voir jours de travail, LE BLOG SORT DU FOUR !
Encore une fois, j'ai choisis ce thème parce qu'il nécessite pas beauuucoup de travail et donc c'était plus facile pour moi de vous expliquer comment faire ect ..
Si vous avez encore des questions auquel je n'ai pas répondu dans cette article n'hésitez pas à me le demander.
J'éspère que cet article vous aura plu!
JE VOUS FAIS MILLES ET UN BISOUUUS !
-
Commentaires
C'est une super bonne idée d'avoir fait un article là-dessus ! En plus, tu fais super bien tes thèmes (moi je fais pas comme ça, je fais comme ça vient, je pose des idées qui me traînait dans la tête, je commence et recommence un tas de fois, j'essaye je ne sais combien de paletttes...), ils sont super beaux et tu expliques très bien. Personnellement, je m'inspire beaucoup des thèmes sympas que je vois, de ceux que j'ai pu faire dans le passé, d'images que j'ai particulièrement aimé sur We ♥ it ...
Je pense qu'on a tous déjà mis un élément sur un fond au lieu de chercher comment le faire en css x')
Oui, pour les codes on pense souvent que c'est super compliqué mais non, il suffit d'un peu de logique et puis en cherchant en général on arrive à trouver ce qu'on veut ^^
-
Dimanche 15 Mai 2016 à 17:27
-
Dimanche 15 Mai 2016 à 17:46
De rien ^^ Oui, c'est ça x) Vendredi j'étais en train de faire des codes html et à un moment j'avais envie de me frapper parce que je me suis rendue compte que j'avais cherché à faire un truc qui marchait pas du tout au final et qu'en fait il y avait un truc beaucoup plus simple et qui fonctionnait vraiment :')
-
Dimanche 15 Mai 2016 à 18:29
-
Vraiment, très bon article ! Utile, bien organisé, bien expliqué et cerise sur le gâteau comme tu dis, tu m'as offert un site pour les patterns *^* Merci et continu !^^
-
Dimanche 15 Mai 2016 à 21:07
-
Lundi 16 Mai 2016 à 09:47
-
Je te demande toujours de faire mes thèmes mais cet article est vraiment super génial pour faire nos propres thèmes !
Le temps que tu révises et que tu me fasses mon thème, peut-être que je prendrais le temps d'appliquer tes conseils pour pouvoir peut-être un jour réussir à faire un joli thème qui me plaise :)
Bravo pour toutes ces supers explications ;)
-
Dimanche 15 Mai 2016 à 23:01
-
Mais quel logiciel utilisé j'ai tout compris mais je sais pas quel logiciel utilisé
-
Dimanche 15 Mai 2016 à 23:01
-
Vendredi 5 Août 2016 à 20:42
-
7NivyneLundi 16 Mai 2016 à 11:46Hey ! Merci d'avoir répondu à ma question o/
Je vais surement essayée... Un jour xp
En tout cas, super article, tu as très bien expliquée !
Salut, là je sais que c'est hors sujet mais je vois que sur ton blog il n'y a pas eu de d'articles recettes depuis des des siècles alors tu pourrais faire un article 3 bonnes recettes for spring.
Bye ♥
-
Lundi 16 Mai 2016 à 13:46
-
Merci pour cet article !!
-
Dimanche 29 Mai 2016 à 22:33
-
Très bon article, j'aime beaucoup moi qui galéré souvent avec mes thèmes x)
-
Dimanche 29 Mai 2016 à 22:34
-
Lundi 30 Mai 2016 à 21:41
-
Trop cool ton article..
-
Mardi 31 Mai 2016 à 21:14
-
Mardi 31 Mai 2016 à 22:06
-
Mercredi 1er Juin 2016 à 00:08
-
C'est très intéressant comme article et il est très bien présénté. Continue a poster, ton blog est une petite merveille !
-
Mardi 21 Juin 2016 à 20:58
-
Excellent article, j'avoue que voir quelqu'un de très organisé me déstabilise parce que je fais toujours mes thèmes suivant mon envie sans plan ni rien .. Mais au moins tu es sûre que le résultat te plaise au final :) !
-
Dimanche 26 Juin 2016 à 18:36
-
J'aimerais beaucoup savoir comment fait-on les cadres autour des liens qui change de couleur au survol
Dans Apparence > Modifier le Thème > Menu 1 ( ou 2 sa dépent lequel tu as ) > Format > Bordures > Tu choisis l'épaisseur et la couleur ! :)
-
Jeudi 22 Décembre 2016 à 14:32
-
Mercredi 4 Janvier 2017 à 22:19
-
Ajouter un commentaire
Cet article est génial !
Merci beaucoup ! ♥
De rien ! J'avais jamais pensé que les recherches d'inspiration pouvaient apporter autant !
Moi sa m'aide beaucoup pour mes thèmes!