Comment créer un fansite?

Comment créer un fansite? Voila une question qui revient très souvent, je vais essayer de vous expliquer comment on fait.

Je vais commencer par le vocabulaire

Fansite : Site de fan sur un artiste
Hébergement : Espace pour mettre son site en ligne
Nom de domaine : Sans nom de domaine, l’url de votre site ressemblera à quelque chose comme ça : nomdemonsite.nomdemonhébergeur.com
Avec un nom de domaine, ça sera nomdemonsite.com par exemple.
Layout : En tête de votre site, une bannière en quelque sorte
WordPress : Module de gestion de site, permet de gérer le site de façon extrêmement simple sans avoir besoin de connaissance dans le codage, comme un blog mais en mieux.
Coppermine : Module pour galerie, permet de ranger dans des albums des milliers de photos (Exemple)

1) Le sujet

Déjà le sujet est important, vous devez être véritablement fan de la célébrité à qui vous allez consacrer un site, un site web prend bien plus de temps qu’une page facebook.
Certaines célébrités ont déjà parfois plusieurs sites sur elles, essayez d’être originaux ! Regardez si un site n’a pas déjà le même nom aussi, car c’est souvent très mal vu un nouveau site qui débarque comme ça avec le même nom qu’un site déjà reconnu.

2) Le design

Pour être accepté par un hébergeur (j’en parle au point suivant) il vous faut déjà le design !
Si vous ne savez pas grapher, vous avez de nombreux sites, gratuits ou pas pour commander.

Il vous faut ce qu’on appel un layout et des sidebars/contenu.

Vous pouvez le commande chez ici ou sur les liens suivants

http://obsession27.net
http://www.goldheartofficiel.com
http://zestedecouleurs.fr

Le codage wordpress

Il vous faut aussi coder le design en question, on propose des commandes de codages ici.

http://obsession27.net
http://zestedecouleurs.fr

Il y a d’autres modules que wordpress, mais ils sont moins intéressants à mes yeux. Et mon tuto est basé sur wordpress.

Lorsque vous avez le design, on peut passer à l’étape suivante

3)L’hébergeur et le nom de domaine

Qu’est ce qu’un hébergeur?
C’est ce qui va vous permettre de mettre votre site en ligne.

Je vous conseil de faire votre demande chez flaunt.nu, ils vont vous “prêter” un espace illimité pour votre site en échange de quelques règles à suivre. (affichage de pub, mise à jour régulière du site, … ) rien de bien compliqué.

Donc allons sur Flaunt.nu, puis dans “Apply” pour faire notre demande d’hébergement.
Nous devons remplir un formulaire, bon c’est en anglais, mais pas bien compliqué à comprendre.

* Pour le domaine, il est rare qu’ils accordent directement un nom de domaine, perso je préfère l’acheter (9€ par an)

Ils vous demandes ensuite si vous avez des connaissances en PHP et HTML et aussi en WordPress et Coppermine, dites oui, puisque je vais vous expliquez comment on fait après Smile

Vous acceptez le règlement et vous attendez une réponse Smile

Flaunt met maximum 48h pour répondre, si vous souhaitez acheter vous même un nom de domaine (je vous le conseil) RDV sur le site suivant ovh.com, ils sont très pro et les prix sont très abordables (max 10€ par an, souvent il y a des promos sympas)
Vous payez à l’année via Paypal ou virement il me semble.
ça va normalement très vite

Flaunt va au bout d’un moment vous envoyez un mail pour vous demandez de confirmer votre de demande et d’autres choses.
Si vous avez acheter votre nom de domaine, c’est là qu’il faut leur dire et leur donner l’adresse, comme ça, eux ils créer votre espace directement via votre domaine

4) Codage et WordPress

Flaunt va vous envoyer comme 2eme mail comportant les informations suivantes : Pseudo, Mot de passe, adresse, FTP, CPanel, … Attention, ne perdez pas ce mail ! Les informations sont très importantes!!

Si vous avez acheté votre nom de domaine, il faut aller sur le site d’OVH (si vous l’avez acheté chez eux) dans la partie compte perso (pour acheter le nom de domaine, vous avez du vous inscrire sur le site) Une fois connecté, cherchez “Domaine & DNS” et cliquez sur Modifier

Et vous ajoutez “Nameserver 1: us1.flauntmedia.net
Nameserver 2: us2.flauntmedia.net”
(comme dit dans le mail par flaunt)

Voila le plus dur est passé !

Maintenant nous allons installer l’ami wordpress dont je vous ai déjà parlé plus haut.
Pour cela, il nous faut aller dans le CPanel, Flaunt vous a donner les infos pour y accéder.
urldevotresite/cpanel plus vos identifiants

Une fois connecté, vous allez en bas de la page et vous cherchez wordpress

Cliquez dessus et puis cliquez sur “install”

Dans la 1er partie “Software Setup” ne modifiez rien SAUF “In Directory” ou vous devez enlever le “WP” il ne faut RIEN mettre dans cette partie.
Dans Database Settings, vous laissez comme c’est.
Site Settings : Vous mettez le nom de votre site et la description.
Admin Account : Le pseudo et le mot de passe que vous souhaitez utiliser pour vous connectez à wordpress et mettre votre site à jour.
Vous pouvez le mettre en français et changer l’adresse mail indiquée puis ne touchez plus à rien en cliquez sur “install”

Une page va ensuite vous donnez les infos suivantes

– Url de votre site
– Url pour aller sur worddpress et mettre à jour le site ! (exemple urldevotresite/wp-admin)

Pour le moment, votre site est moche, nous allons installer le beau design que vous avez commandez.

Il existe plusieurs façons pour cela, mais je vais vous donnez une seule des solutions, la plus simple

Vous retournez dans votre CPANEL

Vous cherchez File Manager

Puis vous ouvrez “Wp-content”

Puis ouvrez “Thèmes” une fois cela fait, cliquez sur Update

Et vous transférez le fichier “ZIP” qui vous a été envoyé lors de votre commande de codage.
Retournez sur la page “thème” le thème que vous venez d’envoyer est normalement présent, faites un clique droit dessus puis “Extract”

Voila, votre fichier est bien installé, vous retournez maintenant sur votre compte wordpress (urldevitresite/wp-admin)
Dans la colonne de gauche, allez dans “apparence” -> “Thèmes”
Votre thème apparait normalement sous forme d’image, vérifiez qu’il est parfait en cliquant sur pré-visualiser, si oui, activez le et voila, votre site est bon !

A bientôt pour de nouveaux tutos!

 


CONTACT

Sujet