background preloader

13 erreurs à ne pas commettre sur un blog WordPress !!!

13 erreurs à ne pas commettre sur un blog WordPress !!!
Dans la suite logique de optimiser WordPress, voici un billet pour recenser une partie des erreurs, trop fréquentes, que je rencontre sur de nombreux sites WordPress... La sauvegarde, moi je m'en fous ! Bon, cette erreur là est encore trop fréquente. Que ce soit pour se prémunir d'un piratage, d'une mauvaise manip, on ne le répétera jamais assez : Sauvegardez votre WordPress ! Une sauvegarde bien faite, c'est la garantie d'une restauration quasi-instantanée, limitant ainsi une perte de données/trafic sur votre blog. Cas d'école : Les erreurs à ce niveau là se paient cash, j'ai récemment changé le plugin de cache sur WP Formation et le site a planté... La mise à jour précipitée Yes, la nouvelle version de WordPress vient de sortir! Attention, je ne dis pas qu'il ne faut pas mettre à jour, seulement de prendre les précautions d'usage, à savoir, sauvegarder (et oui encore;), désactiver tous les plugins et enfin, effectuer la mise à jour. Des permaliens trop complexes Compte admin = Login admin

Créer un favicon pour votre blog WordPress L'image de marque d'un site est très importante sur le Web pour se démarquer des autres, montrer son côté professionnel. Cette image de marque passe entre-autres par le favicon. Qu’est ce qu’un favicon ? Un favicon est tout simplement la petite image qui s’affiche à côté de l’adresse du site, mais également au niveau des onglets, des favoris, marques pages… L’avantage est qu’il permet de reconnaître immédiatement le site en question sans avoir à lire le titre du site… Création et installation du favicon Commencez tout d’abord par créer une image de 16 pixels x 16 pixels dans n’importe quel logiciel d’édition d’image ;Exportez-la au format ICO ;Transférez votre fichier sur votre hébergeur Web via FileZilla ;Connectez-vous à votre administration WordPress ;Cliquez sur Apparence puis sur Éditeur ;Via la barre latérale droite, cliquez sur le lien Header ;Ajoutez cette ligne de code entre les balises <head> et </head>, et indiquez l’adresse de votre image :<link rel="shortcut icon" href="<?

3 erreurs à éviter en matière d’approche rédactionnelle Cet article traite des erreurs qu’on peut faire en matière d’approche rédactionnelle sur le web. Il s’agit de 3 idées reprises dans le livre d’Isabelle Canivet, « Bien rédiger pour le web ». Alors qu’Isabelle s’arrête à seulement une courte énumération d’erreurs, moi je vais plus loin dans l’analyse afin d’expliquer et argumenter ses propos. Bien évidemment, cette interprétation est subjective, vous pouvez avoir d’autres idées et d’autres avis. N’hésitez pas à me laisser vos commentaires et à partager avec mes lecteurs les erreurs que vous avez pu voir lors de vos expériences professionnelles, ainsi que vos interprétations. Bonne lecture ! Prendre un rédacteur et ajouter “web” derrière sans le former Cela peut paraître logique, et pourtant il existe encore des rédacteurs qui se disent rédacteurs web pour la simple raison qu’ils savent bien écrire et qu’ils ont une jolie plume. Définition du « Rédacteur web » « Le rédacteur web produit des contenus rédactionnels adaptés au web.

Comment créer et gérer ses newsletters facilement sur Wordpress avec MailPoet ? Qu’est-ce que MailPoet ? MailPoet est une extension pour WordPress, particulièrement pratique pour créer et gérer des newsletters directement depuis le back office de son propre site web. Les atouts de cette extension sont multiples : il est gratuit jusqu’à 2000 abonnésla centralisation est extrêmement pratique et fait gagner du tempsde nombreux thèmes sont disponiblesl’ajout de contenu depuis vos articles est simple à utiliserdes statistiques sont disponibles, même sur la version gratuitepossibilité de création de plusieurs listesplanification des envois à vos listesles inscriptions et désinscriptions se font directement depuis votre site web 6 minute introduction to Mailpoet from MailPoet Newsletter Plugin on Vimeo. Installer Mailpoet sur votre WordPress L’installation se fait de manière traditionnelle : N’oubliez pas de cliquer ensuite sur “activer” dans la liste des extensions. Créer votre première liste Une fois l’extension en place, vous allez commencer par créer une nouvelle liste :

Tagxedo Processing ... Personal $ Svg $20 ✓ Up to $75 merchandises for personal use. Merchandise $ License to use artwork in merchandises (T-Shirt, Mug, poster, etc). Single Use $ License for single-purpose non-merchandising use. Unlimited $ Unlimited personal or commercial use. Custom $TBD Custom license, with terms subject to prior arrangement. Please contact licensing@tagxedo.com for more information By accepting this license, you agree to the Tagxedo's Terms of Service, and you agree that you have acquired the right to use the source image to create the Tagxedo artwork, and that you indemnify and hold harmless Tagxedo and its employees and officers from any harm are liability that may incur. Please contact licensing@tagxedo.com if you have any question.

Sécuriser WordPress avec HideMyWP | Protéger votre site des attaques Suite aux dernières attaques massives visant les sites WordPress ou l'on a vu pas moins de 90000 sites attaqués courant avril 2013, il est impensable aujourd'hui de laisser son WP sans un minimum de protection... Je ne vais pas parler dans ce billet des précautions d'usage primordiales telles que renommer l'admin, protéger ses dossiers, etc, pour cette partie je vous conseille la lecture de l'article 11 conseils de sécurité pour WordPress. Parmi certaines solutions et divers plugins "sécurité", j'avais opté pour Login Ninja permettant de durcir/contrôler le login de mon WordPress et de bannir automatiquement les IP insistantes;) C'est une bonne solution mais hélas, les robots et programmes sont de plus en plus nombreux et grands consommateurs de bande passante. Cette solution ne me convenait donc plus alors j'ai cherché et trouvé un plugin qui propose un angle différend... HideMyWP le plugin Aucun changement de fichiers ou de dossiers, tous restent dans leur emplacement par défaut!

Wordle - Beautiful Word Clouds Ajax et WordPress : le guide L’Ajax est un produit d’entretien … mais pas seulement. C’est aussi une technique qui permet aux développeurs de concevoir des sites dynamiques. J’ai déjà abordé ce sujet au travers de plusieurs articles chez SeoMix et ailleurs, mais ceux-ci ne sont plus forcément à jour, la technique évoluant rapidement et sa prise en charge par les moteurs également. Il y a quelques semaines par exemple, Google a annoncé avoir arrêté le support de l’escaped_fragment, une méthode qu’il avait lui-même créé et incité à utiliser, pour permettre l’indexation de l’ajax. Alors quand Daniel m’a proposé de revenir parler de l’ajax, j’ai répondu présent. Qu’est ce que l’ajax ? Avant d’aller plus loin, il faut déjà saisir de quoi nous allons parler. Le fonctionnement est simple : sur un site web, un code javascript va utiliser un objet XMLHttpRequest pour aller collecter des informations extérieures à la page, et les renvoyer au script, qui va les parcourir, les mettre en forme et les injecter dans le DOM. if ( !

Transitions CSS3 Beaucoup d'intégrateurs en ont rêvé : animer les pages web uniquement à l'aide de styles CSS, sans apport de JavaScript. Grâce aux dernières évolutions du langage et au module CSS3 Transitions, il est désormais possible de réaliser des transitions basiques à l'aide de CSS dans les navigateurs récents (Safari 4+, Chrome 2+, Firefox 4+, Internet Explorer 10 et Opera 10.6+) La spécification est le document qui définit de manière claire, précise et univoque le langage. La spécification relative au module est disponible à l'adresse suivante : Remarque : Les moteurs récents implémentent la spécification. Principe de base Le principe de base d'une transition CSS3 est de permettre une transition douce entre l'ancienne valeur et la nouvelle valeur d'une propriété CSS lorsqu'un événement est déclenché : soit via une pseudo-classe telles que :hover, :focus ou :active soit via JavaScript La ou les propriété(s) à animer La durée de l'animation Exemples concrets

Rôles et Permissions Languages: Français • English • 日本語 • (Add your language) Description Le système de Roles a été mis en place pour donner au propriétaire du blog la possibilité de contrôler et de déterminer ce que chaque utilisateur peut ou ne peut pas voir sur le blog. La notion de Rôles a été introduite à compter de la Version 2.0. Le Rôle de l'Administrateur est de pouvoir gérer toutes les Permissions. Les développeurs d'extensions devraient probablement réviser la base des Rôles et Permissions car les Développeurs WordPress ont laissé ouverte la possibilité d'assigner un ou plusieurs Rôles à un utilisateur, ou de déterminer des Permissions directement à un Utilisateur. Super pouvoirs pour le propriétaire du blog La personne qui dispose du Rôle le plus important est bien sûr le propriétaire du blog. Sommaire des Rôles Administrateur - Personne qui a accès à toutes les foncions d'administration. Le Rôle attribué par défaut à un nouvel utilisateur se détermine dans Réglages -> Général Rôles Administrateur

Initiation au positionnement en CSS Pour éviter l'usage inconsidéré des tableaux de mise en page, l'utilisation correcte de chaque élément (balises div, p, h1, ul, li, etc.) ainsi que leur positionnement en CSS est dorénavant indispensable. Les éditeurs HTML visuels n'utilisent qu'une infime partie des possibilités des balises (faussement nommées "calques" en général), ce qui les rend souvent peu compatibles et peu pratiques. Cet article en deux parties explique comment positionner les éléments en CSS de façon optimale. Résumé et pense-bête. Tous les éléments (balises) HTML peuvent être positionnés, décorés, dimensionnés, ... grâce aux styles CSS. Les balises de bloc et les balises en-ligne Ce chapitre sur la structure des balises est primordial, vous devez auparavant avoir consulté le tutoriel sur les bloc/en-ligne. Voici un résumé pour les lecteurs pressés les éléments de rendu "bloc" se placent toujours l'un en dessous de l'autre par défaut (comme un retour chariot). Ancêtre, Parents, Enfants, Frères Le Flux

3 astuces pour protéger ses photos contre le vol Important : Avant de lire la suite de cet article, il est fortement recommandé de lire celui-ci (Protéger ses photos contre le vol : les solutions), qui explique la problématique de la protection des photos sur internet, et qui donne des conseils élémentaires. Voici, en complément d'autres techniques (dont la plus efficace reste de ne pas diffuser ses photos en grand format sur internet), quelques outils pratiques pour éviter le vol de photos. Pré-requis : vous devez maîtriser les bases du html pour utiliser ces astuces. 1. Placer une image transparente au-dessus de l'image à protéger : Le clic droit permettra uniquement d'enregistrer l'image transparente et non pas votre photo (technique utilisée sur Flickr pour les images protégées). Créez une image gif transparente (de petite taille, elle sera redimensionnée à la taille adéquate), puis utilisez ce code pour afficher votre image, en modifiant les valeurs (tailles, emplacement de la photo et de l'image transparente) : Exemple : 2. 3.

CSS Débutant : tutoriels sur les CSS3 Réaliser des coins arrondis Arrondir les coins est sûrement l'un des effets graphiques les plus recherchés par les webdesigners. Pour cela, on a longtemps utilisé des images avec plus ou moins de bonheur et de facilité pour obtenir l'effet recherché. Tous les navigateurs récents permettent à présent d'arrondir les coins de cadres, d'images, de tableaux etc. avec une facilité déconcertante. Créer des ombres sur les boites et du texte Ombrer des boites ou du texte sans images c'est possible ! Voici les explications, illustrées de quelques exemples, de réalisations d'ombres en CSS. Images multiples dans un même background La propriété background-image n'acceptait, en CSS 2.1, qu'une seule image. Les CSS3 permettent des background multiples, et maintenant que même Internet Explorer (version 9) l'implémente, pourquoi s'en priver ? Réaliser des fonds en dégradé sans image On peut maintenant s'en passer grâce à de nouvelles valeurs de background : linear-gradient et radial-gradient. Les Media-Queries

Related: