Un arrière-plan extensible intelligent
Certains sites affichent une (grande) image de fond qui s'adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer. La réalisation de ce genre de prouesse n'est pas si évidente techniquement, contrairement à ce que l'on pourrait croire de prime abord. Comment fait-on ? Nous allons présenter ici deux méthodes parmi celles qui sont possibles : une entièrement en CSS , une autre basée sur jQuery. Exemples Pour avoir un aperçu de ce que l'on veut obtenir, voici quelques exemples utilisant ce principe : Simon & Comet Flavors me Piz'za-za Le point commun de tous ces sites est la mise en avant de leur background : il est fixe et c'est la pièce maîtresse de leur design. Le principe Comme vous venez de le remarquer, ce n'est pas qu'une simple image de fond qui s'adapte à la fenêtre : il n'y a aucune déformation, le ratio est toujours conservé et lorsque la fenêtre est vraiment étroite le fond est recadré. Préparation de l'image de fond La méthode CSS3 Le code HTML
SpamCheck
Mode d’emploi NextGEN Gallery | Ajwan
Créé le 20 octobre 2012 Dernière mise à jour : 5 mai 2013 Ce mode d’emploi est destiné aux personnes pour qui j’ai réalisé un site WordPress, afin qu’elles puissent gérer leurs galeries d’images avec facilité. Il est néanmoins accessible à toute autre personne intéressée par le sujet. Infos pour ces dernières : Ce mode d’emploi suppose que vous ou votre web designer avez ajouté dans WordPress les extensions (plugins) NextGEN Gallery , Collapsing Categories et éventuellement NextGEN Scroll Gallery Prérequis : savoir manier un site WordPress en tant qu’”éditeur”. Voir mon tutoriel Mode d’emploi WordPress A. A1. L’ensemble de vos images se composera probablement de plusieurs galeries (= plusieurs groupes d’images). Pour les sites que je construis, j’ai prévu une galerie “idéale” (en tout cas à mes yeux, après avoir exploré des centaines de galeries sur le web). Voir un exemple(Dans l’exemple, cliquez sur les liens pour bien voir l’arborescence des galeries) A2. B. N.B. B1. B2. B3. B4.
Blog Expert
How to Create a WordPress Child Theme
Have you ever spent countless hours customizing your site, only to lose all of your hard work after updating the theme? Creating a child theme allows you to make changes to your site without touching your original theme’s code, making it easier to update your site without the threat of wiping out changes when you update. A child theme inherits the functionality of its parent and you can turn off your child theme and fall back on the parent any time you want. In today’s Weekend WordPress Project we’re going to look at how to set up a child theme. Getting Started In this example, we’re going to create a child theme for the Twenty Thirteen default WordPress theme. 1. It’s important to name the folder without any space in the name, and it’s common practive to use the name of the parent theme folder with “-child” added on the end. So for this example, we’ll be calling our folder “twentythirteen-child”. 2. The style sheet must start with the following lines: 3. 4. Modifying Your Theme’s CSS
Gerez vos offres limitees et boostez vos ventes !
Mettre en place l'offre limitée Définir le nom : Sélectionnez un nom pour votre offre. ATTENTION : une fois votre offre créée, le système va générer un fichier qui sera celui de votre page offre. Voici un exemple : Définir la durée ainsi que la langue : Vous devez tout d'abord définir la durée pendant laquelle votre page d'offre sera visible pour votre visiteur. Vous avez la possibilité, si vous le souhaitez, d'afficher la date d'expiration de votre offre sur votre page, automatiquement calculée selon la durée que vous avez définie. Informer le nom de vos pages : Si vous souhaitez mettre en place une offre limitée, vous devez au préalable prévoir deux pages différentes, l'une contenant votre offre spéciale (ou promotion) et l'autre contenant le prix habituel de votre produit. Description de votre offre : Même si cela ne vous paraît pas très important, prenez soin d'écrire une bonne description, compréhensible pour le plus grand nombre. Affichage du compteur et de la date d'expiration :
Retour d'expérience sur une refonte pour SEO - Tools in Web : Tools in Web
Salut ! Si tu es nouveau tu peux t'inscrire au flux RSS pour recevoir les derniers articles ! Dans cet article, je vais vous parler de mon expérience en terme de refonte pour SEO de ce site. J’ai lancé ce blog (sous cette forme, il y a plus de 4 ans) et la question du SEO n’était pas au cœur de mes préoccupations (par méconnaissance essentiellement). Je me focalisais surtout sur le contenu sans trop faire attention à la structure du site, aux mots clés ou tout autre élément favorisant le positionnement dans les moteurs de recherche. Le SEO pour ceux qui ne le savent pas encore, signifie Search Engine Optimization. Parce-que je ne suis pas expert SEO (c’est un métier !) De plus, il arrive que les moteurs de recherches changent d’algorithme et cela peut nous pénaliser. La démarche que j’ai suivie depuis quelques mois dans le cadre de ma refonte pour SEO devrait être faite avant de constituer un site. - Evidemment, j’ai supprimé beaucoup de catégories et d’étiquettes inutiles.
WP Optin Form V1.5 en français
"Si vous ne construisez pas votre liste de contacts grâce à chaque article de votre blog, alors vous perdez du temps et de l'argent" {*style:<i>"Afficher Un Formulaire d'Inscription dans Votre Dernier Article, ou sur Chaque Article si Vous Voulez..." </i>*} Vous n'aurez plus à vous casser la tête pour placer votre formulaire d'autorépondeur dans un widget d'une de votre blog Worpdress. Vous dépensez beaucoup de temps, d'énergie et d'argent pour attirer des visiteurs sur votre blogs. Utiliser WP Optin Form sur un nombre illimité de Blogs! Vous avez plus qu'un blog ? {*style:<i>"Rapide à mettre ne place, vous aurez libre choix des paramètres depuis l'interface du plugin. En achetant aujourd'hui, vous aurez les mises à jour à vie" </i>*} Comment ça fonctionne : Une fois le plugin installé et activé, vous pourrez simplement insérer le code (html ou javascript) de votre formulaire fournit par votre auto-répondeur. Votre formulaire sera positionné selon votre choix : +Soit au début de votre article
