mardi, août 28, 2012

Pare-feu, antivirus, antispyware 2012, les meilleurs, les pièges et les arnaques


Pour garantir la sécurité d'un PC à l'ère d'une connectivité permanente et face à la multiplication des menaces, on doit protéger Windows avec tous les solutions disponibles. En général, la sécurité du PC se base sur trois composants qui sont l'antivirus, le pare-feu et l'anti-spyware. Au fil des années, certains produits sont devenus des leaders dans ce domaine, mais étant donné que j'ai mis à jour nombre de ces composants ces derniers jours, je me rend compte que le secteur a beaucoup changé et que les éditeurs nous forcent à installer beaucoup de composants qui sont inutiles dans la plupart des cas.
Comme antivirus, j'utilisais Avast qui reste l'un des meilleurs de sa catégorie, mais j'utilisais encore Avast 4.8 alors que celui-ci est disponible en version 7.0. Après moult galères et arrachage de cheveux en règle, j'ai quand même réussi à l'installer. Pour clarifier un peu les choses, j'utilise exclusivement une connexion mobile, donc le forfait à la donnée coute la peau des fesses. Donc, j'ai besoin d'un pare-feu gratuit qui est léger à télécharger et comme mon ordinateur date de Mathusalem, le logiciel doit aussi être léger que possible. J'utilisais Zone Alarm Pro qui m'a protégé pendant presque 6 ans sans aucun problème.
Zone Alarm Pro est différent de sa version gratuite parce que sa surveillance s'étend aux comportement du PC tels que le lancement d'un programme par un autre programme, la tentative de connexion à internet par une autre application, la détection de keyloggers, etc. Mais quand j'ai installé Avast 7 et sa mise à jour virale (250 Mo de bouffés au passage), je m'aperçois que Zone Alarm Pro plante à chaque démarrage. Donc, je désinstalle Zone Alarm Pro et je cherche un autre meilleur pare-feu gratuit. D'abord, je teste Zone Alarm gratuit, mais l'installation par le web est une vraie merde. Par ailleurs, ce bon vieux Zone Alarm m'affiche une erreur alors que j'étais presque à la fin de l'installation.
Tout est lent, la connexion internet, le lancement des navigateurs. Mon sang ne fait qu'un tour quand je vois qu'Avast 7 installe automatiquement des extensions dans mes navigateurs sans même m'avertir. Vous pouvez dire que c'est mieux puisqu'Avast 7 offre une protection contre Internet contre des comportements plus que douteux de certains sites web, mais je répondrais banane que c'est le rôle d'un pare-feu et non d'un putain d'antivirus ! Avast 7 est tellement intrusif dans Windows qu'il a bloqué USB Disk Security, un utilitaire très léger et ultra-performant qui vous protège des infections qui se propagent par les clés USB.
Parmi les meilleurs pare-feu 2012, j'en ai testé une dizaine. Certains sont très méconnus et qui sont disponibles sur Sourceforge.net et la même chose est valable pour les anti-virus. Si vous décidez quand même de choisir Zone Alarm gratuit, faites attention à choisir le produit qui contient uniquement le pare-feu, car Zone Labs vous propose deux produits gratuits, le premier est un package contenant un pare-feu et un antivirus combiné tandis que l'autre est simplement le pare feu.
Et surtout, ne choisissez jamais ce genre de package à cause de mon expérience avec Ad Aware. En effet, une sécurité optimale de PC implique que vous devez utiliser un anti-spyware ou logiciel anti-espion. Ce dernier n'est pas à proprement parler un virus, mais un programme qui espionne votre activité sur votre PC et pendant votre navigation internet. Ensuite, ils envoient leurs données à des annonceurs et autres grosses entreprises commerciales qui peuvent créer de jolies listes vous ciblant dans les moindres détails. Donc, je télécharge et installe Ad Aware (175 Mo avec la mise à jour de définitions, bordel !) et figurez-vous qu'après 99,5 % de la mise à jour des signatures des logiciels anti-espions (100 Mo, bordel !), Ad Aware m'informe qu'il est vraiment, vraiment désolé, mais qu'une erreur l'empêche de continuer l'installation et qu'il risque aussi de perturber l'antivirus déjà installé (Avast 7). Comme vous pouvez penser, j'étais légèrement, mais alors très légèrement désappointé juste assez pour prendre une masse en titane et tout fracasser. Mais je me reprend et je me dis que je vais l'avoir, cette sécurité optimale de PC de merde. Et le pire est qu'Ad Aware gratuit n'est disponible qu'avec cette version combinée d'antivirus. Donc, je reprend mes esprits et je réinstalle mon vieille version de Spybot, l'autre excellent antispyware gratuit et j'ai même pu installé de nouvelles définitions sans tout chambouler.

meilleur-parefeu-antivirus-2012_3
Zone Alarm a foutu le bordel dans l'installation. C'est incroyable comme ce pare feu gratuit se comportement comme un système d’exploitation. Il installe de nombreux composants séparément et il vous force à redémarrer à chaque fois. Donc, j'ai toujours Avast 7 installé et si vous l'avez aussi choisi, désactivez l'installation des extensions pour navigateurs qui sont inutiles. Cela va consommer vos ressources systèmes alors que je le répète, la sécurité sur internet est assurée par le pare-feu et non un antivirus. Pur hasard ou malveillance de la part d'Avast, cette option de désactivation de ces extensions sont bien cachées. Il faut aller dans l'onglet Protection Supplémentaires et Protection du navigateur et désinstaller toutes les extensions. Ce que je trouve choquant est qu'Avast n'avertit absolument qu'il installe automatiquement ces extensions pour tous les navigateurs sur le PC.
meilleur-parefeu-antivirus-2012_1

Donc, pour le moment, j'ai Avast 7 et Spybot. Je cherche quelques comparatifs sur les meilleurs pare-feu gratuits en  2012 et je suis étonné que la plupart des sites tels que 01net ou Clubic se concentrent sur Zone Alarm. A croire qu'ils sont payés pour dire des conneries sans les tester. Je cherche sur de petits sites listant des comparatifs de meilleurs pare-feu gratuits et j'entend parler de Commodo. Je le télécharge et je l'installe. C'est le seul qui peut être téléchargé en standalone, c'est à dire qu'on télécharge toute l'application en une seule fois comme à l'ancienne et non comme ces merdes d'installeurs en ligne qui vous obligent à rester connectés pendant des heures en bouffant toute votre forfait.
Et miracle, le pare-feu Commodo s'installe sans aucun problème. Un seul redémarrage et il est actif. Je n'ai fait que parcourir les différentes options de Commodo, mais je trouve qu'il est très complet. Le pare-feu gratuit Comodo offre une sécurité en trois phases, à savoir, le pare-feu, Defense+ et Sandbox.
meilleur-parefeu-antivirus-2012_2
La sécurité du pare-feu est similaire à n'importe quel autre meilleur pare-feu gratuit et vous pouvez régler le niveau de sécurité tel que mode d'apprentissage, mode sécurisé ou mode bloquer tout. Defense+ est un module qui surveille l'activité de vos programmes installés. Ainsi, le pare-feu gratuit Comodo peut détecter des comportements étranges ou des composants qui se connectent à internet à votre insu. Le mode Apprentissage est comme si Comodo était un observateur de votre activité. Il apprend comment vous surfez et quels sont les programmes que vous utilisez fréquemment et il vous informe des actions possibles en conséquences. Moi, j'ai choisi le mode sécurisé en pare-feu et apprentissage en mode Défense.
meilleur-parefeu-antivirus-2012_4

meilleur-parefeu-antivirus-2012_5
meilleur-parefeu-antivirus-2012_6
meilleur-parefeu-antivirus-2012_7

Ces réglages sont disponibles à partir de l’icône du pare-feu Comodo dans la barre des tâches. Le module Sandbox est désactivé par défaut et il permet de tester un programme dans un environnement clos à l'intérieur de Comodo. Ainsi, on peut connaitre si le programme tente de se connecter sans autorisation ou s'il interfère avec d'autres applications sur le système. C'est pourquoi, je déclare que Comodo est le meilleur pare-feu gratuit en 2012. Oubliez Zone Alarm, Ad Aware et les autres. Une chose concernant la sécurité sur le PC est que vous ne devez pas devenir paranoïaque. Comme je l'ai dit, la connexion me coute un bras et je dois économiser au maximum. De ce fait, j'ai désactivé les mises à jour automatiques de mon antivirus, de mon antispyware et de mon pare-feu. Certains vont hurler à l'incompétence et à la négligence. Mais je tiens à dire que j'ai surfé pendant des années avec de vieilles applications sans aucune mise à jour dans leur base de donnée virale sans avoir eu aucun problème. Mon ancien pare-feu, Zone Alarm Pro, bloquait toutes les tentatives et c'est pourquoi, à l'ère de l'utilisateur connecté en permanence, seul un bon pare-feu est nécessaire. Je ne dis pas que vous ne devez pas faire de mise à jour, mais on peut aussi les désactiver et les faire manuellement quand on a du temps libre et de la connexion internet en rab.
Pour résumer, si vous voulez sécuriser votre PC avec des solutions performants gratuites. Installez Spybot comme votre anti-spyware, ensuite, installez Avast 7 comme antivirus et enfin, installez Commodo, car c'est le meilleur pare-feu gratuit sur le marché. Il est vrai qu'Avast 7 s'installe en ligne, mais la procédure est simplifiée comparée à d'autres programmes. AVG est plus lourd qu'Avast et les autres tels que Kaspersky ont les mêmes comportements que ce joyeux luron d'Ad Aware. Une dernière chose sur la sécurité du PC est que les éditeurs des logiciels de sécurité ont tout intérêt à vous effrayer en prétendant qu'internet est une vraie jungle et que vous devez être à jour chaque seconde sous peine d'une explosion thermonucléaire sur votre PC. Ils vous forceront à installer des tas de modules supplémentaires dont le principal objectif est de bouffer votre connexion et vos ressources. Spybot, Avast et Commodo est un excellent compromis pour la plupart des utilisateurs.
Avec votre intelligence remarquable, vous avez remarqué que je n'ai pas fait une longue liste de comparatifs des meilleurs pare-feu, antivirus et antispyware. Et ce n'est pas nécessaire, car j'ai fait ce comparatif sur le terrain en ayant la migraine devant les pratiques douteuses de certains soi-disant leaders de sécurité. Mon comparatif des trois mentionnés peut paraitre simple, mais c'est ceux que j'utilise actuellement. Peut-être que je vais abandonner Avast si je trouve un antivirus gratuit plus léger à l’avenir, mais Commodo et Spybot ne risquent pas de me décevoir.
Pour être complet, j’ai aussi testé Kerio qui est un très bon pare-feu. Léger, configurable à la manière de Commodo, mais il est payant.

Edit du 13/12/2012 : Après moult tracas, j'ai choisi d'utiliser exclusivement la suite de Comodo. Elle est entièrement gratuite avec un pare feu, un antivirus et un composant de surveillance des programmes en interne. Cette suite est méconnue parce qu'elle est légèrement plus complexe à configurer, mais c'est assez facile si on connait les différents modules. Comodo ne vous fait pas chier avec des mises à jour successives ou des redémarrages en continu. Le package est disponible en standalone et surtout, je considère Comodo comme le meilleur antivirus gratuit et le meilleur pare feu gratuit parce qu'ils ne sont absolument intrusifs. Cependant, il faut jouer un peu avec les réglages pour gérer les alertes et donc les intrusions. Vous aurez peut-être du mal avec son composant Defense+ qui surveille les activités des programmes de Windows, mais en général, tout le processus est gérable.

samedi, août 25, 2012

10 différences entre Windows 8 et Windows 7

 

Beaucoup de personnes hésitent avant d'acheter ou d'installer Windows 8. Il est vrai que ce système apporte de nombreux changements comparés à Windows 7. Voici les 10 différences entre Windows 7 et Windows 8.

1 - Pas de bouton Démarrer avec Metro UI dans Windows 8

 

difference-windows-8-windows-7_1

Vous n'avez jamais aimé le bouton Démarrer de Windows ? Bonne nouvelle puisqu'il a disparu sous Windows 8. Il est maintenant remplacé par Metro UI. Microsoft a annoncé qu'il serait possible de retrouver ce bouton, mais par défaut, vous ne le verrez pas dans l'interface. Parmi les personnes qui ont testés cette interface, peu ont trouvés que c'était une bonne chose. Nous sommes tellement habitués à cliquer sur le coté inférieur droit pour le menu Démarrer que cela ralentit toutes les tâches. Cependant, cette interface donne tout son potentiel sur les tablettes tactiles, mais elle n'a aucun intérêt sur les PC classiques.

2 - Un gestionnaire de tâches simplifié dans Windows 8

 

difference-windows-8-windows-7_2

 

Le gestionnaire de tâches permet de d'arrêter les processus qui plantent ou de connaitre la consommation en mémoire des programmes. Dans Windows 8, le gestionnaire des tâches offre une vue très simplifiée et il faut cliquer sur le bouton Détails pour connaitre les processus.

 

difference-windows-8-windows-7_3

L'onglet Détails offre à la fois une vue des applications et des processus lancés. Le gain de temps pour trouver les applications zombies est intéressant.

3 - Une amélioration dans la copie, le déplacement et la suppression des fichiers dans Windows 8

Nous copions, déplaçons et supprimons des fichiers plusieurs fois par jour. Dans Windows 8, ces tâches sont centralisées et cela n'a aucune importance si vous faites 10 copies en même temps puisqu'elle sont centralisées dans une seule boite de dialogue.

 

difference-windows-8-windows-7_4

 

De même, vous pouvez désormais faire une pause pendant la copie de vos fichiers. L'onglet Détails affichera les données transférées et restantes.

difference-windows-8-windows-7_5

 

4 - Un nouveau explorateur Windows 8

 

difference-windows-8-windows-7_6

 

Le nouveau explorateur de Windows 8 est basé sur l'interface Ribbon qui est déjà disponible dans Office 2007 et Office 2010. Que vous l'aimiez ou non, tout Windows 8 ressemblera à cette interface. Toute l'expérience de navigation et de traitement de fichiers a été refondue. Détestez-le ou adorez-le, mais c'est comme ça !

5 - Un mode de démarrage plus rapide dans Windows 8

 

difference-windows-8-windows-7_7

 

L'un des problèmes de Windows est sa lenteur au démarrage. C'est pourquoi, une nouvelle option appelée Fast Startup est disponible. Notez que c'est une variation du mode Veille, mais au lieu de restaurer simplement le système précédent, cette option s'apparente à un redémarrage sans éteindre ou réinitialiser le système. Intéressant quand des programmes plantes et qu'on veut redémarrer plus rapidement.

6 - Une navigation internet basée sur des applications dans Windows 8 et non des plugins

 

difference-windows-8-windows-7_8

 

Internet Explorer 10 ne change pas simplement d'interface, mais également la manière dont vous allez naviguer. Internet Explorer exploite les possibilités du HTML 5 en délaissant le concept de plugins. Si vous avez besoin d'utiliser Adobe Flash, vous pouvez basculer sur une mode Desktop, mais en général, vous allez surfer sans aucun plugin. C'est une bombe qui explose à la gueule d'Adobe qui peut dire adieu à des milliers d'utilisateurs. Déjà qu'Apple ne supporte pas le Flash...

7 - Un nouveau mode graphique de démarrage dans Windows 8

 

difference-windows-8-windows-7_9

 

Jusqu'à Windows 7, les modes de démarrage se faisaient en MS DOS tels que le mode sans échec et le mode sécurisé. Dans Windows 8, ces modes bénéficient d'une belle interface graphique. Cela rappelle un peu le design quand vous mettez à jour votre iOS de l'iPhone vers une nouvelle version. Dans cette interface, vous pouvez vous connecter à un réseau sans fil, configurer vos options, etc.

8 - S'identifier avec Windows Live dans Windows 8

Avec Windows 8, vous pouvez ouvrir une session avec votre identifiant de Windows Live. Ainsi, Windows 8 est la première étape vers le système d'exploitation en ligne à la manière de Chrome OS. On aura aussi une intégration avec SkyDrive dans Windows. Ainsi, vous ouvrez une session dans Windows 8 avec Windows Live, envoyez des fichiers vers SkyDrive. Ensuite, vous utilisez un ordinateur avec une autre version de Windows 8 et si vous utilisez encore votre compte Windows Live pour entrer dans la session, tous vos réglages et vos fichiers vous suivront.

9 - Rafraichissement et réinitialisation du PC dans Windows 8

 

difference-windows-8-windows-7_10

 

Windows 7 a apporté 2 options intéressantes qui sont le rafraichissement et le reset. Ainsi, Reset vous permet de supprimer toutes vos données et fichiers personnels et configuration et vous pouvez faire une nouvelle réinstallation de Windows. Le Rafraichissement préserve vos données, mais permet aussi une réinstallation de Windows.

 

difference-windows-8-windows-7_11

 

Les habitués de Windows XP et Windows Vista en ont encore des cauchemars lorsqu'ils voulaient réinstaller Windows, car on n'était jamais sûr si les données resteraient fonctionnelles. Windows 8 résout cet épineux problème.

10 - Redimensionnement selon différentes résolutions dans Windows 8

La nouvelle interface de Windows 8 permet un redimensionnement selon différentes résolutions, tailles du moniteur et de densités dans les pixels. Cela vous semble sans importance, mais c'est une option très intéressante, car vous pourrez utiliser Windows 8 sur un téléphone comme sur un immense moniteur de 30 pouces avec une résolution qui dépasse les 2560x1600. De nombreuses applications de Windows 8 seront conçus pour supporter ce redimensionnement automatique.

Malgré les critiques, on voit que Windows 8 est une révolution initiée par Microsoft et qui annonce la prochaine ère de l'informatique en général. La convergence, la mobilité et la sécurité et la stabilité seront les maitres mots de cette ère qui commence avec Windows 8.

 

99 astuces pour accélérer son PC et Windows (XP et Vista)

 

Windows est le système d'exploitation le plus utilisé au monde, mais il a tendance à ralentir le système. Les programmes s'installent sans aucun contrôle et parfois, on est obligé de redémarrer la machine plusieurs fois par jour pour soulager la mémoire et décharger les processus persistants. Les conseils ci-dessous pour accélérer son PC sont valable pour n'importe quel système Windows.

  1. Défragmentez régulièrement votre disque dur. Je vous conseille l'utilitaire SmartDefrag plutôt que celui en natif de Windows. En général, une défragmentation est nécessaire tous les 3 mois, mais cela peut devenir mensuel si vous installez et désinstaller les applications.
  2. Défragmentez aussi votre pagefile Windows et le registre de Windows. Vous pouvez le faire avec des programmes tels que TuneUpUtilities  ou System Mechanic.
  3. Nettoyez régulièrement votre disque dur en supprimant les fichiers temporaires, la corbeille. Vous pouvez utiliser un utilitaire tels que TreeSize pour connaitre la dimension de vos répertoires et ainsi détecter les fichiers volumineux ou utiliser un gestionnaire de fichiers tels que Total Commander ou Speed Commander qui intègre ce type de fonction.
  4. Accélérer le démarrage de Windows avec Startup Delayer, un programme qui décale le lancement des programmes de démarrage.
  5. En parlant de programmes de démarrage, accélérez Windows en désactivant les programmes inutiles avec Msconfig. Allez dans le menu Démarrer/Executer et tapez msconfig. Dans l'onglet Démarrage, désactivez tous les programmes inutiles.
  6. Par défaut, la dimension du Pagefile est contrôlé par Windows ce qui augmente la défragmentation. De ce fait, faites en sorte que ce Pagefile soit dans une autre partition que celle de démarrage.
  7. Dans Windows XP et Windows Vista, désactivez la fonction d'indexage pour la recherche pour tous les disques. Cette simple désactivation accélérera considérablement votre PC.
  8. De même, désactivez les effets visuels de Windows dans l'onglet Performances de la configuration Affichage.
  9. Vous pouvez accélérer le démarrage de Windows en utilisant Bootvis, un programme gratuit fourni par Microsoft.
  10. Nettoyez la base de registre en supprimant les raccourcis brisés, les libraires DLL manquantes, les chemins invalides et les préférences d'installation incorrects. Il existe de nombreux utilitaires gratuits qui peuvent faire ces tâches.
  11. L'une des principales raisons de la lenteur d'un PC est la présence de Spyware. Utilisez Spybot  ou Adware pour les supprimer.
  12. Dans certains cas, le spyware s'infiltre profondément dans le système et impossible de le trouver. Vous pouvez utiliser HijackThis pour détecter les programmes qui se lancent en arrière-fond et supprimer ceux qui vous semblent douteux.
  13. Supprimez les programmes pré-installés avec PC Decrapifier. Ces programmes sont ceux que vous avez commencés à installer, par exemple en ligne, mais que vous avez quitté l'installation. Les fichiers parasites sont toujours présents dans le système.
  14. Désactivez les services Windows, les réglages et les programmes qui ralentissent votre PC. Il faut parfois plusieurs utilitaires pour les détecter, mais le gestionnaire des tâches est un bon début. Lancez-le pour connaitre les processus lancés et faites des recherches sur eux pour voir s'ils sont toujours utiles.
  15. Configurez Windows XP et Windows Vista avec des programmes gratuits. Cela consiste généralement à désactiver des programmes inutiles.
  16. Désactivez le UAC (User Account Control) dans Windows Vista.
  17. Réglez les réglages de votre souris pour qu'elle soit plus réactive dans la copie, le collage et la navigation.
  18. Supprimez les fichiers temporaires et utilisés avec CCleaner. Ce programme répare également la base de registre.
  19. Supprimez votre historique internet, vos fichiers temporaires internet et les cookies pour libérer de l'espace disque.
  20. Supprimez régulièrement le répertoire preftech dans Windows pour accélérer votre PC. Ce répertoire met en cache les programmes fréquemment lancés, donc, supprimez son contenu tous les 30 ou 60 jours.
  21. Désactivez le logo de démarrage de Windows XP pour accélérer Windows.
  22. Evitez d'installer de nombreuses polices de caractères, car elles sont toutes chargés au démarrage.
  23. Forcez Windows à déchargez les DLL de la mémoire pour libérer de la mémoire RAM.
  24. Lancer les programmes DOS dans des espaces séparés de mémoire pour une meilleure performance.
  25. Désactivez la création automatique de point de sauvegarde si vous sauvegardez déjà avec un programme tierce.
  26. Déplacez le répertoire Mes Documents dans une partition séparée.
  27. Désactivez le contrôle automatique de disque dur sur Windows pour accélérer Windows.
  28. Accélérez votre PC en désactivant les ports non utilisés sur votre machine.
  29. Utilisez le programme Process Lasso pour accélérer votre ordinateur afin qu'un processus ne consomme pas la totalité de la puissance du CPU.
  30. Accélérez l'affichage des icônes pendant la navigation dans le Poste de Travail en désactivant la recherche pour les fichiers en réseau et les imprimantes.
  31. Accélérez l'affichage des images et des vidéos dans Windows Vista en désactivant le cache des miniatures.
  32. Modifier le menu contextuel dans Windows XP et Windows pour supprimer les menus inutiles.
  33. Utilisez le Windows Performance Toolkit et les fichiers journaux pour accélérer le démarrage de Windows.
  34. Accélérez votre connexion internet en utilisant un serveur DNS externe tel que OpenDNS.
  35. Accélérez Windows Vista en utilisant ReadyBoost, une nouvelle option permettant à vista d'utiliser l'espace libre de votre clé USB comme un mécanisme de cache.
  36. Si vous avez une connexion internet très lente, vous pouvez accélérer votre navigation en utilisant un service appelé Finch qui convertit les pages en simple texte.
  37. Utilisez le Vista Services Optimizer pour désactiver les services inutiles de Vista d'une manière sécurisé.
  38. Vous pouvez aussi utiliser des accélérateurs pour le web qui vont mettre les sites en cache pour optimiser la connexion.
  39. Accélérez Firefox en modifiant les configurations avancées et en installant un programme tel que FasterFox.
  40. Quand vous achetez un nouveau PC, assurez-vous d'acheter des composants qui sont parfaitement compatibles. La mémoire et le disque dur doivent se communiquer à la même vitesse.
  41. Utilisez un programme tel que TeraCopy pour accélérer la copie de fichiers dans Windows XP et Windows Vista.
  42. Désactivez la fonction Last Access Timestamp pour accélérer Windows XP.
  43. Accélérez le menu de démarrage de Vista en bidouillant la clé de registre MenuShowDelay.
  44. Augmentez la mémoire cache de Vista pour qu'il puisse gérer un système avec une grande quantité de mémoire.
  45. Dans Windows XP, la mémoire RAM recommandée est de 512 Mo tandis qu'elle est de 1 Go pour Windows Vita et Windows 7. Assurez-vous d'avoir le double de cette quantité.
  46. Accélérer l'arrêt de Windows XP en réduisant le temps d'attente en supprimant les applications persistantes.
  47. Assurez que vous avez activé l'option Adapter pour la meilleure performance dans l'onglet Performance des propriétés du Système.
  48. Si vous réinstallez Windows, assurez-vous de partitionner correctement vos disque durs.
  49. Utilisez le logiciel de virtualisation Altiris pour installer tous vos programme dans une couche virtuelle ce qui n'affectera le registre de Windows ou les fichiers systèmes.
  50. Créez et installez plusieurs machines virtuelles pour installer des jeux et des programmes afin de ne pas perturber le système d'exploitation. SUN openVXM est un excellent choix.
  51. Ne nettoyez pas votre pagefile pendant l'arrêt u système à moins que ce ne soit vraiment nécessaire. Nettoyer le page file arrêt ralentit l'arrêt de Windows.
  52. Assurez-vous d'utiliser le système de fichier NTFS dans Windows XP ou Windows Vista. Convertissez si le votre est encore sous FAT.
  53. Mettez à jour tous vos pilotes sous Windows, incluant ceux du Chipset et de la carte mère.
  54. De temps en temps, lancez l'utilitaire de nettoyage intégré de Windows.
  55. Activez le mode DMA dans Windows pour les contrôleurs IDE ATA/ATAPI dans le Gestionnaire de périphériques.
  56. Supprimez les programmes que vous n'utilisez plus à partir d'Ajout/Suppression de programmes. C'est du bon sens, mais on laisse souvent de nombreux programmes installés alors qu'ils ne servent à rien.
  57. Utilisez un programme tel que memtest86 pour détecter une mémoire défectueuse sur votre PC.
  58. Déterminez la version de votre BIOS et allez sur le site du fabricant pour des mises à jour.
  59. Une fois tous les 6 mois, nettoyez soigneusement votre clavier, votre souris et les ventilateurs dans votre boitier.
  60. Remplacez vos disques durs, notamment si c'est des IDE par des modèles SATA ou même SSD.
  61. Changer la configuration du disque dur de Maitre/Esclave en Cable Select permet d'accélérer votre PC d'une manière significative.
  62. Lancez régulièrement des scans d'antivirus et si c'est nécessaire, faites un double contrôle avec des antivirus en ligne.
  63. Supprimez les barres d'outils inutiles de la barre des tâches de Windows et de votre navigateur web.
  64. Désactivez la Sidebar de Windows Vista. Ces Widgets ne sont qu'un gouffre pour la mémoire et le CPU.
  65. Si votre Windows Vista est sous des disques durs SATA, vous pouvez accélérer votre PC en activant les fonctions d'écriture avancées en cache.
  66. Optimisez votre utilisation de Windows en apprenant les principaux touches de raccourcis.
  67. Désactivez les effets visuels d'Aero dans Windows pour accélérer le PC.
  68. Si vous êtes un utilisateur expérimenté et audacieux, vous pouvez overclocker votre CPU.
  69. Accélérez le menu Envoyer vers de l'Explorateur Windows en tapant la commande sendto dans le menu Démarrer/Executer et supprimer les menus inutiles.
  70. Assurez de mettre à jour régulièrement Windows et installez tous les services packs pour Windows XP et Windows Vista.
  71. Le disque dur est parfois endommagé, aussi lancez régulièrement chkdsk pour détecter et réparer les secteurs défectueux.
  72. De nos jours, on n'utilise plus les lecteurs CD, les lecteurs de disques, les ports infrarouges, aussi désactivez-les dans le BIOS.
  73. Si vous n'utilisez pas la fonction Documents Récents dans Windows, désactivez-le pour accélérer le PC.
  74. Désactivez l'envoi de rapport d'erreurs à Microsoft. Simplement, mais redoutablement efficace pour accélérer Windows XP.
  75. Si vous n'avez pas de problèmes avec des interfaces sobres, utilisez le thème Windows Classic dans les propriétés d'affichage.
  76. Désactivez les noms de fichiers courts si vous utilisez NTFS avec la commande : fsutil behavior set disable8dot3 1. Cela va accélérer le processus de création de fichier.
  77. Ne mettez pas trop de fichier dans un seul répertoire, car cela ralentit l'explorateur de Windows.
  78. Si vous avez de grands fichiers, augmentez la taille de cluster de NTFS à 16K ou même 32K. Cela accélérera l'ouverture des fichiers.
  79. Si vous avez plusieurs disques durs, déplacez le pagefile dans le second et faites en sorte que sa partition soit au format FAT.
  80. Windows Vista possède beaucoup de composants inutiles. Désactivez-le dans le Panneau de contrôle/Désinstaller un programme et cliquez sur les options de Windows. Parmi ces dernières, on le Remote Differential Compression, les composants pour les tablettes, le service de duplication DFS, le fax et scan Windows, le Windows Meeting Space.
  81. Installez un antivirus gratuit supportant des mises à jour automatiques. AVG, Avast, Avira sont les meilleurs.
  82. Revo Uninstaller est un programme qui désinstalle complètement vos programmes.
  83. Si vous savez ce que vous faites, vous pouvez utiliser les configurations RAID pour accélérer votre PC.
  84. Mettez à jour vos ports USB 1.0 vers USB 2.0 ou USB 3.0. De même, préférez les ports Firewire qui sont plus rapide que l'USB.
  85. Supprimez les pilotes pour vos anciens périphériques.
  86. Si vous trouvez que Windows Vista ou Windows Seven est trop lent sur votre machine, vous pouvez retourner en arrière en choisissant Windows XP ou encore en passant sous Linux.
  87. La manière la plus simple et la plus radicale pour accélérer le PC est de le reformater. Si vous avez des erreurs fréquentes et une lenteur systématique, le formatage est indispensable.
  88. Accélérez votre connexion avec Internet Explorer en augmentation le nombre de connexions par serveur dans la base de registre.
  89. Vous pouvez aussi optimiser vos téléchargements de fichier Torrents. Assurez-vous de connaitre les réglages des différentes options. De nombreux sites proposent des astuces dans ce sens.
  90. Si vous mettez des images en papier peint dans Windows, assurez-vous qu'elle soit de taille raisonnable. La meilleure solution est d'utiliser une texture ave l'option Tiling.
  91. Pour la mémoire virtuelle de Windows, allez dans le Poste de Travail/Propriétés/Avancé/Configuration avancée/Avancé/Mémoire Virtuelle et assurez que les valeurs MIN et MAX sont identiques.
  92. Si vous faites fréquemment des recherches sur Google ou Wikipedia, vous pouvez créer des raccourcis dans le Vista Start Menu Instant Search.
  93. Si vous achetez un PC d'occasion, assurez-vous de régler le BIOS pour activer les options du cache CPU, des modes de transfert IDE ou SATA, la latence de la mémoire, etc. Vous pouvez aussi activez l'option Fast/Quick si elle est disponible.
  94. Si vous utilisez encore des disques durs SCSI, assurez-vous que l'écriture du cache est activé. Un réglage SCSI est disponible dans Windows.
  95. Si vous utilisez une carte de réseau externe, désactivez celle qui intégré dans la carte mémoire dans le BIOS pour accélérer le PC.
  96. Sous Windows Vista, vous pouvez désactiver l'écran de bienvenue pour accélérer le démarrage de Windows Vista.
  97. Si vous avez un antivirus externe, désactivez la protection intégrée de Windows.
  98. Si vous utilisez une version 32 bits de Windows et que vous avez plus de 4 Go de RAM, vous pouvez forcer Windows à la détecter en activant l'option PAE.
  99. Si ces 98 conseils ne suffisent pour accélérer votre PC ou Windows, alors vous avez vraiment foutu le bordel et vous n'avez plus qu'à acheter un nouveau PC.

 

Mots clés Technorati : ,

vendredi, août 17, 2012

Personnaliser un thème Wordpress avec Dreamweaver : créer un logo, styler les titres et ajouter un menu

 

 

Ajouter un logo dans Wordpress avec Dreamweaver 

Déterminer la hauteur du logo pour Wordpress 
Créer le logo pour personnaliser votre thème Wordpress 
Insérer le logo dans votre thème Wordpress 
Créer un lien sur le logo de Wordpress 
Prévisualiser le logo de Wordpress 

Modifier les styles des titres des articles Wordpress avec Dreamweaver

Ajouter un menu à un thème Wordpress avec Dreamweaver

Cet article est le second d'une série pour modifier un thème Wordpress avec Dreamweaver. Dans le premier, nous avons configuré Dreamweaver avec Wordpress et montré les options du Code Hinting qui permet d'insérer facilement du code propre à Wordpress. Dans ce second article pour personnaliser un thème Wordpress avec Dreamweaver, nous ajouterons un logo, des styles pour l'entête et un menu.

 

Logo-Wordpress

Ajouter un logo dans Wordpress avec Dreamweaver

La plupart des thèmes Wordpress utilisent un titre et une description au format texte qui peut être configuré dans les réglages généraux de Wordpress. Si vous savez créer des images avec des logiciels tels que Photoshop ou Illustrator, vous pouvez créer facilement un logo personnalisé pour votre blog. On vous décrit principalement comment créer un logo et l'insérer dans votre blog Wordpress.

Déterminer la hauteur du logo pour Wordpress

Le logo sera inséré dans le fichier header.php qui se trouve parmi les fichiers du thème MyTheme. Suivez les étapes suivantes pour déterminer la hauteur de votre logo pour votre thème Wordpress :

  • Dans Dreamweaver, ouvrez le fichier index.php qui se trouve dans le répertoire racine.
  • Cliquez sur le bouton Live View dans la barre d'outils Document pour afficher la page dans ce mode.
  • Cliquer sur Inspect pour vérifier le CSS sur la page.
  • Positionnez le curseur de la souris sur le petit nuage dans l'entête en dessous du lien Privacy Policy qui est situé sur le coté supérieur droit.
  • Dans le panneau CSS Styles, cliquez sur Current et cherchez .bannerArea .container dans Propertie situé en bas du panneau.

Notez que la propriété height configure la hauteur pour que l'élément DIV soit de 83 pixels. C'est la hauteur maximum pour le logo de votre blog Wordpress.

Note : Si vous ne voyez pas les propriétés dans le panneau CSS Style, vous devez le réduire pour qu'il s'adapte à la vue.

Le panneau Style CSS pour personnaliser un thème Wordpress avec Dreamweaver

Créer le logo pour personnaliser votre thème Wordpress

En utilisant Adobe Illustrator (ou Photoshop), créez un nouveau fichier avec une hauteur de 83 pixels. La largeur est à votre convenance (mettez 300 pixels par exemple).

Les étapes pour créer un logo Wordpress dans Illustrator :

  • Choisissez Fichier/Nouveau et donnez un nom à l'image. (Etant donné que ce sera un fichier pour le web, assurez-vous de sélectionner Web dans le New Document Profile).
  • Cliquez sur Ok.

 

Créer le logo pour personnaliser un thème Wordpress avec Dreamweaver

 

  • Sélectionnez l'outil Type et entrez le texte Company Blog. Mettez-le forme et changez sa couleur si vous voulez.
  • Ajoutez une icône logo à partir du panneau Symboles (Fenêtre/Symboles).
  • Pour exporter l'image à partir d'Illustrator, choisissez Fichier/Enregistrer pour le web.
  • Dans la boite de dialogue d'enregistrement pour le web, sélectionnez PNG-24 à partir des réglages prédéfinis et exportez le fichier sous le nom blog_head.png dans le dossier images de votre thème Wordpress.

Insérer le logo dans votre thème Wordpress

Maintenant que vous avez un logo, vous pouvez l'utiliser dans votre thème Wordpress.

  • Retournez dans Dreamweaver, ouvrez le fichier header.php dans le dossier MyTheme en utilisant le panneau Fichiers. Ce fichier contient le début de la page, à savoir, l'entête et la barre de navigation.
  • Cliquez sur le bouton Code View dans la barre d'outils Documents pour basculer en mode Code.
  • Cherchez et supprimez le code suivant :

<p class="title"><a href="<?php echo get_option('home'); ?>/">
      <?php bloginfo('name'); ?>
      </a><br />
      <span class="description">
      <?php bloginfo('description'); ?>
      </span></p>

 

  • Après la suppression, assurez-vous de positionner le curseur à cet endroit.
  • Pour insérer le nouveau logo dans Wordpress, choisissez Insert/Image (ou utilisez les raccourcis Ctrl+Alt+I) et parcourez dans le dossier images de votre répertoire MyTheme et sélectionnez le fichier blog_head.png que vous venez de créer.
  • Si vos préférences d'accessibilité vous demander d'entrer un texte alternatif pour l'image, entrez le nom de votre blog ou une description. Ce texte peut être optimisé pour booster votre référencement Wordpress.
  • Cliquez sur le bouton Split dans la barre d'outils Document pour voir cote à cote les vues Design et Code. Le mode Design affichera votre logo dans l'entête de Wordpress.

Mode Design pour personnaliser un thème Wordpress avec Dreamweaver

 

 

Créer un lien sur le logo de Wordpress

Maintenant, vous avez besoin de lier votre logo à la page d'accueil de votre blog Wordpress. Les internautes ont l'habitude de cliquer sur le logo d'un blog Wordpress pour retourner à la page d'accueil. Vous pouvez utiliser un lien statique ou dynamique. Cependant, un lien statique ne fonctionnera plus si vous décidez de changer l'URL de votre blog. Un lien dynamique permet de créer facilement des menus dans Wordpress et vous pourrez changer chaque page sans perturber toute la structure, car l'ID interne restera la même. Cependant, le lien dynamique augmente les requêtes vers la base de donnée de Wordpress.

Suivez ces étapes pour créer un lien dans votre logo Wordpress qui pointe vers la page d'accueil.

  • Dans le Design View, sélectionnez le logo en cliquant dessus.
  • Dans l'inspecteur de propriété (en bas), changez le lien vers http://votreblog.com
  • Ce lien ne changera indépendamment de la structure de Wordpress à moins que vous ne le modifiez de nouveau à la main.
  • Pour créer un lien dynamique relatif à la page d'accueil de votre blog dans votre logo Wordpress, effacez le lien que nous venons de créer dans l'inspecteur de propriété.
  • Basculez en mode Code View et positionnez le curseur en face de la ligne <img src="images/blog_head.png
  • Insérez le code suivant :

<a href="<?php echo get_option('home');?>">

  • Ce code permet d'aller à la page d'accueil qui est spécifié dans les réglages de Wordpress. Dans la balise img, ajoutez border="0" pour supprimer la bordure autour de l'image.
  • Enfin, ajoutez une balise </a> après la balise image.

Donc, le code complet doit être comme le suivant :

<a href="<?php echo get_option('home');?>"><img src="images/blog_head.png" width="300" height="83" alt="company blog" border="0" /></a>

La dernière étape est de changer le chemin relatif de l'image logo en un lien absolu. Actuellement, votre blog recherchera l'image du logo dans le sous-dossier images par rapport à la page actuelle. Les Permaliens de Wordpress peuvent être configurés de nombreuses manières; et pour s'assurer que le logo s'affichera correctement sur chaque page indépendamment de la structure de vos Permaliens, vous avez besoin de mettre un lien absolu pour le logo Wordpress.

  • Modifier l'attribut src de la balise image comme le suivant :

<a href="<?php echo get_option('home');?>"><img src="<?php bloginfo('template_url'); ?>/images/blog_head.png" width="300" height="83" alt="company blog" border="0" /></a>

 

Modifier l'attribut de l'image logo pour personnaliser un thème Wordpress avec Dreamweaver

 

Le code bloginfo('template_url') permet de dire à Wordpress de chercher l'image du logo dans le répertoire du thème Wordpress qui est activé par défaut. Et étant donné que ce dossier possède le sous-dossier images, le logo s'affichera correctement dans chaque page de votre blog.

Prévisualiser le logo de Wordpress

Maintenant, on est prêt à tester la page index.php avec notre nouveau logo.

  • En premier lieu, assurez-vous que votre serveur local est lancé pour qu'on puisse afficher correctement le blog Wordpress en local.
  • Cliquez sur le fichier index.php s'il n'est pas déjà ouvert dans Dreamweaver et basculez en mode Live View pour prévisualiser la page.
  • Pour tester le lien, faites Ctrl+ clic sur le lien Hello World. Worpdress affichera la page test du blog.
  • Maintenant, faites un Ctrl+clic sur le logo de votre blog et vous verrez que vous retournerez à la page d'accueil de votre blog Wordpress.

 

Afficher le logo pour personnaliser un thème Wordpress avec Dreamweaver

 

 

Modifier les styles des titres des articles Wordpress avec Dreamweaver

Les titres de vos articles Wordpress doivent être stylés pour attirer l'attention de vos lecteur. On peut facilement changer la police de caractère, la couleur, l'espace et la bordure avec les feuilles de styles CSS. Le titre des article sur la page d'accueil (index.php) et la page d'archive (archive.php) utilisent les balises H2 avec la classe CSS pagetitle. Le titre des articles individuels utilisent la balise H1 pour optimiser le référencement Wordpress et la classe pagetitle est aussi appliquée à cette balise H1.

Le code pour les titres des articles Wordpress dans le fichier index.php du thème Wordpress MyTheme est le suivant :

<h2 class="posttitle"><a href="<?php the_permalink(); ?>">
          <?php the_title(); ?>
          </a></h2>


En appliquant la classe posttitle à la fois aux balises H1 et H2, on peut changer rapidement les titres des articles sur chaque page tout en préservant les styles pour les balises normales H1 et H2. L'image ci-dessous affiche les styles pour les titres par défaut du présent thème Wordpress.         

 

Prévisualiser le logo pour personnaliser un thème Wordpress avec Dreamweaver

 

Pour changer le style du titre de l'article, vous avez besoin de créer la classe posttitle dans le fichier style.css.

  • La page index.php étant toujours ouverte et le mode Live View toujours actif, cliquez sur le bouton Inspect dans la barre d'outils Documents.
  • Positionnez le curseur sur le lien Hello World! et cliquez dessus.
  • Dans le Tag Selector situé en bas de la fenêtre Document, vous verrez la ligne <h2.posttitle>. Cela indique qu'une classé nommée posttitle est appliquée à la balise H2.
  • Cliquez sur le bouton Split View.
  • Ouvrez le fichier style.css dans le dossier MyTheme dans le panneau Fichiers pour afficher ce fichier CSS en mode Code View.
  • Défilez la page jusqu'à la fin du fichier et insérez le code CSS suivant :

.posttitle {
font-family: Georgia;
color:#900;
font-size: 24px;
border-bottom: 1px solid #F2F2F2;
padding-bottom: 5px;
}

  • Cliquez sur le bouton Refresh Design View dans la barre d'outils Document (ou utilisez le raccourci F5) pour rafraichir le Live View.
  • Le titre hérite les styles des balises H1 et H2 et la couleur de lien hérite de la balise <a>. Notre changement de couleur ci-dessus concerne uniquement la couleur des titres sur les pages et non les titres des articles Wordpress parce que les titres des pages ne sont pas des liens. Aussi, vous avez besoin de créer une nouvelle classe qui va cibler précisément le lien et le titre d'article Wordpress pour lui donner la même couleur.
  • Ainsi, ajoutez le code CSS suivant :

.posttitle a {
color:#900;
}

  • Pour que la couleur change quand la souris survole le lien, vous pouvez ajouter le code suivant :

.posttitle a:hover {
color:#555;
}

Après avoir ajouté le code ci-dessus dans le fichier style.css, les titres des pages et des articles sont rouges.

 

Titre des articles pour personnaliser un thème Wordpress avec Dreamweaver

 

Chaque designer de thème Wordpress code différemment les titres, aussi, si vous personnalisez un thème Wordpress avec Dreamweaver d'un autre designer, vous aurez besoin d'identifier les marqueurs utilisés dans ce thème avant de modifier les styles des titres.

 

Ajouter un menu à un thème Wordpress avec Dreamweaver

Un menu ajoute une valeur considérable à un thème Wordpress. Depuis Wordpress 3.0, il est facile d'ajouter un ou plusieurs menus à votre page. Suivez ces étapes :

  • Ouvrez le fichier functions.php dans le répertoire MyTheme.
  • Placez le curseur à droit du signe ?> et appuyez sur Entrée pour pour créer des espaces.
  • Copiez et collez le code suivant dans l'espace en question.

add_action( 'init', 'register_my_menu' );

function register_my_menu() {
   register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
}

 

Code du menu pour personnaliser un thème Wordpress avec Dreamweaver

 

Ce code enregistrera un menu et dira à Wordpress que votre thème va utiliser un nouveau menu système. Le nom est Primary Menu et vous l'utiliserez pour l'identifier dans l'administration de votre blog Wordpress. De même, primary-menu est le nom que vous utiliserez pour l'identifier dans le code.

Note : Vous pouvez aussi enregistrer plusieurs menus en utilisant register_my_menus et un tableau de variable. Pour plus d'informations, vous pouvez consulter le Codex de wordpress.

Ensuite, vous avez besoin d'ajouter du code à l'entête de votre thème Wordpress pour dire à Wordpress où il doit insérer le menu.

  • Dans le panneau Fichier de Dreamweaver, trouvez et ouvrez le fichier header.php dans le répertoire MyTheme.
  • Basculez en mode Code.
  • Trouvez le texte "navigation goes here" dans le code, supprimez-le et à la place, insérez le code suivant :

<?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>

  • Le code final devrait ressembler au suivant :

<div class="topnavigationgroup">
    <?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
</div>

 

Codage du menu pour personnaliser un thème Wordpress avec Dreamweaver

 

La prochaine étape est de personnaliser le menu.

  • Tapez http://localhost/wp-admin/ dans votre navigateur. Connectez-vous au Tableau de bord de Wordpress avec votre nom d'utilisateur et votre mot de passe.
  • Allez dans Appearance, puis sur Menus.
  • Tapez Primary Menu dans le nom du menu et cliquez sur Create Menu.
  • Souvenez-vous que Primary Menu est le nom du menu que nous avons spécifié dans le fichier functions.php. Vous pouvez créer une série de menus en cliquant sur le signe plus (+) à la droite de l'onglet Primary Menu. Vous pouvez dire à Wordpress quel menu il doit utiliser pour ce thème Wordpress en le sélectionnant à partir du menu Theme Locations.
  • Dans la zone Pages, cliquez sur View All, ensuite sélectionnez chacune des pages qui sont listées.
  • Cliquez sur Add to Menu.
  • Cliquez sur Save Menu.

Les pages sélectionnées sont maintenant grisées dans la zone Primary Menu. Vous pouvez glisser les pages de haut en bas pour réorganiser leur hiérarchie dans le menu.

 

Configuration de menus pour personnaliser un thème Wordpress avec Dreamweaver

 

Note : Si vous réorganiser les pages dans le menu, assurez-vous d'enregistrer les changements à chaque fois.

Vous pouvez aussi ajouter des éléments qui ne sont pas des pages au menu. Utilisez simplement la section Custom Links de la page Menu pour ajouter une URL ou un label.

  • Retournez dans Dreamweaver, rafraichissez le mode Live View du fichier index.php et le menu devrait apparaitre sur chaque page de votre blog Wordpress incluant la page d'accueil.

 

Afficher le menu pour personnaliser un thème Wordpress avec Dreamweaver

 

Bien sûr, vous pouvez ajouter des styles CSS à ce menu. Je vous laisse faire. En général, vous devez juste créer les deux styles suivants dans le fichier style.css dans le répertoire MyTheme :

li.menu-item {
    list-style-type:none;
    float:left;
}
li.menu-item a {
    padding:4px 10px;
    text-decoration:none;
    display:block;
}

Vous pouvez cliquer sur le bouton Inspect sur la page index.php et utiliser mode pour identifier les noms des classes CSS en cliquant sur l'un des articles du menu et en regardant le sélecteur de tag.

 

Classe CSS pour le menu afin de personnaliser un thème Wordpress avec Dreamweaver

 

Ainsi, vous voyez qu'il est assez facile de personnaliser un thème Wordpress avec Dreamweaver. Vous devez juste suivre les étapes qui sont généralement la modification du code dans les fichiers PHP et leurs mises en forme avec le fichier de style CSS. Dans un prochain article, je l'espère, nous terminerons ce dossier pour personnaliser un thème Wordpress avec Dreamweaver en créant une page d'accueil personnalisée avec une Feature Box.

Source de l'article en anglais

 

dimanche, août 12, 2012

Modifier un thème Wordpress avec Dreamweaver

 

Il existe de nombreux moyens de personnaliser un thème Wordpress. Vous pouvez utiliser un éditeur de texte tel que Notepad2 pour modifier les fichiers PHP et CSS ou vous pouvez modifier un thème Wordpress avec Dreamweaver pour bénéficier de la puissance de ce logiciel qui peut communiquer facilement avec des environnements dynamiques tels que Wordpress, Joomla ou même Drupal. Pour pouvoir modifier un thème Wordpress avec Dreamweaver, vous devez posséder Dreamweaver CS 5, car cette version possède une option spéciale permettant de configurer Wordpress avec Dreamweaver.  Je donne aussi une astuce à la fin de l’article pour modifier un thème Wordpress avec Dreamweaver CS 3 et Dreamweaver 8.0.x

Configurer Wordpress avec Dreamweaver

En premier lieu, vous devez installer un serveur local sur votre ordinateur. Je vous conseille d'utiliser Xampp ou Xampplite selon votre convenance. Ensuite, vous devez installer Wordpress. Une fois que vous avez fini ces deux étapes, vous devez télécharger le fichier MyTheme pour modifier un thème Wordpress avec Dreamweaver. Ce thème Wordpress sera utilisé comme un test, mais évidemment, vous pouvez utiliser n'importe quel thème Wordpress.

Ensuite, lancez Dreamweaver CS 5 et choisissez Site/Nouveau Site. Donnez un nom à votre site et dans le champs Local Site Folder, entrez le chemin d'accès de votre répertoire Wordpress. Si votre installation Wordpress en local se trouve dans c:\xampplite\htdocs\wordpress alors c'est ce chemin que vous entrez à l'aide de l'icône Parcourir.

 

Configurer Wordpress dans Dreamweaver pour modifier un thème Wordpress avec Dreamweaver

 

La prochaine étape est de configurer un serveur d'évaluation pour modifier notre thème Wordpress avec Dreamweaver. Dans la partie Serveur d'évaluation, faites en sorte que l'option Local Site Folder pointe vers votre répertoire Wordpress local et que le champs Server Folder pointe vers le répertoire public de votre serveur web, à savoir, htdocs, WWW ou autre selon le serveur web que vous utilisez. Et c'est tout, votre blog Wordpress est maintenant configuré avec Wordpress. Pour tester si votre Wordpress est bien connecté à Dreamweaver, ouvrez le fichier index.php dans le répertoire de Wordpress dans Dreamweaver et prévisualisez-le avec la touche F12. Le navigateur configuré par défaut se lancera et affichera ce fichier. Si votre blog s'affiche correctement alors votre Wordpress est correctement avec Dreamweaver.

Utiliser la syntaxe spécifique de Wordpress avec Dreamweaver

J'ai mentionné qu'il était plus facile de modifier un thème Wordpress avec Dreamweaver CS 5 pour la bonne raison qu'il intègre une surbrillance spéciale de syntaxe pour Wordpress. Et il en possède aussi pour Joomla ou Drupal si vous travaillez avec ces deux CMS. Pour configurer cette syntaxe, sélectionnez votre site dans le panneau Site et choisissez Site > Site-Specific Code Hints (le nom peut être différent selon la langue de votre Dreamweaver). Dans la boite de dialogue Site-Specific Code Hints, choisissez Wordpress à partir des options de la Structure. Ensuite, naviguez jusqu'au répertoire de Wordpress en local et sélectionnez-le. Validez par OK.

 

Configurer le Code Hinting pour modifier un thème Wordpress avec Dreamweaver

 

Si une boite de dialogue s'affiche vous demandant si vous voulez modifier les paramètres prédéfinis, cliquez sur Annuler et sauvegardez vos changements. Maintenant, naviguez dans votre site Wordpress à partir du panneau Site et vous verrez un fichier appelé dw_php_codehinting.config et ne le supprimez pas tant que vous voulez modifier un thème Wordpress avec Dreamweaver.

 

Le fichier de configuration de Dreamweaver pour modifier un thème Wordpress avec Dreamweaver

 

Tester le Code Hinting de Wordpress dans Dreamweaver

Une fois que vous avez configuré le Code Hinting, vous pouvez tester rapidement pour voir s'il fonctionne. Naviguez dans le répertoire du thème Wordpress appelé MyTheme que nous avions téléchargé et installé dans Wordpress et ouvrez le fichier index.php situé dans son répertoire. Passez en mode de vue Code pour voir le code PHP de ce fichier. Placez le curseur à la ligne 2 après la ligne <?php get_header(); ?>, tapez <?php ec et appuyez sur la combinaison de touches Ctrl + Barre d'espace pour lancer l'option du Code Hinting PHP. Le principal objectif du Code Hinting est d'insérer rapidement des fonctions PHP propres à Wordpress sans faire d’erreur. Ainsi, si vous commencez à taper du code PHP, une liste apparaitra vous permettant de choisir rapidement la fonction que vous voulez. Effacez la ligne <?php ec et tapez la ligne <?php wp et lancez de nouveau le Code Hinting avec la combinaison Ctrl + Barre d'espace. Ajoutez _lis ce qui donne <?php wp_lis et notez comment la liste offre de nouvelles fonctions correspondant à cette ligne.

Cliquez sur wp_list_pages($args) dans la liste qui s'affiche. Vous voyez le post-template.php à droite dans la liste ? Cela vous indique la page dans laquelle Dreamweaver a trouvé la fonction wp_list_pages($args). Appuyez sur Echap pour quitter le Code Hinting.

 

Fonction prédéfinies de Wordpress pour modifier un thème Wordpress avec Dreamweaver

 

Fermez le fichier sans sauvegarder vos changements.

Prévisualiser Wordpress avec Dreamweaver

Pour modifier un thème Wordpress avec Dreamweaver, il faut pouvoir prévisualiser ses changements. Dreamweaver CS 5 permet de le faire rapidement avec l'option Live View. Ce dernier est différent du traditionnel Design View de Dreamweaver, car il fournit un rendu plus réaliste de l'aspect de vos pages dans le navigateur. Notez que vous ne pouvez pas modifier vos pages en mode Live View. En bref, le Live View vous donne un aperçu rapide de votre page sans quitter l'interface de Dreamweaver.

Ouvrez le fichier index.php dans le répertoire de Wordpress (dans le dossier racine du blog). Cliquez sur le bouton Design pour basculer dans ce mode, ensuite cliquez sur le bouton Live View dans la barre d'outils Documents. Après quelques secondes, Dreamweaver va prévisualiser votre page Wordpress en utilisant votre serveur web local.

 

Prévisualiser le thème Wordpress pour modifier un thème Wordpress avec Dreamweaver

 

Cliquez sur le bouton Live Code View pour voir le code qui est généré et envoyé au navigateur. Evidemment, vous ne verrez pas de code PHP puisque celui-ci est interprété par le navigateur. Mais le Live Code View est dynamique et se mettra à jour à mesure que vous interagissez avec la page en Live View. Cliquez de nouveau sur le bouton Live View pour quitter la prévisualisation et retourner au code PHP de votre page. Une chose importante est que votre serveur web local doit être toujours lancé pendant tout le temps que vous modifiez un thème Wordpress avec Dreamweaver.

A partir de maintenant, vous pouvez insérer rapidement des fonctions dans votre template Wordpress et prévisualiser vos changements. Si j'en ai le temps, je publierais un autre article sur comment ajouter un logo, un menu et personnaliser l'entête avec Wordpress dans Dreamweaver.

Source original de l'article en anglais

 

Modifier un thème Wordpress avec Dreamweaver CS3 et Dreamweaver 8.0

 

Vous vous dites : Tout ça est bien beau, mais Dreamweaver CS 5 coute la peau des fesses et je ne me vois pas l’acheter juste pour modifier un thème Wordpress avec Dreamweaver.

Est-ce qu’il y a un moyen de faire la même avec les versions antérieures de Dreamweaver ?

Et la réponse est oui. Il existe une extensions appelée Theme Dreamweaver WP que vous pouvez utiliser avec Dreamweaver CS3 ou une précédente version. Vous téléchargez cette extension, vous double-cliquez dessus, le gestionnaire d’extensions de Dreamweaver va installer cette extension.

Ensuite, vous configurez Wordpress pour Dreamweaver comme nous l’avons fait au début de cet article. Vous naviguez ensuite sur le thème Wordpress que vous voulez modifier avec Dreamweaver et vous activez cette extension. Il y aura une icône bleue qui sera active dans la barre d’outils dès que vous ouvrez un fichier PHP de votre template Wordpress. Notez que l’icône sera uniquement active pour les fichiers de template Wordpress et non pour les autres fichiers PHP. Cependant, j’ai trouvé que cette extension n’est pas très performante et qu’il vaut mieux choisir Dreamweaver CS5 si on en a les moyens. En effet, cette extension ne permet d’insérer facilement les fonctions PHP de Wordpress alors que c’est la principale motivation pour modifier un thème Wordpress avec Dreamweaver.

 

 

Mots clés Technorati :

samedi, août 04, 2012

Installer CMSMS, le guide pratique

 

CMSMS est un nouveau venu dans le monde CMS est sa particularité est qu’il est spécialement conçu pour les débutants qui ne veulent pas se prendre la tête avec Joomla ou Drupal. Le sigle CMSMS signifie CMS Made Simple et son slogan Made for the rest of us sous-entend qu’il est destiné à l’utilisateur lambda. En effet, on remarque une complexité grandissante avec les CMS majeurs et CMSMS veut séduire les touts débutants dans l’initiation du CMS. Nous allons installer CMSMS en local pour démontrer ses possibilités.

En premier lieu, téléchargez la dernière version de CMSMS. Dans la rubrique Téléchargement, vous trouverez le package complet en anglais et un pack de traduction en Français et téléchargez les deux. Vous devrez avoir les deux fichiers .tar.gz suivants sur votre ordinateur :

installer-CMSMS_1

 

Décompressez ces deux fichiers avec un logiciel tel que 7zip dans deux dossiers séparés comme ceci :

installer-CMSMS_2

Dans chaque répertoire, vous trouverez une autre archive que vous devez aussi décompresser. Ensuite, vous copiez d’abord les fichiers du package complet (celui en anglais) dans le répertoire public de votre serveur. Ce dernier varie selon les serveurs. J’utilise le serveur local Xampplite et donc, mon répertoire public est htdocs. Dans ce dossier, je crée un nouveau répertoire appelé cmsms (le nom importe peu) et je copie les fichiers du package CMSMS en anglais. Ensuite, je copie par dessus le contenu de l’archive du package français que nous avons téléchargé. Si vous avez fait correctement la procédure, on vous demandera si vous voulez fusionner avec les répertoires existants et répondez Oui.

Lancez votre serveur local et activez PhpMyAdmin et créez une nouvelle base de donnée appelée cmsms.

installer-CMSMS_3

Maintenant, on va installer CMSMS. Dans votre navigateur, tapez l’adresse du répertoire où vous avez copié les fichiers de CMSMS. Etant donné que j’utilise un serveur local et que mon répertoire cmsms, l’URL sera donc http://localhost/cmsms, vous arriverez à l’écran suivant :

installer-CMSMS_4

On vous demande de choisir la langue d’installation et puisque nous avons installé le pack français, choisissez FR dans le menu et cliquez sur Submit.

installer-CMSMS_5

Dans cette page, vous pouvez tester l’intégrité de vos fichiers avec un fichier cheksum, mais comme nous avons téléchargé le paquet et que nous installons CMSMS en local, cette étape n’est pas nécessaire. Vous pouvez le faire si vous installez CMSMS sur un serveur distant. Cliquez simplement sur Continuer.

installer-CMSMS_6

installer-CMSMS_7 

Dans cette étape, l’installation de CMSMS contrôle les composants de votre serveur. Il s’assure que tous les composants sont compatibles avec CMSMS. Dans mon cas, il y a un problème avec la version de PHP, car CMSMS fonctionne mieux avec PHP 5.2.4 ou PHP 5.2.12 tandis que la mienne est PHP 5.2.5. Cela signifie que je pourrais toujours installer CMSMS, mais cela risque de provoquer des problèmes plus tard. Il a aussi trouvé une erreur dans les URL externe et le protocole http, mais c’est normal puisque je ne suis pas connecté à internet. On va cliquer sur Continuer.

installer-CMSMS_8

Dans cette page, CMSMS contrôle la permission de fichier au format POSIX qui utilise umask. Cliquer sur Test pour voir les permissions.

installer-CMSMS_9Tout est bon, on clique sur Continuer.

installer-CMSMS_10Dans cette étape d’installation de CMSMS, vous configurez le nom d’utilisateur pour l’administrateur et le mot de passe. CMSMS propose une fonction intéressante avec la possibilité d’activer ou non le mot de passe  sécurisé. En l’activant, vous empêchez la réinitialisation des mots de passe autrement que via l’administration de CMSMS. Cela ajoute une sécurité supplémentaire. Cependant, j’ai choisi de désactiver cette option. Fournissez un nom d’administrateur, son adresse mail et son mot de passe et cliquer sur Continuer.

installer-CMSMS_11

Dans la première partie de la page, vous configurez le nom et le fuseau horaire lié au site. Et dans la seconde partie, vous configurez les informations à votre base de donnée pour installer CMSMS.

installer-CMSMS_12Vous devez fournir l’hôte, le nom d’utilisateur, le mot de passe et le nom de la base de donnée. Xampplite étant un serveur spécialement conçu pour les tests en locaux, il n’y a pas de mot de passe par défaut, mais vous pouvez en configurer un si vous voulez directement dans PhpMyAdmin. Dans mon cas, l’hôte est localhost, l’utilisateur est root et le nom de la base est cmsms. En dessous, vous pouvez choisir de créer les tables pour installer CMSMS. En général, on active toujours cette option sauf si vous effectuez une mise à jour. La dernière case à cocher permet d’installer ou non des données d’exemple et je choisis de l’activer pour voir un peu ce que cela donne. Cliquer sur Continuer lorsque vous avez fini d’entrer les informations.

installer-CMSMS_13

La première partie de la page affiche un résumé de la création des tables pour installer CMSMS. Faites défiler la page pour configurer les chemins d’accès de votre site.

installer-CMSMS_14

Dans la première option, on vous demande l’URL de votre site sous CMSMS et en dessous, vous avez son chemin d’accès physique. Généralement, laissez les valeurs par défaut. La troisième option permet de régler le format des URL. Puisque vous êtes encore un débutant, laissez la valeur par défaut et enfin, choisissez FR dans la dernière option. Cliquez sur Continuer.

installer-CMSMS_15

Et voilà, vous venez d’installer CMSMS et vous pouvez maintenant vous connecter à l’administration.

installer-CMSMS_16

Dans le menu CMS, cliquer sur Voir le site pour un aperçu de la partie publique de votre site sous CMSMS.

installer-CMSMS_17

installer-CMSMS_18 

 

Le résultat est plutôt intéressant et les données d’exemple déjà installés vous permettent de juger si cela vaut le cout de l’utiliser pour un site en production. Une chose est que vous devez supprimer ou renommer le répertoire install dans le dossier cmsms pour éviter des problèmes de sécurité.

 

Mots clés Technorati :