Delicate News

Daily Note

Minimal

eVid

Derrière ce titre lugubre, macabre & hors-sujet se cache en fait une petite annonce de service.

En effet, Spexel est le nom du thème WordPress que j’utilise sur WebTribulation.com depuis maintenant plus de 6 mois, et je suis sur le point d’en changer. Je me devais pourtant de dire au revoir à ce thème avec tous les honneurs qui lui sont dû.

En effet, bien que Spexel soit un thème gratuit, il fait partie des rares thèmes gratuits que j’ai pu voir qui permettent ce niveau de customisation.

Il y a ainsi un panneau d’administration spécifique aux options du thème qui permet de gérer de nombreux éléments comme le style de votre site web (magazine ou blog), le joli slider de la page d’accueil qui met en avant les derniers articles, mettre un effet sur le logo ou encore gérer la publicité.

C’est suffisamment rare pour être souligné.

Pour voir une autre preview du site Spexel, cela se trouve ici : Preview

Et pour le télécharger, cela se trouve ici : Téléchargement

English reader, you can find a version for you here.

Inspiration.

Je garde toujours sur moi un carnet en moleskine sur lequel je prends en note toutes les idées et pensées que j’ai pour des articles. Mes thèmes sont généralement des concepts ancestraux (la pliure de la page, l’orthographe, le minimalisme) auxquels j’essaye de donner une nouvelle dimension. J’essaye de faire en sorte que les gens pensent différemment ces concepts et, avec un peu de chance, leur inspirer une ouverture d’esprit dans leurs propres travaux.

Écriture.

Je commence toujours par l’écriture. J’ai généralement une vague idée de ce que sera le design, et cela influence souvent l’écriture de l’article dans une étape suivante, mais l’écriture vient toujours en premier.

Je m’enferme sur Ommwriter, n’avoir aucune distraction est la meilleure façon que j’ai trouvé pour écrire mes articles.

L’Esquisse.

De trop nombreux designers ouvrent Photoshop directement, sans avoir une idée générale de ce que sera leur création. Je vais toujours faire une esquisse d’un article dans son intégralité, ce qui peut prendre un certain nombre de pages. C’est seulement lorsque je suis satisfait de l’aspect général que j’ouvre Photoshop.

Photoshop comme outil de publication.

Je traite Photoshop comme s’il s’agissait d’un outil de publication : je vais créer la mise en page pour que cela corresponde le mieux possible avec mes dessins. Le design influence généralement l’article, certaines choses vont donc devoir être changées, effacées ou ajoutées. Cela prends énormément de temps et je vais très souvent abandonner pour recommencer de nouveau jusqu’à ce que je sois content du résultat.

Découpage & HTML/CSS.

Le découpage du fichier Photoshop et la création de la page HTML vient ensuite. C’est peut être l’étape la plus longue du procédé. Des petites choses changent ici ou là en fonction de mon habilité à coder correctement. C’est facile de se déchaîner sur Photoshop et créer des choses très compliquées… mais c’est une toute autre histoire que d’essayer de les rassembler sur la page HTML et je dois donc parfois abandonner ou changer de petites choses.

Publication

Ensuite, une fois que je l’ai relu entièrement, et fais de petites modifications (et d’autres modifications encore, et encore d’autres) : je le publie pour le partager avec le monde. J’envoie un message sur Twitter à propos de l’article et, généralement, il suit sa propre vie en faisant son chemin sur le web. C’est fantastique de voir des personnes apprécier et tweeter à propos de quelque chose pour lequel j’ai mis tant d’efforts. Je m’assure d’annoncer mon prochain article à la fin de celui-ci, en choisissant une autre idée dans mon carnet en moleskine. Cela permet à mes lecteurs d’anticiper le prochain article. C’est aussi une très bonne manière de me garder motivé pour la création de l’article suivant.

Je vous laisse donc découvrir les œuvres de Paddy Donnelly sur son blog IamPaddy.com.

Si vous souhaitez découvrir d’autres blogs qui prennent autant de soin pour designer leur billet (comme l’excellent Dustin Curtis et son article You should follow me on Twitter) , je vous conseille de lire ce billet qui rassemble des liens vers quelques unes de ces créations et vous donne même une première piste pour réaliser un blog de la même façon.

Lecteur français, vous pouvez trouver une version pour vous ici.

Inspiration.

I keep a Moleskine notebook with me at all times and jot down any ideas and thoughts I have for articles. Usually my topics are age old concepts (the page fold, spelling, minimalism) but I try and create a new spin on them.  I try to make people think differently about these concepts and hopefully inspire them to open their minds with their own work.

Writing.

I always start with the copy. I usually have a vague idea what the design will look like and that often influences the copy in a later stage, but the copy always comes first. Locking myself away in Ommwriter with no distractions is the best way I have found for writing my articles.

Sketching.

Too many designers open Photoshop straight away without a general idea of how the whole creation will look.  I always fully sketch out the article in it’s entirety, which can take a number of pages, and then once I’m pleased with the general direction I open Photoshop.

Photoshop as a publishing tool.

I treat Photoshop as a publishing tool, creating the layout to match my sketches. as best I can.  Usually the design influences the copy so some things have to be changed, removed or added.  This takes a long time and I usually scrap everything and start again and again until I’m happy.

Slicing & HTML/CSS.

Slicing up the Photoshop file and creating the HTML pages comes next.
This is perhaps the longest stage in the process.  Little things always change here or there depending on my coding skills.  It’s easy to go wild creating complicated things in Photoshop but it’s a different story trying to put it together in HTML so sometimes little things have to be left out or changed.

Publish

Then once I have read it over, and tweaked and tweaked and tweaked, I publish it and send it out into the world.  I tweet about it and then the article usually takes on a life on it’s own and works its way around the web. It’s fantastic to see people enjoying and tweeting about something that I’ve put so much work into. I make sure to line up my next article by choosing another idea from my Moleskine so that people are anticipating the next installment. This is also a good way of keeping me motivated in creating the next article.

Discover the art of Paddy Donnelly on his blog IamPaddy.com.

Première partie: l’installation

Tout comme dans les articles « Mise en place d’un blog sous WordPress » et « Installer un CMS : le cas de Joomla », je vais ici vous apprendre à faire votre site sous Drupal. Après avoir acheté un hébergement et un nom de domaine, nous pouvons nous lancer.

Drupal est une alternative à WordPress plus difficile à manier, en raison d’une ergonomie qui n’est pas toujours intuitive. Il est donc souvent destiné à des utilisateurs un peu plus expérimentés. Néanmoins, Drupal dispose de certains atouts, notamment d’une plus grande flexibilité. Il est nécessaire, avant de lancer son projet (site internet ou blog), de définir ses besoins. Un blog s’orientera ainsi vers WordPress, SPIP ou autre Dotclear, alors qu’un site plus complet et « professionnel » utilisera surement davantage Drupal ou Joomla ! A chaque projet convient un CMS. A vous de trouver le vôtre !

La première étape consiste à télécharger Drupal à cette adresse.. Avant de poursuivre, je vous conseille d’éditer le fichier .htaccess sur votre serveur pour y placer les lignes suivantes:

Cliquer sur l'image pour voir l'image en plus grand

Il est en effet nécessaire de prendre certaines précautions selon l’hébergeur que vous avez choisi (notamment OVH). Ensuite, décompressez l’archive pour n’obtenir qu’un dossier (à l’aide d’un logiciel de décompression comme Winrar). Cette étape est similaire à celle décrite dans « Mise en place d’un blog sous WordPress »: nous allons placer l’ensemble des fichiers et dossiers sur le serveur dans le dossier « www ». Le transfert ne dure que quelques minutes, soyez patient Si vous avez quelques soucis avec FileZilla, revenez aux deux tutoriels cités précédemment, leur présentation vous éclairera.

Contrairement au premier tutoriel, nous allons ici suivre l’installation automatique offerte par le CMS. Rendons nous directement sur le site sur lequel nous avons placé le contenu de l’archive (http://monsite.fr par exemple):

Par défaut, l’installation se fait en anglais. Si vous souhaitez que Drupal soit en français, il suffit de télécharger la traduction à cette adresse puis de décompresser l’archive et placer son contenu directement sur le serveur.

A la prochaine étape, il vous suffit de dupliquer le fichier « default.settings.php » et nommer son doublon « settings.php ». Cliquez pour continuer.

Pour cette nouvelle étape, il va vous falloir retrouver les identifiant et mot de passe fournis par votre hébergeur et les entrer ici. Vous pouvez, si vous le souhaitez, ajouter un préfixe à votre table. Ceci vous permettra de discerner les tables utilisées par Drupal en observant le préfixe placé devant. Dans mon exemple, les tables utilisées par Drupal seront nommées sous la forme: _drupal_*.

Poursuivez l’installation automatique. Vous devrez attendre quelques minutes durant le chargement :

Vous obtiendrez au final ce résultat, prouvant le bon déroulement de l’installation :

En cliquant sur « votre nouveau site », vous aurez accès au fruit de votre travail : votre site tout beau tout neuf ! Il ne vous reste plus qu’à personnaliser votre site avec les nombreux thèmes et plugins disponibles… Et à alimenter votre site !

Besoin d’aide pour votre site sous Drupal ? Consultez cette page, vous y trouverez une aide précieuse.

Deuxième partie: Les avantages et inconvénients de Drupal

Comme je l’ai dit plus haut, Drupal est un peu plus difficile à manier que WordPress, ce qui en fait un CMS moins utilisé que ce dernier. L’ergonomie dans son espace d’administration laisse à désirer, et il faut parfois chercher un bon moment pour effectuer la modification voulue.

Il bénéficie cependant de quelques avantages indéniables. Même si WordPress tire une grande force de ces nombreux plug-ins (plus de 8500 aujourd’hui), Drupal n’a pas grand chose à lui envier avec ses 4000 modules. Si toutefois vous ne trouvez pas le module qu’il vous faut, Drupal permet aussi de faire vos propres modules grâce à une API puissante vous permettant de développer des outils pour vos propres besoins.

De plus, Drupal est un logiciel libre : vous êtes donc en droit de le modifier dans le cadre de la license GPL pour le faire correspondre un maximum à vos besoins. Vous disposez aussi d’une communauté active de 500 000 personnes, présentes pour vous aider sur les forums officiels.

Enfin, et il s’agit du point le plus important selon moi, Drupal est un CMS performant et pouvant résister à un fort trafic, comme il le fait sur de nombreux sites professionnels tel que Rue89.fr.

Vous avez votre hébergement et votre nom de domaine. Félicitations ! Vous pouvez maintenant commencer votre projet Web (blog, portfolio, e-boutique, site de présentation, etc…). Allez on écrit ses lignes de codes, on crée notre base de données et on couple tout ça en enrobant de beaux styles CSS. Comment ça ? Vous ne connaissez ni le HTML, le PHP, le Javascript, ni le CSS, ni les bases de données MySQL ? Ah oui, ça risque de bloquer à un moment donné…

Mais pas de panique ! De gentilles communautés de développeurs se sont créées pour vous permettre de mettre en place un site et de le gérer sans connaissances techniques. Vous avez accès à une interface administration qui traduit le moindre de vos faits et gestes en lignes de codes et requêtes vers la base de données. Ces solutions s’appellent des CMS (Content Management System). Vous en connaissez déjà un : WordPress. Valentin l’utilise pour ce site et vous a récemment apprit comment l’installer.

Cependant WordPress n’est pas le seul CMS que vous pouvez utiliser. Par exemple Deviantart et la Maison Blanche ont décidé d’utiliser Drupal, Porsche et Ségolène Royal (il a fait mal à la communauté ce site :p) utilisent Joomla. C’est ce dernier que je vais vous apprendre à installer.

1. Télécharger Joomla

Il suffit de se rendre sur Joomla.fr et de télécharger la dernière version stable (la 1.5.15 en ce moment).

2. Charger les fichiers sur le serveur

Ca y est une archive contenant Joomla git fièrement sur votre bureau ou dans un de vos dossiers. Sauf que pour que ça marche, il va falloir mettre les fichiers en ligne. Pour cela on va recourir à un logiciel FTP qui, comme son nom l’indique (File Transfer Protocol), va vous permettre de transférer les fichiers situés sur votre ordinateur vers le serveur de votre hébergeur. Personnellement j’utilise Filezilla (gratuit et simple d’utilisation) et il me convient très bien. En plus Valentin vous a déjà appris à vous en servir !

1. Extraire l’archive Joomla dans le dossier de votre choix.
2. Lancez  Filezilla
   
3. Connectez-vous au serveur de votre hébergeur grâce aux informations qu’il vous a donné (Hôte, Identifiant, Mot de passe, Port). Pour reprendre les exemples de Valentin lors de l’installation de WordPress :
   « Hôte » : ftp4.trusttelecom.fr ; « Identifiant » : valentinTT1911 ; « Mot de passe » : 145w5004 ; « Port » : 21
4. Vous devrez normalement voir dans les cadres de droite les dossiers et fichiers présents sur le serveur. Il vous faut maintenant transférer les fichiers de l’archive Joomla à la racine ou dans le dossier www de votre site (se référer au mail de votre hébergeur pour savoir).
5. Une fois tous les fichiers transférés vous devriez voir quelque chose comme cela dans Filezilla :
   
   
   

   Cliquer sur l'image pour la voir en plus grand

6. Vos fichiers sont tous là? C’est bon, vous pouvez fermer Filezilla.

3. Installer Joomla en ligne

Vous venez de faire le plus dur. Maintenant il vous suffit de vous rendre sur votre site, par exemple http://cuisinedemaman.fr. Une redirection automatique vous amène à http://cuisinedemaman.fr/installation/index.php si aucune installation n’a été faite au préalable. Vous arrivez à cet écran :

Cliquer sur l'image pour la voir en plus grand

Sélectionnez la langue de votre choix (Français se met par défaut) et cliquez sur « Suivant » en haut à droite. Vous arrivez à l’étape de pré-installation. Ici le logiciel inspecte votre serveur pour voir si tous les éléments nécessaires à l’installation sont présents. Ne vous inquiétez pas si des paramètres recommandés (en bas) ne sont pas verts, l’installation se fera quand même. Par contre il est primordial que les éléments du haut soient en vert pour continuer l’installation. Si vous avez quelque chose en rouge, il faudra vous référer à votre hébergeur ou demander de l’aide à la communauté Joomla.
Si tous les éléments sont corrects vous pouvez cliquer sur suivant en haut à droite.

L’étape suivante est en fait la licence publique générale GNU que vous vous engagez à respecter. En bref, vous êtes libres de modifier les fichiers comme bon vous semble, d’améliorer le programme et de rendre publiques les modifications afin que l’ensemble de la communauté en bénéficie (gratuitement ou non). Faîtes suivant encore une fois.

La quatrième étape est la plus importante. C’est maintenant que nous allons configurer la base de données. Il va falloir vous référer au mail (le même où vous avez récupéré les informations du FTP normalement) que vous a envoyé votre hébergeur pour récupérer les données de configuration de la base de données. Remplissez les champs avec ces informations comme sur l’image :

Lorsque vous faîtes suivant, le logiciel crée les tables dans la base de données. Si tout s’est bien passé, vous passez à l’étape suivante. Si vous avez un message d’erreur, vous avez dû vous tromper dans les informations que vous avez rentré. Si c’est le cas faîtes simplement précédent et refaîtes l’étape avec les bonnes informations.

Si vous n’avez pas eu de problèmes à l’étape 2, vous pouvez ignorer l’étape suivante. Elle est utile uniquement pour un type de serveur particulier. De toute façon ne vous inquiétez pas, cette étape n’empêchera pas votre installation et peut au besoin se refaire dans l’interface administration une fois l’installation terminée.

C’est bientôt terminé. L’étape 6 vous permet de configurer votre site. Inscrivez le nom de votre site (exemple : La cuisine de Maman), votre e-mail (pour les formulaires de contact et en cas de mot de passe perdu) et votre mot de passe (attention, c’est celui que vous utiliserez pour vous connecter à l’administration de votre site).
On vous donne également la possibilité d’installer des données d’exemples. Il s’agit de faux contenus qui seront d’office ajoutés pour vous donner une idée de votre site une fois rempli. Je conseille aux débutants de réaliser cette étape. Pour ce faire, cliquez sur le bouton « Installer les données d’exemples« .
La dernière option de cette étape vous donne la possibilité de charger des données d’une autre installation de Joomla. Comme cet article s’adresse à des néophytes, je ne la détaillerai pas.
Vous pouvez cliquer sur « Suivant » en haut à droite.

Voila l’installation de Joomla est terminée. Il ne vous reste plus qu’à supprimer le dossier « installation » à l’aide de votre logiciel FTP (Filezilla). Une fois cela fait vous pouvez aller voir votre site.

Pour vous connecter à votre interface administration, allez à http://cuisinedemaman.fr/administrator/ ou cliquez sur le lien « administrator » quelque part dans le menu du site. Utilisez l’identifiant « admin » et le mot de passe choisi à l’étape 6.

Votre site est maintenant opérationnel. Il ne vous reste plus qu’à créer/éditer vos contenus et à personnaliser votre site. Je vous conseille le document pdf « Joomla pour les nuls » mis à disposition gratuitement par la communauté. Il est très bien fait et vous aidera grandement dans la conception de votre site.

Amusez-vous bien !

Première étape, l’inscription. Le service vient de sortir de sa version bêta et tout le monde peut maintenant s’inscrire. Il  vous faudra donc commencer par vous inscrire sur le site.  Une fois connecté, il sera temps de choisir l’apparence et les fonctionnalités de votre future barre Wibiya. Commençons par les fonctionnalités. Vous aurez le choix entre une dizaine d’outils :

• Un moteur de recherche : ce dernier permet à vos lecteurs de choisir s’ils veulent effectuer une recherche sur votre blog ou sur Google.
• Un outil de traduction : les langues les plus répandues sont présentes : anglais, espagnol, chinois, japonais, coréen, russe, néerlandais, … La traduction est effectuée par les services Google. En net progrès par rapport à il y a quelques années, cela n’en reste pas moins de la traduction automatique avec son lot d’imperfections. Pratique mais cela ne fera pas de votre blog un véritable blog multilingue. Néanmoins, la solution Wibiya est beaucoup moins lourde et tout aussi satisfaisante qu’un plugin comme « Global Translator« .
• L’exploration de vos articles : vos lecteurs pourront accéder à vos derniers articles et/ou lire un article sélectionné au hasard. Un bon moyen pour faire (re)vivre vos anciens billets.
• Un panneau Twitter : Très pratique, il vous permet de voir les tweets concernant votre blog et ainsi découvrir qui fait votre promotion. Il permet également à vos lecteurs de lire vos derniers tweets et de vous suivre.
• Un panneau Facebook : certainement la partie la plus « communautaire » de la barre. Elle permet à ceux qui le souhaitent de devenir « fan »de votre blog si ce dernier possède une « fan page » sur Facebook. Il est aussi possible de choisir de faire partie de la communauté du blog et d’utiliser une « shoutbox » pour discuter entre lecteurs. Je dois avouer que sur mon blog, l’activité sur ce plan est quasi-nulle.
• Un outil de partage de vos articles : cet outil remplace avantageusement de nombreux plugins du genre. En effet, grâce à cet outil, vos lecteurs pourront facilement partager vos articles sur Twitter, Facebook, FriendFeed, Digg, Delicious, …
• L’abonnement à votre flux RSS : probablement déjà présent sur votre blog, voici un nouveau point d’entrée pour permettre à vos lecteurs de s’abonner au flux RSS de votre blog.
• La galerie photo Flickr : vous possédez un compte Flickr, vous souhaitez partager certaines de vos photos, Wibiya vous propose de le faire facilement sans ajouter d’autre plugin.
• Un outil de notifications : vous voulez dire un mot d’accueil à vos visiteurs, il suffit de paramétrer un message dans le « dashboard » de Wibiya et chaque nouvel arrivant sur votre blog verra apparaitre votre message.
• Un module de jeux : très gadget à mes yeux, vous pourrez néanmoins permettre à vos visiteurs de jouer à des centaines de petits jeux sans quitter votre blog.

Voilà pour les fonctionnalités. Il vous reste donc à personnaliser l’apparence de votre barre. Vous aurez le choix entre une trentaine de couleurs. Il vous sera également possible d’uploader une icône pour la barre de recherche.

Dernière étape, l’installation. Cette barre s’installe très facilement, soit par widget, soit par plugin soit grâce à un petit bout de code à insérer suivant la plateforme que vous utilisez. Bien qu’étant sous WordPress, j’ai opté pour le code à insérer. qui évite de trop alourdir le temps de chargement de votre page. L’opération est simple et à la portée des plus néophytes.

Voilà, tout est prêt. Il ne vous reste plus qu’à souhaiter que vos lecteurs trouvent une utilité à cette barre qui bien que déjà discrète, peut facilement se réduire en un clic. Pour consulter les statistiques et paramétrer la barre, il suffira de vous rendre sur votre « dashboard » sur le site de Wibiya.

Par rapport à mon blog, la barre Wibiya est autant utilisée par moi que par mes lecteurs. Elle me sert notamment à visualiser qui twitte à partir de mon blog et permet à mes visiteurs de s’abonner à mon flux RSS et partager mes articles. Quelques dizaines d’articles ont également été traduits à partir de la barre. Un bilan plutôt positif en somme.

Les + :

• facile à installer
• discrète
• remplace potentiellement de nombreux plugins
• apporte un aspect « communautaire » à votre blog

Les – :

• certaines fonctionnalités un peu « gadget »
• peu de possibilités de personnalisation

Une note ? 4/5.

Convaincu(e) ? Rendez-vous de ce pas sur Wibiya pour l’intégrer sur votre site.

Suite à l’achat d’un hébergement et d’un nom de domaine, il va évidemment falloir arriver à l’étape où l’on va mettre en place un site web, un blog ou tout projet qui nécessite d’avoir un petit espace sur Internet.

Je présenterai plus tard d’autres alternatives, mais comme aujourd’hui WordPress est la solution que je connais le mieux, commençons par ce qui me semble être le plus simple, efficace et rapide à mettre en place.

Il va falloir tout d’abord vous rendre sur fr.wordpress.org pour télécharger la dernière version de WordPress (à l’heure où je vous parle il s’agit de la 2.9.1 disponible en français ici )

Une fois téléchargée et dézippée, allez dans le dossier « wordpress » pour retrouver un fichier nommé wp-config-sample.php, que vous allez renommer en wp-config.php (il vous suffit juste de cliquer sur le nom et d’en effacer la partie -sample).

Puis ouvrez ce fichier wp-config.php dans un éditeur de texte de type Notepad ou TextEdit. Réservez-le sur le côté le temps de créer une base de donnée.

Pour cela il va vous falloir mettre les mains dans le cambouis (mais nul raison d’avoir peur) et retrouver le mail qui vous a été envoyé par votre hébergeur.

Dans ce mail (mais vous pourrez également retrouvez ces informations dans l’espace client de votre hébergeur), il y a une donnée qui vous donne une adresse qui ressemble à phpmyadmin4.trusttelecom.fr

En allant à cette adresse, il vous sera demandé votre Login et Mot de passe, qui sont fournis dans ce même mail (ou même page).

Une fois sur cet écran, et plus précisément dans la zone « Créer base de données »,vous allez effacer les trois points pour ajouter le nom de votre site. Dans le cas de WebTribulation, j’ai mis quelque chose ressemblant à Valentin1911_webtribulation puis cliquez sur « Créer ».

Retournez dans le fichier wp-config.php que vous avez ouvert dans un éditeur de texte.

Dans la partie « Réglages MySQL », vous allez remplir comme suit, en remplaçant les informations que j’ai mis ici par celles qui vous ont été données dans le mail de votre hébergeur. Et en ce qui concerne « le nom de la base de données de WordPress », il va falloir mettre le nom de la base de données que vous venez de créer (chez moi c’était Valentin1911_webtribulation).

Voici un exemple de ce à quoi cela peut ressembler

// ** Réglages MySQL – Votre hébergeur doit vous fournir ces informations. ** //
/** Le nom de la base de données de WordPress. */
define(‘DB_NAME’, ‘ValentinTT1911_webtribulation’);

/** Utilisateur de la base de données MySQL. */
define(‘DB_USER’, ‘ValentinTT1911′);

/** Mot de passe de la base de données MySQL. */
define(‘DB_PASSWORD’, ’145w5004′);

/** Adresse de l’hébergement MySQL. */
define(‘DB_HOST’, ‘localhost’);

Ici il va falloir utiliser un client FTP qui va nous permettre de mettre les éléments constitutifs de votre WordPress sur votre hébergement. Si vous n’avez jamais utilisé de client FTP, je vous conseille d’installer FileZilla (très simple d’utilisation, il est disponible pour Windows, Mac et Linux).

Une fois que vous l’aurez installé, démarrez-le puis entrez les données demandées. C’est à dire remplissez les champs « Hôte », « Identifiant » et « Mot de passe » et « Port ». Toutes ces informations sont présentes dans le mail envoyé par votre hébergement et seront donc sous la forme :

« Hôte » : ftp4.trusttelecom.fr « Indentifiant » : valentinTT1911 « Mot de passe » : 145w5004 « Port » : 21

Puis cliquez sur « Connexion rapide ».

La partie gauche de FileZilla, nommé « Site local », représente le disque dur de votre ordinateur. La partie droite, nommée « Site distant » représente l’espace d’hébergement qui va accueillir votre site.

C’est ici dans la partie en bas à droite (où sont inscrit les mots « Votre hébergement »), que vous allez faire un clic droit « Créer un dossier » que vous allez nommer « www » (sans les guillemets). Ce répertoire sera connu comme étant le répertoire racine. C’est dans celui-ci que vous allez mettre votre site.

Vous allez ensuite utiliser la partie gauche (Site local) pour retrouver le dossier « WordPress » (celui dans lequel vous avez modifié le wp-config). Une fois trouvé, vous allez double-cliquer dessus pour avoir tous les dossiers et fichiers qu’il contient dans la partie en bas à gauche (avec notamment les dossiers « wp-admin », « wp-content », etc.)

Vous allez tout sélectionner, tous les dossiers et fichiers contenus dans « WordPress » à l’exception du premier dossier

Vous allez ensuite tout faire glisser vers le dossier « www » que vous aviez créé dans le « Site distant » (comme dans l’image ci-dessous).

Il va falloir ici attendre quelques instants (voir minutes) pour que tous les fichiers se mettent sur votre hébergement.La dernière ligne de la partie supérieure de Filezilla dira : « Statut : déconnecté du serveur »

Une fois le transfert effectué, allez dans votre navigateur Internet et entrez l’adresse de votre site auquel vous ajoutez /wp-admin/install.php à la fin.

Par exemple : http://cuisinedemaman.fr/wp-admin/install.php

Entrez le titre de votre blog et votre adresse mail (vous pourrez encore modifier ces informations par la suite), puis cliquez sur « Installer WordPress ».

Vous allez être redirigé vers un écran qui vous donnera votre nom d’utilisateur (qui sera « admin ») et un long mot de passe compliqué (il vous faudra le changer par la suite).

Cliquez sur « Se connecter » et vous pourrez entrer ces informations qui viennent de vous être données.

Vous avez désormais un site web.

Vous êtes tout d’abord face au panneau d’administration qui va vous permettre de gérer votre site web.

Mais il vous suffit de cliquer en haut sur « Aller sur le site » pour voir le résultat.

Bien évidemment, le visuel par défaut est un peu rudimentaire… mais on va arranger cela très bientôt dans un futur article.

Je suis en train de mettre en place un projet très motivant en rapport à la future tablette d’Apple : le iSlate.

Pour cela, j’ai besoin d’un (ou plusieurs) développeur iPhone confirmé.

Il est important que vous maîtrisiez suffisamment bien le SDK pour mettre en place une application qui pourra gérer du contenu image et textuel & du temps à consacrer pour faire avancer ce projet.

Vous comprendrez de part la nature du projet que je ne peux pas vous donner beaucoup de détails… mais je peux dire une chose : nous avons un business model.

Il est donc évident que, dès que l’application sera créée, le développeur qui aura accepté de consacrer du temps pour celle-ci, sera récompensé.

Si vous souhaitez en être : envoyez-moi un mail : WebTribulation AT gmail.com

Si vous souhaitez m’aider dans ma recherche : n’hésitez pas à diffuser ce message et à le ReTweeter.

Si vous désirez suivre ce projet, suivez le flux rss de ce blog ou suivez moi sur Twitter.

EDIT : Moins de 4h après avoir publié ce billet, j’ai peut être déjà trouvé une solution pour le développement de mon projet.

Je tiens donc à remercier toutes les personnes qui ont aidé à diffuser l’information, notamment sur Twitter. Et je vous tiendrais au courant des avancées.

Si vous êtes tout de même intéressé pour participer au projet, n’hésitez pas à me mailer… votre aide pourrait nous aider à amener encore plus vite ce projet.

Merci encore.

Évidemment, vous auriez pu passer également par le prestataire 1&1 pour acheter votre hébergement, mais l’acheter par ailleurs permettra de traiter du cas de figure le plus complexe (et vous verrez que, en tant que cas le plus complexe, il est encore d’une simplicité enfantine).

Commençons par nous rendre sur le site de TrustTelecom.

Pourquoi TrustTelecom pourriez-vous me demander ? Tout simplement parce qu’il m’a été recommandé, que tous mes hébergements sont chez eux et que j’en suis satisfait. Et pour ne rien gâcher, lorsque j’ai posé une question via le formulaire de contact, ils m’ont répondu rapidement et de manière satisfaisante.

Alors pour un premier site, le choix TrustTelecom me semble un bon choix surtout que leurs prix sont très bas (compter 12€/an).

Toujours dans mon vaste travail de démolition de toutes les appréhensions que vous pourriez avoir avant de lancer un site web, voici les différentes étapes qu’il vous faudra « traverser ».

Il vous faudra tout d’abord créer un compte en remplissant quelques informations basiques du genre : nom, prénom, adresse, choisir un nom d’utilisateur, un mot de passe, accepter les conditions générales de vente… puis cliquer sur « Valider ».

Une fois avoir confirmé votre compte en cliquant sur le lien dans votre mail de confirmation, connectez-vous à votre compte en cliquant sur la zone « Déjà client ? Identifiez-vous ».

Une fois identifié, vous pourrez choisir le pack web qui vous intéresse : celui à 12€ est idéal pour commencer. Il vous suffit donc de vous rendre sur la page d’accueil du site et de cliquer sur « Commander » après avoir vérifié que vous étiez sur le Pack 1 pour un engagement de 12 mois (comme sur la première image de cet article).

Vous arriverez donc sur l’écran suivant qui va vous permettre de choisir le mode de paiement (celui par Carte Bancaire est le plus simple et totalement sécurisé)

Il vous sera ensuite demandé de renseigner le nom de votre domaine. Il s’agit de ce nom de domaine que vous avez peut-être acheté en suivant mon article précédent.

Dans mon cas pratique ici, après le www. j’ai inscrit « cuisinedemaman » (sans les guillemets) et j’ai cliqué sur le menu déroulant à côté pour m’assurer d’être sur « .fr » puisque j’avais acheté un « .fr » chez 1&1.

Cliquez sur « Commander » pour arriver sur l’écran de confirmation suivant :

Cliquez sur « Valider » pour arriver sur le dernier écran que je vais vous montrer… celui du choix de la carte de crédit puisqu’il n’y a rien de compliqué dans la suite et que ce serait risqué de montrer des informations personnelles.

Voilà qui vous rapproche dangereusement du moment où vous allez pouvoir passer aux choses plus amusantes.

Encore 2-3 étapes et nous y voilà. Tout d’abord il va falloir relier votre nom de domaine avec cet hébergement.

Il faut tout d’abord se connecter à son compte 1&1.

Cliquez sur le pack du domaine en question, puis sur « Configuration des domaines » (comme sur les 2 images ci-dessous).

Il va vous falloir cliquer sur la boîte devant le nom de votre domaine, puis cliquez sur la petite flèche à côté de « DNS » pour trouver « Modifier les paramètres DNS ». Cela va vous permettre de rediriger votre nom de domaine vers l’hébergement que vous venez d’acheter.

Ces informations sont présentes dans le mail qui vous a été envoyé par votre hébergeur ou dans votre espace client de celui-ci.

Pour TrustTelecom, il s’agit toujours de ns1.trusttelecom.fr et ns2.trusttelecom.fr. Il faut donc faire les modifications comme sur l’impression d’écran suivante :

Cliquez sur « Enregistrer ». Vous aurez le droit à un message qui vous confirmera que vos DNS seront mises à jour.

Ici il faut parfois attendre plusieurs heures avant que le changement se fasse en effet.

Je me doute que vous bouillonnez déjà d’impatience pour véritablement arriver à l’étape intéressante : mettre en place votre blog. Nous y arrivons maintenant… alors amusons-nous.