Page Builder Plugin - SiteOrigin Simple content creation interface. Instantly recognizable. Astonishingly different. Page Builder by SiteOrigin makes it easy to build responsive grid-based page content that adapts to mobile devices with pixel perfect accuracy. Simple drag and drop. A simple drag and drop interface means you'll never need to touch a line of code. Works with your theme. Page Builder isn't a commitment to a single theme or even a theme developer. Use your favorite widgets. WordPress widgets are a site owner's best friend. It all starts with the toolbar. That you already know how to use. Pick it up. You'll never want to put it down. Reorder rows, move widgets, resize columns and build your page, all with your mouse. It's intuitive content editing that doesn't sacrifice on functionality. Every line of code has a purpose. Precisely generated. Page Builder precisely generates and optimizes all the code for your page. Rapid page load and complete control are just some of the qualities you can expect from Page Builder.
Comment ajouter une image dans votre sidebar Wordpress Cela peut paraître surprenant, mais WordPress n’offre pas de façon native la possibilité de mettre une image dans la sidebar. Il existe bien quelques plugins pour faire ça. Jetpack propose d’ailleurs cette fonctionnalité. Je vous en parlerai dans un prochain article. Aujourd’hui, je vais tout simplement vous montrer comment mettre cette image avec le widget le plus utile de WordPress : Texte. Positionner le widget texte Depuis votre Tableau de bord WordPress, rendez-vous sur Apparence > Widgets. Il faut ensuite Glisser/Déposer le widget texte dans la sidebar, comme sur l’image suivante.Il faut ensuite aller chercher votre image dans votre bibliothèque de médias. C’est alors que la partie technique s’engage ! Je plaisante, évidemment. Le HTML est un langage informatique. Pour afficher une image, il faut utiliser la balise <img>. Détaillons cette ligne html : C’est suffisant pour afficher une image. Associer votre image à un lien Voyons un peu de détail :
Principe et exemples de rollover en CSS (pseudo-classe :hover)- CSS Débutant Pour tout effet de rollover (c'est à dire de changement d'aspect d'un élément au survol de la souris), la pseudo-classe CSS à utiliser est :hover. On fait tout avec ça : changements d'apparence de texte, de couleur de fond, d'apparition (ou de disparition) d'image, de zoom d'image, etc. Enfin, en théorie... Ce tutoriel va donc passer en revue différentes options les plus recherchées et quelques petites choses plus "exotiques" en matière de rollover. Sommaire Fonctionne avec : Tous les navigateurs graphiques Attributs utilisés : color text-decoration background-color background-image Transformation d'apparence d'un lien Le B.A-BA du langage CSS : le lien qui change d'apparence au survol de la souris. Code (x)html <a href="toto.html">Le Site de Toto</a> Par défaut, les liens sont en bleu soulignés et restent tels quels au passage de la souris. Code CSS Bien évidemment les choix de couleurs sont immenses et text-decoration peut prendre d'autres valeurs. Haut Transformation d'apparence de fond du lien
Optimiser WordPress - Checklist et vérifications après installation Une fois l'installation de WordPress effectuée, le travail n'est pas fini ! Loin s'en faut, il vous reste encore à l'optimiser pour en tirer le meilleur... Optimiser WordPress après installation Votre nouveau site WordPress est flambant neuf ? Vos pages sont prêtes, vos articles pertinents sont sur le point d'être publiés ? Pensez a la vitesse, utilisez un cache Utiliser un cache consiste à créer des pages HTML sur votre serveur à partir des pages générées par WordPress. Installez et activez votre plugin de cache, une fois votre site/blog terminé. Configurer le fichier .htaccess pour WordPress Les fichiers .htaccess sont des fichiers de configuration des serveurs web Apache. Il est important de configurer ce fichier, notamment pour interdire les modifications sur certains fichiers, empêcher la lecture des répertoires, compresser, régler le cache, etc. Augmenter la taille memoire limite sous WordPress Par défaut, WordPress essaie d’augmenter la mémoire PHP à 32 Mo pour fonctionner. Conclusion
Optimiser la vitesse de chargement de votre site | Flora de Latour Nous, les webmasters, avons un combat à mener…. Eh oui !!!! contre la temps de chargement d’un site. Effectivement, il faut avoir en tête qu’ « un temps de chargement de 3 secondes vous fera perdre 57 % d’internautes, 100 % après 5 secondes et 80 % de ceux-ci ne reviendront jamais. Et c’est aussi moins de pages « crawlées » par Google à chaque passage de ses robots puisque Google accorde un certain de temps de crawl de votre site régulièrement, et non un certain nombre de pages. Plus votre site sera long à charger, moins le nombre de pages analysées sera important. » Extrait de l’excellentissime livre « Webmarketing – Définir, mettre en pratique et optimiser sa stratégie 2.0″ de Guillaume EOUZAN. Vous pouvez vérifier votre vitesse de chargement via GT Metrix, un site fort intéressant à ajouter à vos favoris ! Tout ceci pour vous dire pourquoi, j’ai choisi d’installer le plugin Wp Super Cache sur mon blog et que j’apprécie particulièrement. About Flora de la Tour WordPress:
6 Effets de Rollover avec jQuery et CSS3 - Fredods Quelques Effets de Rollover avec jQuery et CSS3 Aujourd’hui je vais vous montrez quelques effets de « mouse over » intéressants utilisant jQuery et CSS3. Les effets de « mouse over », rollover, pour peu qu’il soit bien géré sont très attirant pour vos visiteurs qui prendront plaisir à la navigation sur votre site, l’expérience utilisateur en sera bien meilleur. À Noter : Ces effets marcheront uniquement sur les navigateurs qui supportent ces fonctions, donc pensez à faire les mises à jour de vos navigateurs si ils sont obsolètes. Direction-Aware Hover Effect Un effet des plus sympa sur une mosaïques d’images, la première image que vous survolerez va définir la manière dont la prochaine miniature va interagir au survol de cette dernière.Plusieurs effets sont possibles : Normal, Delay et Inverse. Demo | Source | GitHub jQuery.popeye jQuery popeye est un script utilisant la librairie Javascript de jQuery pour générer une galerie d’image avancée. Demo | Source | Plugin WordPress Demo | Source
Optimiser son site régulièrement et automatiquement Dans cet article, je vous propose d'utiliser une extension WordPress qui vous permettra de faire le nettoyage automatiquement et régulièrement sur votre site WordPress. Cette extension a déjà été mentionnée sur ce site à plusieurs reprises, que ce soit dans cet article de 2012 ou encore récemment dans mon article sur les transients. Vous l'avez peut-être deviné, il s'agit de WP-Optimze. Cette extension est tellement primordiale qu'elle fait partie de la checklist WPformation pour l'installation d'un site WordPress. Pourquoi utiliser WP-Optimize. Que ce soit vos brouillons, les articles dans la corbeille, les commentaires indésirables... tout cela prend de la place dans la base de données et par conséquent, ralentis le site. Cette extension gratuite vous offre la possibilité de vous débarrasser automatiquement des informations inutiles tout en réorganisant les bases de données pour optimiser l'ensemble. Les options de l'extension. Les trois premiers paramètres sont plutôt explicites.
Which Jetpack Modules Should I Disable? Jetpack combines multiple goodies for your WordPress site all in one plugin and it’s developed by the team behind WordPress itself, Automattic. There’s so many reasons to get this plugin, and most people will want Jetpack for a couple features (I wanted stats and improved comments). The question becomes what modules should you enable and disable in this huge Jetpack salmagundi? I’ve included notes on the Jetpack modules I’ve enabled / disabled and why I’ve done so. Jetpack Modules that I’ve Installed WordPress.com Stats & Notifications WordPress.com Stats is a great feature especially if you don’t want to go through setting up Google Analytics. Jetpack Comments (& Subscriptions) I was using LiveFyre, but a couple issues I had with their service (most troubling was not having a simple way to disallow comments on static pages) made me adopt Jetpack Comments instead. One problem I had was that the new Jetpack style comments were not showing on my blog. Enhanced Distribution
Harmonic | A theme to make your content sing