31
Jérôme Deiss Formateur T.IC Lille [email protected] Content Manager System Système de Gestion de Contenu GNU Free Documentation License Version 1.2, November 2002 Copyright (C) 2000, 2001, 2002 Free Software Foundation, Inc. 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed

Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Content Manager System Système de Gestion de Contenu

GNU Free Documentation License

Version 1.2, November 2002 Copyright (C) 2000, 2001, 2002 Free Software Foundation, Inc.

51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA Everyone is permitted to copy and distribute verbatim copies

of this license document, but changing it is not allowed

Page 2: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Préambule

Avant toute chose, vous devez avoir un compte free fonctionnel pour cela vous devez ouvrir un compte gratuit sur le site de free : http://www.free.fr

Page 3: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Remplissez le formulaire et passez aux différentes étapes, l’envoie se fera par courrier sous une dizaine de jours selon les demandes… Après avoir reçu les codes n’oubliez pas d’activer vos pages Web et votre base de données MYSQL en vous rendant sur le site de free, rubrique « Abonnés » identifiez-vous. (Avec le login et le mot de passe reçu par courrier)

L’adresse de mon site sera donc http://virusinfos.free.fr

Page 4: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Et installer dans votre PC, les logiciels suivant : -Un logiciel permettant l’envoie de dossier et ou de fichiers sur votre compte Free (FTP) mon choix se porte sur l’open source avec Filezilla

Page 5: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

- Un logiciel de traitement d’image, la version open source étant THE GIMP

Un Navigateur WEB : Firefox

Page 6: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Téléchargement de dotclear Vous devez dans un premier temps vous rendre sur la page de téléchargement de dotclear :

Le choix se portera sur la version .zip du c.m.s

Vous allez donc télécharger le dossier zippé de dotclear, nous l’enregistrerons sur le bureau pour ne pas le perdre ☺ . Vous devriez avoir sur votre bureau un dossier zippé dotclear- 1.2.5.zip

Page 7: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Après l’avoir « Dé zippé » vous obtenez un dossier dotclear-1.2.5 Avec un l’intérieur un dossier dotclear 1.2.5…

1) Renommez le dossier dotclear 1.2.5 en dotclear (clic droit >> Renommer) 2) Copier le (clic droit >> Copier) [CTRL C] 3) Coller le sur votre bureau (clic droit sur votre bureau >> Coller [CTRL V] Vous obtenez donc sur votre bureau un dossier dotclear avec plusieurs sous dossiers et fichiers

Envoyez Dotclear sur free via Filezilla

Page 8: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Pour cette étape nous supposons que votre compte free est actif

1) Lancez Filezilla 2) Cliquez sur Fichier >> Gestionnaire de sites 3) Cliquez sur Nouveau Site et remplissez les champs comme ci-dessous (Etape 1 à 6)

A quoi correspondent les fenêtres de Filezilla :

Vous avez d’un côté votre pc avec le listage de tous les dossiers et fichiers qu’il contient. Et de l’autre votre compte free.

Page 9: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Voir la capture d’écran ci-dessous

Nous allons maintenant transférer notre dotclear sur Free, pour cela cliquez sur Fichier

>> Gestionnaire de Sites >> Sélectionnez votre site >> Cliquez sur Connexion

Page 10: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Vous êtes maintenant connecter à votre compte free, deux possibilités : Vous décidez d’envoyer le dossier dotclear à la racine de votre site / Soit vous décidez d’envoyer les fichiers contenus dans le dossier. La différence sera l’url de votre site. Dans le premier cas pour accéder à votre site vous devrez taper l’url suivant http://logindefree.free.fr/dotclear Dans le second cas votre site sera accessible directement sur http://votreloginfree.free.fr J’opte pour le second cas, il ne vous reste plus qu’à sélectionner tous les fichiers du répertoire dotclear (Attention de n’en oublier aucun !!!) et les envoyer (clic doit dessus >> Envoyer)

Page 11: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Vous pouvez prendre une pause café le temps du transfert des fichiers. Suivant votre connexion, cela peut prendre plusieurs minutes. Prenez le temps de visiter le site du petit dotclear illustré !!! http://petit.dotclear.net/

Page 12: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Installation de dotclear sur Free Tous les fichiers ont été envoyés à la racine de votre compte free, fermez Filezilla et

lancez votre navigateur préféré, nous choisirons FIREFOX ☺Connectez vous à votre site Web http://logindefree.free.fr Vous arrivez sur une page où c’est écrit Weblog not configured yet C’est donc que le transfert de fichiers c’est bien déroulé, dans le cas contraire, renvoyez tous les fichiers avec filezilla…

Nous pouvons commencer l’installation, à la fin de votre url tapez install http://votreloginfree.free.fr/install vous obtenez la fenêtre suivante :

Laissez les paramètres par défaut et cliquez sur Go >>

Page 13: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Cliquez sur « Etape suivante »

Page 14: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Le script d’installation crée les tables dans votre base de données MYSQL, vous pouvez vérifier vos tables dans votre console d’administration de votre compte free (espace abonnés) voir les deux figures ci-dessous :

Page 15: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Création de l’utilisateur (Administrateur)

Page 16: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Cliquez sur « Etape suivante »

Pour l’Emplacement de dotclear laissez le champ vide. Lorsque vous avez terminé de remplir les champs correctement cliquez sur « Enregistrer »

Page 17: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Votre Weblogue est configuré avec succès ☺ Cliquez sur « Terminer l’installation »

Fin de l’installation, Cliquez sur « Administrer votre Weblogue »

Page 18: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Vous arrivez sur votre interface d’administration :

Cliquez sur voir le blog pour voir votre blog, pour revenir à la console d’administration tapez /ecrire à la fin de votre url : http://votreloginfree.free.fr/ecrire <<< Console d’administration http://votreloginfree.free.fr <<< Votre Weblogue en ligne

Page 19: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Création d’une catégorie

Pour créer une catégorie sous dotclear il faut que vous soyez dans votre interface administration. Pour cela il suffit simplement de taper /ecrire à la fin de votre url si vous n’êtes pas sur votre console. Puis d’aller dans l’onglet catégories comme indiqué ci dessous

Cliquez sur « Nouvelle catégorie » vous devez avoir cette fenêtre :

Page 20: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Il ne vous reste plus qu’à écrire un billet dans chaque catégorie pour la voir apparaitre

Page 21: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Page 22: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Changer le thème de Dotclear : Vous pouvez facilement changer le thème de votre Weblogue grâce à l’outil de thèmes

Par défaut vous avez 2 thèmes dans votre dotclear « Default » & « OLD »

Page 23: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Si vous voulez utiliser le thème « OLD » il suffit de cliquer sur « Utiliser ce thème » retourner voir votre weblogue et vous verrez un nouvel habillage (skin, squelette) Le thème « Default » :

Le thème « OLD »

Page 24: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Vous avez aussi la possibilité de télécharger de nouveau thèmes :

Il y a 180 thèmes disponibles…

L’url de la galerie : http://www.campingclairdelune.fr/tests/?gallery/dotclear/themes-dc-1/1#gallery

Page 25: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Comment télécharger un thème : Apres avoir choisis un thème ici nous sélectionnerons @thème

Faire un clic droit sur l’extension pkg.gz t copier l’adresse du lien Retourner dans votre Console d’Administration >> Outils >> Gestionnaire des thèmes Coller le lien dans le champ : Installer un thème : voir figure ci-dessous

Page 26: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Cliquez sur « Installer »

Vous pouvez retourner voir votre blogue son thème a changé :

Page 27: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Modifier un thème installé Que l’on soit novice ou professionnel, on ne se contente rarement de ce que l’on a. Avoir un thème c’est bien mais très vite « on décide » de vouloir changer tel ou tel chose… Heureusement les développeurs de dotclear ont très bien travaillés. Et il est assez facile de modifier un thème. Par contre il faut prendre quelques précautions avant de commencer à jouer les apprentis sorciers dotcliriens(nes). Et ainsi éviter une catastrophe Weblogienne… La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure évite de travailler en « dur » sur le site. Connecter vous à votre site web à l’aide de Filezilla dans la fenêtre de droite parcourrez l’arborescence jusqu’à votre thème. Traduction pour les novices : /dotclear/thèmes/ Dans le dossier figure le dossier old correspondant au thème « old », le dossier « default » correspondant au thème default, et le dossier @theme » correspondant au thème « @theme » Clic droit sur le dossier que vous souhaitez modifier >> Télécharger Ne le téléchargé n’importe où sur votre PC !!!! Dans la fenêtre de gauche de Filezilla placez-vous dans votre dossier thème.

Page 28: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Lorsque le thème est télécharger, ouvrez le dossier de votre thème et ouvrez le répertoire image. /img

L’image top.png correspond à l’image de notre page d’accueil

Page 29: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Dans cet exemple je vais modifier le bandeau de ma page d’accueil Je sais que mon bandeau est dans le dossier dotclear/themes/img/ Il a comme nom de fichier top.png D’après mon logiciel de traitement d’image ses dimensions sont : 920 pixels de long sur 285 pixels de large

Je vais donc créer un bandeau ayant les mêmes dimensions et le même nom Avant toute chose je renomme top.png en topancien.png (comme cela si je fais une erreur avec mon nouveau bandeau je pourrais facilement revenir comme avant) Je crée donc une nouvelle bannière que dont le nom de fichier sera top.png ayant les memes dimensions. Je l’enregistre dans mon dossier /img de mon thème « @theme » (qui je vous le rappel pour ceux qui ne suivent pas se trouve lui-même dans mon dossier /themes, dossier se trouvant dans mon dossier /dotclear ☺ )

Page 30: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Il ne me reste plus qu’à renvoyer sur mon compte free au bon endroit mon nouveau thème modifié !!!

Clic droit sur mon dossier « @theme » >> Charger sur le serveur

Page 31: Content Manager System - WordPress.com · La première chose à faire est de rapatrier son thème dotclear utilisé sur son pc. Pour cela nous utiliserons Filezilla. Cette procédure

Jérôme Deiss Formateur T.IC Lille

[email protected]

Voilà mon thème est modifié