Comment faire son site web soi-même ?

Le 21/01 à 9:51

J’ai eu pas mal de questions à ce sujet de plusieurs blogueuses amatrices ou des créateurs d’entreprise qui hésitent entre une solution toute faite avec une formule tout en un OU alors un site fait de A à Z mais à leur image.

Quand on veut sortir des solutions de blogs classiques où la customisation se résume à changer les couleurs du fond et sa bannière, il faut se secouer les puces et créer son propre univers. Facile à dire comme ça, mais en réalité, il faut réfléchir à plusieurs choses.

 

I / Plonger dans les abysses de la geekitude de l’extrême : savoir coder.
C’est une question essentielle. Quand tu veux partager un contenu dit « dynamique », c’est-à-dire un contenu qui va évoluer avec l’ajout d’articles par exemple, il faut savoir stocker des données dans une base de données et utiliser ces mêmes données pour que vos lecteurs puissent y avoir accès. Le tout, et ça c’est le plus dur, de manière sécurisée. Pour y parvenir, apprendre le PHP est une étape obligatoire.

Final Shot

Si c’est un peu trop compliqué pour toi mais que tu as envie tout de même de mettre la main à la pâte, tu as une solution plus simple qui consiste à utiliser un Gestionnaire de Contenu de type WordPress. Il faudra tout de même maîtriser deux langages : le HTML et le CSS, destinés à la « mise en page » de ton site. Le Gestionnaire de Contenu, lui, va s’occuper du reste. Attention toutefois, ce n’est pas adressé au parfait débutant, il te faudra réellement apprendre ces deux langages et faire preuve d’une grande patience pour comprendre comment fonctionne un gestionnaire. Geek O Féminin est propulsé par WordPress parce-que je ne suis pas suffisamment douée en PHP, j’ai dû comprendre le langage de ce gestionnaire et je l’ai utilisé à mon bon vouloir.

Si vous grimacez rien qu’en lisant ces lignes, il existe une foultitude de thèmes déjà faits où tu peux changer les couleurs, le logo, les boutons à votre guise … Cela peut-être un bon compromis. Certains hébergeurs de site proposent également, en plus de leur service d’hébergement des solutions clés en main customisables. Par exemple, avec 1&1 tu peux créer et héberger un site rapidement sans connaissance particulière que tu peux customiser ensuite selon tes goûts et envie.

 

 

II / Se frotter au webdesign : « maîtriser » Photoshop ou GIMP.

Pour Geek Ô Féminin, j’ai dû me mettre à Photoshop. J’ai fait ce que l’on appelle une maquette, c’est à partir de cette maquette que les intégrateurs web travaillent. Tout d’abord, on réalise un petit schéma sur papier « Je veux telle rubrique ici, et puis le chat je le veux là !« . J’ai construit ce schéma pour toutes mes pages :

– la page d’accueil,
– la page article (la page où on affiche les articles, il s’agit d’un gabarit, je ne recrée pas une page pour chaque article, le gabarit s’applique à toutes mes pages article),
– la page contact, la page archives …

Une fois le schéma fait, on utilise une grille qui permet de fixer des repères (tapez « grille repère photoshop » sur Google pour avoir le fichier). Ensuite, tu crées ton site sous forme d’images. La maquette doit représenter votre site, comme si tu le voyais vraiment à l’écran. C’est un peu compliqué et il te faudra te plonger dans les nombreux tuto photoshop pour y arriver. Tu n’as pas besoin d’être un as de l’infographie pour faire une petite maquette toute simple.

 

source : briefcreatif

source : briefcreatif

 

III / Acheter votre nom de domaine : choisir le bon hébergement.

Il te faudra prévoir un budget pour héberger votre site et surtout ta base de données, qui peut être vite gourmande si tu la laisses à l’abandon. Il faudra acheter un nom de domaine (si possible quelques extensions .com, .fr etc.) en plus de ton hébergement. Les prix varient entre 40€ et 200€ par an selon la taille de votre blog/magazine à la différence des plateformes de blogging souvent gratuites.

 

IV / … et c’est pas fini : faire de votre site une star people !

Ton site est designé, codé, hébergé. Que te reste t-il à faire ? PLEIN de choses. Gérer un site demande du temps. Il ne suffit pas d’écrire un article et roulez jeunesse ! Non. Sinon c’est pas drôle. Parce-que ton site que tu as mis temps de temps à pondre, tu veux qu’il soit diffusé un peu partout sur la toile publique.  Tu devras t’armer de quelques outils importants pour arriver à ton but.

seigneur-anneaux-retour-roi-elijah-wood

Tu peux utiliser les réseaux sociaux : facebook, twitter, hellocoton … Crées donc des pages dédiées à ton site pour fédérer une communauté autour de toi. Non seulement, les réseaux sociaux créent un rapport direct avec ton lectorat mais en plus augmentent ta visibilité sur la toile.

Le référencement naturel permet à ton site d’être dans les premiers résultats de Google suivant un mot-clé. Pour y arriver c’est un travail de longue haleine : soigner ses URLs et son code HTML, corriger l’architecture de son site, écrire régulièrement des articles au contenu riche … C’est un travail infini qui demande beaucoup de temps. Je yeute régulièrement les articles de mon pote du web Pix Geeks, qui donne des conseils précieux.

 

V/ Sauter le pas ou non ?

Après avoir longuement discuté avec ta conscience, tu sais, la nana raisonnable qui pèse le pour et le contre, pas celle qui craque devant le dernier Iphone ou la dernière robe soldée du magasin, tu as décidé que OUI il était temps de faire ton site. Tant mieux, c’est un bon choix. Alors fais toi un  fat chocolat chaud des familles façon Galou, fous toi en boule sous ton plaid et attache tes cheveux (car tu voudras les arracher quand tu verras que tes codes CSS fonctionnent mal sous IE sans savoir POURQUOI ;))

Share Button
Article pondu par Amity
  1. Delphine dit :

    Je suis actuellement en train de refaire mon blog, ça commence par l’achat du nom de domaine, puis migration de blogger vers wordpress, et là je vais commencer par créer le design sur photoshop, puis la plus grande étape : créer mon thème. J’en ai pour des heures et des heures de travail mais qu’est-ce que je serai fière à la fin, c’est ça le plus important avoir appris le code en s’amusant et avoir des pépites dans les yeux une fois le travail accompli (après s’être arrachée tous les cheveux évidemment) 😉

    • Amity dit :

      Je te souhaite bon courage dans ton projet et j’ai hâte de voir le résultat, n’hésite pas à me faire part de l’ouverture de ton nouveau site 😉

  2. Lou dit :

    Pour les débutants, je conseillerais aussi :

    – de ne pas utiliser les options « par défaut » de leur hébergeur pour installer WordPress (ou autre) par un module automatique, c’est souvent la cata (versions pas à jour, dossier par défaut pas idéal, etc).

    – quand on ne maîtrise pas Photoshop au point de faire un thème, on peut aussi partir d’un thème existant qui se rapproche de ce qu’on veut faire et le modifier, en allant au-delà d’un simple changement de couleurs/d’images. Par exemple, si tu veux un thème 2 colonnes avec un footer sur 3 colonnes, tu trouves un thème gratuit qui a déjà cette structure de base… et tu le customises. Par expérience, c’est souvent plus rapide que de créer une maquette, des tranches, etc sur Photoshop… sauf dans le cas d’un site très très très graphique. La mode est aux sites épurés donc il y a peu de graphisme proprement dit à créer en dehors des logos, le reste peut être fait en CSS (et en plus, ce sera bien plus léger à charger que des images).

    Par ailleurs, créer un thème de A à Z sur WordPress par exemple exige de mettre le nez un minimum dans le php (comprendre le fonctionnement de la Boucle, etc) donc en partant d’un thème existant, on va plus vite car on peut réutiliser certains éléments du code.

    • Amity dit :

      C’est en effet ce que je précise dans le premier paragraphe. Faire son thème de A à Z avec wordpress signifie de se plonger dans son code (du moins le code de surface qui appelle des formules de code php complexes) mais leur codex est très bien fait et très bien expliqué. Si quelqu’un ne comprend rien au php, il pourra toutefois s’y mettre avec le codex de wordpress (avec beaucoup de patience). J’ai effectivement donnée la solution des thèmes gratuits.
      Je pense que c’est avant tout une question d’investissement. Pour apprendre à créer un site à faire soi-même, le mieux c’est de tout faire de A à Z, c’est possible aujourd’hui avec tous les tutos qui trainent sur la toile (site du zero notamment) après, si on veut pas s’emmerder, les thèmes gratuits sont une bonne idée (attention aux bugs toutefois).
      Cet article avait pour but de dresser d’une certaine manière la liste (non exhaustive) des possibilités offertes pour un blogueur.

Laisser un commentaire