Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

06 novembre 2010

Mettre une horloge dans une colonne avec WordPress

Posté par Demolite - Dans la catégorie Wordpress
Tags : ,

Commencez par vous trouver une horloge sympa sur le net…faites attention aux sites qui proposent des horloges livrées avec le package de pubs !

Je vous conseille ce site : http://www.clocklink.com/

Vous trouverez pas mal d’horloges classées par thème et sans pubs bien sur...

Cliquez sur :

btn_gallery_off_en

Pour accéder aux horloges.

sans_titre_51

Cliquez ensuite sur :

btn_html_off_en

Pour récupérer le script de votre horloge, en n’oubliant pas de choisir le bon fuseau horaire.

sans_titre_61

Maintenant ouvrez l’administration de votre compte WordPress, et allez dans Widgets.

Faites passer un bloc Texte qui se trouve dans la liste de gauche, dans votre colonne qui se trouve à droite, en faisant glisser le bloc (Maintenez le clic gauche enfoncé et relâcher à l’endroit désiré).

sans_titre_7

Collez votre script dans le bloc texte et validez.

Voila, votre horloge est en place.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


Installer une extension (un Plugin)

Posté par Demolite - Dans la catégorie Wordpress
Tags : , ,

C’est quoi d’abord un plugin ?

C’est une extension…Oui…mais encore…?

C’est un programme qui apporte une fonctionnalité supplémentaire au logiciel de base…donc ici : à WordPress.

Il existe toute sorte de plugins (d’extensions) qui peuvent venir se greffer à WordPress et améliorer ses performances.

Voici comment en dénicher quelques uns et aussi comment les installer…

Sur cette page une barre de recherche vous aidera à trouver tous les plugins WordPress, à condition d’en connaitre déjà le nom…

Sinon, cherchez dans la liste qui se trouve dans la colonne de gauche, les plugins sont classés par genre.

sans_titre_1

Si vous êtes un peu largué, je vous conseille fortement d’aller faire un tour sur le blog de Maigret…qui vous a concocté un concentré de plugins indispensables, laissez vous guider et faites votre choix.

Pour installer le plugin, vous devez cliquer sur Download pour le télécharger sur votre pc.

sans_titre_31

Vous devez ensuite le décompresser puis le mettre en ligne par l’intermédiaire de votre client FTP, dans cet exemple il s’agit de FireFTP une extension de Firefox…

sans_titre_5

Ouvrez FireFTP, connectez-vous puis faites glisser le dossier de votre plugin fraichement téléchargé et décompressé, dans le dossier www/wp-content/plugins.

sans_titre_6

Maintenant vous devez vous rendre sur votre espace d’administration WordPress et allez sur l’onglet Extensions.

En bas de page vous avez la liste des extensions inactives…

Pour activer une extension (plugin) vous devez tout simplement cliquez sur Activer.

sans_titre_7

Voilà, lorsque vous affichez votre blog le plugin choisi est actif !


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Afficher et ajouter des widgets dans une colonne

Posté par Demolite - Dans la catégorie Wordpress
Tags : ,

Sur WordPress pour ajouter des “choses” dans vos colonnes, vous devez vous rendre sur votre espace d’administration puis allez dans Apparence puis Widgets.

sans_titre_24

Vous arrivez sur une page qui ressemble à ça :

sans_titre_23

Sur la gauche, vous avez les widgets disponibles…pour les ajouter dans une colonne, cliquez sur Ajouter, le widget s’affiche dans la partie de droite, pour voir les modifs sur votre blog, cliquez sur Enregistrer les modifications.

Pour ajouter un service, comme Blog-it Express par exemple, ajoutez un widget Texte, entrez un titre : Blog-it Express, puis collez le script dans la fenêtre en dessous et faites Charger.

sans_titre_11

Cliquez sur Enregistrer les modifications pour valider les changements.

Vous obtenez ceci sur votre blog :

sans_titre_12

Pour déplacer un widget vers le haut ou vers le bas, cliquez dessus sans relâcher et faites glisser vers l’emplacement désiré, puis relâchez.

sans_titre_2

Vous devez à chaque fois Enregistrer les modifications pour valider les changements.

Vous pouvez ajouter tous les widgets qui se trouvent dans la partie de gauche, et ajouter également dans les widgets “Texte” pratiquement tout ce que vous voulez…du texte, un slideshow, une newsletter, un moteur de recherche, une horloge, un compteur, des catégories personnalisées, des liens, une messagerie etc…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Installer et modifier les images d’un thème sur WordPress

Posté par Demolite - Dans la catégorie Wordpress
Tags : , , ,

Alors, après avoir installé WordPress il faut choisir son thème…car celui qu’on vous colle d’office n’est pas jojo vous en conviendrez…

Où vous procurer un thème ?

Lorsque vous êtes dans votre espace d’administration sur WordPress, allez dans Apparence puis Thèmes, tout en bas de la page vous avez un lien nommé Répertoire de thèmes WordPress.

Une fois sur la page, vous pouvez lancer une recherche pour trouver un thème si vous connaissez déjà son nom, sinon vous avez une liste dans la colonne de gauche où vous trouverez sans doute votre bonheur…

Pour voir le thème plus en détail, cliquez sur la miniature du thème pour afficher la page de téléchargement.

sans_titre_2

Pour visualiser le thème en pleine page, cliquez sur Preview et pour le télécharger sur Download.

Une fois téléchargé, décompressez le fichier zip, ouvrez votre client FTP dans cet exemple il s’agit de FireFTP, et faites glisser le dossier de votre thème dans le dossier www/wp-content/theme.

Pour vous simplifier la vie, je vous conseille de créer un dossier nommé FireFTP ou Filezilla dans lequel vous classerez tous vos thèmes, plugins, images etc…dans des dossiers pour chaque genre, vous n’aurez plus qu’à sélectionner votre dossier dans la partie de gauche pour en afficher tout le contenu.

sans_titre_22

Retournez sur votre espace d’administration WordPress, allez dans Apparence/thème, votre thème doit être dans la liste des thèmes disponibles, pour le valider et l’afficher sur votre blog, vous devez cliquez sur la miniature du thème, une fenêtre va s’ouvrir, dans l’angle en haut à droite cliquez sur Activer.

Voilà, votre thème est en ligne.

Si il vous plait comme ça, c’est super…vous n’avez plus rien à faire et vous pouvez écrire votre premier article !

Si vous voulez le personnaliser, lisez la suite…

Ouvrez votre dossier thèmes qui se trouve sur votre pc, puis le dossier de votre thème dans lequel se trouve un dossier images, qui contient les images de votre thème…logique.

sans_titre_3

Il suffit donc d’ouvrir ces images dans un logiciel de retouche d’image et les modifier à vote gout, mais en gardant les dimensions et aussi le nom des images, si vous modifiez le nom des images elles ne s’afficheront plus sur votre blog, car leur nom figure dans la feuille de style, pour justement permettre leur affichage.

Une fois que vous avez vos nouvelles images, retournez dans FireFTP puis faites glisser vos images dans le dossier images de votre thème, dans la partie de droite.

Ces nouvelles images, viendront remplacer les anciennes.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

04 novembre 2010

Installer WordPress

Posté par Demolite - Dans la catégorie Wordpress
Tags : ,

Voici mon premier tuto sur WordPress ou plutôt comment installer WordPress et mettre son blog (site) en ligne…

Ce qui n’est pas une mince affaire quand on ne connait qu’un seul hébergeur, Canalblog en l’occurrence…et que d’un coup on atterri dans un monde bien différent…

Je ne savais pas trop par quel tuto commencer ?
Et puis je me suis dis qu’il serait logique de commencer par le commencement…

“L’installation de WordPress !”

sans_titre_2Allez sur le site francophone de WordPress et téléchargez la dernière version de WordPress, décompressez le fichier zip pour en extraire le dossier WordPress.

Pour la suite, vous allez avoir besoin de vos identifiants, que vous avez du recevoir par email de la part de votre hébergeur, une fois que votre base MySQL est installée sur le serveur de votre hébergeur, vous recevez un mail avec les données techniques.

Maintenant, dans le contenu du dossier WordPress, vous devez repérer un fichier d’installation qu’il va falloir modifier manuellement :

wp-config-sample.php

Cliquez droit dessus, puis ouvrir avec Bloc-notes vous devez modifier les 4 premières lignes en entrant les données techniques que vous venez de recevoir par mail, comme ceci :

 

define(’DB_NAME’, ’demolitetuto’) ; // nom de la base de données
define(’DB_USER’, ’demolitetuto’) ; // votre identifiant MySQL
define(’DB_PASSWORD’, ’motdepasse’) ; // votre mot de passe
define(‘DB_HOST’, ‘mysql5-8′);     // dans la plupart des cas, vous n’aurez pas à modifier cette ligne

Une fois fait, enregistrez et renommez le fichier en wp-config.php

Maintenant le contenu du dossier WordPress doit être envoyé sur le serveur de votre hébergeur via le protocole FTP.

Alors si vous utilisez Internet Explorer téléchargez Filezilla il est gratuit et en français, c’est un logiciel qui vous permettra d’envoyer les dossiers, fichiers, images, thèmes etc…de votre Pc dans les dossiers à la racine de votre hébergement.

Si comme moi vous utilisez Firefox   installez donc FireFTP, c’est une extension absolument fabuleuse, carrément plus pratique que Filezilla ! Plus besoin d’ouvrir et de fermer le logiciel, FireFTP peut s’ajouter dans la barre d’outils de votre navigateur et s’ouvre ensuite dans un onglet toujours à portée de clic…

sans_titre_41

Une fois votre client FTP installé, vous devez vous identifier pour accéder à votre serveur et commencer les modifs sur votre blog, vous avez du recevoir un autre mail de votre hébergeur avec vos codes FTP, ça ressemble à ça :

Serveur ftp          : ftp.demolitetuto.fr
Login ou utilisateur : demolite
Mot de passe         : votre mot de passe

Entrez vos données, en cliquant sur créer un compte en haut à gauche dans FireFTP ou Filezilla.

sans_titre_52

Une fois connecté, dans la partie droite de l’explorateur Filezilla ou FireFTP un dossier sans nom va apparaitre, double cliquez dessus pour afficher les sous dossiers dont le dossier www qui nous intéresse.

sans_titre_9

Ensuite, double cliquez sur le dossier WordPress qui se trouve dans la partie de gauche, pour afficher son contenu, sélectionnez les 3 dossiers et tous les fichiers puis faites glisser le tout dans le dossier www dans la partie de droite, si le glisser-deposer vous pose problème, cliquez droit sur la sélection et faites Envoyer en prenant soin d’avoir sélectionné avant le dossier de direction (www).

sans_titre_711

(Pour éviter de vous éparpiller, je vous conseille de créer un dossier nommé FireFTP par exemple et de mettre dedans tout ce qui concerne votre site).

Dernière étape pour activer votre blog, tapez l’adresse suivante dans votre navigateur en remplaçant adressedevotresite  par l’adresse de votre site :

http://adressedevotresite/wp-admin/install.php

Ce qui donne ça pour moi : http://demolitetuto.fr/wp-admin/install.php

Vous devez entrer le titre de votre blog et votre adresse e-mail.

Si vous souhaitez que votre blog soit référencé par les moteurs de recherche, cochez l’option Autoriser mon blog à apparaitre dans les moteurs de recherche comme Google et Technorati.

sans_titre_8

Votre blog est désormais en ligne…

Sachez tout de même qu’il faut environ de 24 à 48 heures à votre hébergeur pour mettre en ligne votre blog, si comme moi au bout de 2 jours vous obtenez toujours une page blanche avec écrit “Bienvenue sur notre offre start…” (suivant votre hébergeur le message peut être différent) c’est que vous devez supprimer le dossier memo et le fichier index.html qui se trouvent dans le dossier www.

Encore un petit conseil, avant de supprimer un dossier ou un fichier faites en toujours une copie en le glissant dans la partie gauche de votre explorateur FireFTP, comme ça vous pouvez toujours le remettre si vous rencontrez un problème…

Un grand merci A l’Antre du Lutin, sans qui je serais sans doute encore en train d’essayer de comprendre !


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



Supprimer ou remplacer une bande son dans une vidéo avec Movie Maker

Posté par Demolite - Dans la catégorie Movie Maker
Tags : , , ,

Ce week-end il a fait un temps super, alors j’en ai profité pour faire des petites vidéos familiales dans le jardin de papy et mamy de Brétigny…

Mais c’était sans compter sur cette foutue balançoire qui comme nous tous, semble ne pas avoir apprécié l’hiver interminable que nous avons eu cette année…du coup elle grince à mort ! C’est pas faute de l’avoir graissé…mais rien à faire, alors du coup la vidéo de ma fille qui se balance à un fond sonore plutôt désagréable.

Dans ce cas, comme je tiens à garder les dialogues de la vidéo, il faut ruser et trouver une astuce pour couvrir les grincements…j’ai pensé que dans un jardin, un fond avec des petits oiseaux qui chantent ça serait sympa bon faut pas rêver non plus, on entend toujours le grincement, mais disons qu’avec les oiseaux qui piaillent…ça détourne l’attention.

Voila la vidéo avant :

Après l’ajout du chant des oiseaux :

Dans le cas ou la bande son de votre vidéo est vraiment trop nulle…vous pouvez toujours la remplacer par de la musique ou un fond sonore…

Alors, on va déjà voir comment ajouter une bande son par dessus la bande originale pour masquer un peu les grincements…Comme dans la deuxième vidéo.

Importez votre vidéo et votre Mp3 (dans cet exemple “le chant des oiseaux”) dans Movie Maker en passant par Importer un média.

Faites glisser la vidéo sur la table de montage, puis passez en mode Chronologie.

Faites glisser maintenant votre Mp3 sur la Zone Audio/Musique comme indiqué sur la capture.

sans_titre_22

La bande son de votre vidéo se trouve juste au dessus, dans la zone Audio.

Si votre Mp3 est plus court en temps que votre vidéo, vous devez faire glissez le Mp3 plusieurs fois sur la table de montage, comme j’ai du le faire pour mon chant des oiseaux qui ne dure que quelques secondes…

sans_titre_31

Pour affiner encore plus l’effet de camouflage, baissez le volume de la bande originale celle qui contient le grincement de façon à l’atténuer un peu, mais pas trop sinon on entend plus les dialogues…

Et montez le volume à fond pour le chant des oiseaux, normalement le volume est au maximum par défaut…

sans_titre_4

Si au contraire votre Mp3  est trop long…faites comme ceci :

sans_titre_54

Si vraiment vous voulez supprimer la bande son originale et la remplacer par une autre faites comme ceci :

sans_titre_12

Vous pouvez également commenter votre vidéo avec l’option Narration de la chronologie et ajouter la bande son à l’originale ou en remplacement.

Allez dans Outils puis Narration de la chronologie…

sans_titre_14

Placez la ligne verte de lecture au début de votre vidéo pour démarrer la narration ou à l’endroit sur la vidéo ou vous voulez commencer…

sans_titre_23

Réglez la puissance du micro, puis cliquez sur Démarrer la narration.

Faites votre bla bla puis cliquez sur Arrêter la narration.

Movie Maker vas vous demander d’enregistrer la narration, et va placer automatiquement votre narration dans la zone Audio/musique sous la bande son originale.

sans_titre_32

Voilà, vous n’avez plus qu’à publier votre vidéo comme d’hab…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Supprimer un passage dans une vidéo avec Movie Maker

Posté par Demolite - Dans la catégorie Movie Maker
Tags : , , ,

On a tous une vidéo avec un passage qu’on aimerait bien faire disparaitre !

Voilà comment faire…

Le tuto en vidéo est sans le son, car ma fille est à la sieste…je vais donc vous donner quelques détails supplémentaires pour que ce soit un peu plus clair…

1- Importez votre vidéo.

2- Sélectionnez-la puis faites Play pour la lire et repérer le début de la zone à supprimer, vous pouvez avancer le curseur de lecture pour aller directement sur la zone désirée…ça va plus vite.

3- Faites Pause lorsque le passage à supprimer arrive, vous pouvez régler très précisément avec les flèches droite-gauche de chaque côté du bouton Play.

4- Pour couper le début de la partie à supprimer, cliquez sur Fractionner, une nouvelle vidéo apparait à côté de la première.

5- Sachez que votre vidéo initiale est maintenant coupée en deux, mais il faut à présent couper la deuxième vidéo pour faire en faire une troisième…(c’est la deuxième vidéo qui sera supprimée, celle du milieu).

6- Faites de nouveau Play pour relancer la lecture puis cliquez sur Fractionner pour terminer la zone que vous allez supprimer.

7- Une troisième vidéo apparait, c’est la fin de votre vidéo…

8- La vidéo à supprimer est celle du milieu…la deuxième, c’est la partie que nous avons fractionné.

Ça va vous êtes toujours là…?   

9- Faites glisser sur la table de montage la première et la dernière vidéo.

10- Il ne vous reste plus qu’à publier votre vidéo, mais vous pouvez très bien y ajouter une transition pour un passage entre les deux morceaux coupés plus en douceur…

11- Amusez -vous bien ;)

Ps : Si vous n’arrivez pas à fractionner votre vidéo du premier coup, ce qui est bien normal, servez-vous de la flèche bleue retour en arrière qui se trouve dans la barre des tâches en haut et recommencez tranquillement.

Vous pouvez également mettre votre vidéo sur la table de montage pour effectuer le découpage, dans ce cas la partie de la vidéo à supprimer ce trouve au milieu.

sans_titre_23

Dernière étape, publier la vidéo.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

03 novembre 2010

Réduire ou augmenter la durée d’une image dans un montage avec Movie Maker

Posté par Demolite - Dans la catégorie Movie Maker
Tags : , ,

Il est pour toi celui-là Christine j’espère que ça t’aidera à y voir plus clair…

Voici un tuto en vidéo qui vous montre comment réduire ou augmenter la durée d’une image dans un montage.

La première chose à faire avant de commencer votre montage, est d’aller dans Outils puis Options pour régler la durée en secondes de vos images et aussi de leur transition, le réglage sera attribué à toutes les images.

Vous pourrez ensuite faire des réglages différents sur les images de votre choix, c’est ce que nous allons voir…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Superposer des photos dans un montage avec Movie Maker

Posté par Demolite - Dans la catégorie Movie Maker
Tags : , , , ,

Pour donner un effet de superposition à vos photos dans un montage, rien de plus simple…

Ouvrez Movie Maker puis importez vos photos…placez les sur la table de montage avec la combinaison Ctrl+A pour les mettre toute en même temps.

sans_titre_5

Pour faire se superposer deux photos, il faut cliquer sur celle de droite sans relâcher le clic et faire glisser la photo de droite sur la photo de gauche, une bande bleue foncée apparait, relâchez.

sans_titre_6

Plus la bande bleue foncée est positionnée sur la gauche, plus les photos seront superposées, pour un petit effet de superposition lors de la transition, faites déborder la bande bleue foncée que très légèrement.

sans_titre_81

Faites de même pour les autres photos, en prenant toujours la photos qui se trouve à droite pour la faire se superposer sur la photo de gauche…

sans_titre_7

Publiez votre montage comme d’habitude…

Ps : Vous pouvez également vous servir de la transition Effet Fondu !


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Fractionner une vidéo en plusieurs parties avec Movie Maker

Posté par Demolite - Dans la catégorie Movie Maker
Tags : , ,

Vous avez une vidéo trop longue ?

Vous aimeriez bien la couper en plusieurs parties ou encore supprimer un petit bout au début ou à la fin de la vidéo…suivez le guide.

Nous verrons dans un prochain tuto comment supprimer un passage au milieu d’une vidéo, mais chaque chose en son temps, commençons par nous familiariser avec la bête !

Ouvrez Movie Maker, puis importez la vidéo à modifier…

sans_titre_4

Dans cet exemple j’ai choisi une vidéo de ma fille où je commence (bêtement) à la filmer en mettant la caméra verticalement…comme si je prenais une photo…du coup, lorsqu’on visionne la vidéo on se tape un bon torticolis…

J’ai donc décidé de supprimer le début de la vidéo et de couper au moment où elle repasse en “mode normal”…pour ne garder que cette partie.

Une fois que vous avez importé votre vidéo, sélectionnez-la pour qu’elle s’affiche dans la zone de visualisation à droite, puis lancez la lecture.

sans_titre_16

La vidéo démarre, vous n’avez plus qu’à cliquer sur Fractionner à l’endroit où vous voulez couper votre vidéo.

Pour plus de précision, vous pouvez dans un premier temps cliquez sur Pause, pour choisir avec exactitude l’endroit de la coupure.

sans_titre_21

Votre vidéo est coupée en deux.

La vidéo de gauche est la première partie (celle supprimée) et la vidéo de droite est la deuxième partie (celle qui nous intéresse) à partir de l’endroit où vous avez cliquez sur Fractionner.

sans_titre_31

Vous n’avez plus qu’à faire glisser sur la table de montage la vidéo de droite et ajouter les effets de votre choix puis la publier comme d’habitude.

Pour fractionner votre vidéo en plusieurs morceaux, répétez cette opération autant de fois que nécessaire…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



« Début   22  23  24  25  26  27  28  29  30  31    Fin »

« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41