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 :
Choisir les indicateurs du tableau de bord Composer le tableau de bord Il est devenu coutumier d'adjoindre à juste titre au terme d'indicateur de performance le qualitatif de "clé", vraisemblablement depuis que le concept de KPI occupe une place de choix au coeur des ouvrages de management anglo-saxons. C'est dire si la phase de sélection et de construction est primordiale. Choisir les indicateurs, le dossier A ce stade de la réalisation du tableau de bord, on ne peut se contenter de ratios de gestion ou d'indicateurs puisés ici ou là sans discernement. Un KPI Qu'est-ce que c'est exactement ? Quelques recommandations pour mieux choisirAfin d'affiner le processus de sélection. Objectifs mal choisisEn fait, tout commence par le choix des objectifs. Indicateurs mal choisisLa théorie à propos des questions de la pertinence et de l'aide à la décision est un filet bien fragile qui ne suffit pas pour orienter la phase de choix dans le bon sens. Les deux livres à lire pour mieux comprendre Commentaires lecteurs...
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:
Image Alt Attribute– Relevant for SEO and Usability? | WooRank Blog Images are used for various purposes on the web. On a standard website, graphics are used for navigational buttons, bullet points, icons, text graphics or other ways to supplement the text. Most users of the web are able to understand and interpret images by looking at them but there are many users that are unable to view them. Blind users that utilize screen readers to understand web content.Users that disabled the images on their browser.Users with slow internet that cannot download images.Users of standard browsers with text-only mode.Search engine crawlers that cannot interpret the graphic content. HTML provides us with the image alt attribute to describe the image in readable text format. Image alt attribute is certainly significant for SEO and usability. Demonstrating the Use of Image Alt Text with a Google Image Search The following are some factors that help to optimize your images for usability and SEO. Tips For Your Images: Tips For Your Alt Text Content: Improper Usage:
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.