background preloader

13 plugins WordPress pour gérer votre webzine

13 plugins WordPress pour gérer votre webzine

Comment encadrer un texte avec des arrondis sans image ? Vous avez envie d'encadrer des textes pour les embellir sans avoir recourt à des images ? CSS3 permet de réaliser de jolies choses, mais toute les "options" ne sont pas reconnues par les navigateurs plus anciens. Créer un cadre simple pour texte Voici un petit bout de code qui dessinera un cadre : <div style="width: 200px; padding-top: 50px; padding-bottom: 50px;border: 3px solid #A0A0A0; text-align: center;background: #C0C0C0;"> Mon texte </div> Mon texte Détaillons notre petit code Les balises <div></div> créent un conteneur, un bloc de contenu.Le contenu ici c'est Mon texte La partie style=" ..." donne le style de ce cadre width:200px; la largeur du cadre sera de 200 pixels padding-top: 50px; la marge intérieur du haut sera de 50px padding-bottom: 50px; la marge intérieur du bas sera de 50px On aurait pu utiliser padding:50px 0px 50px 0x; on définit ainsi les marges intérieures en commençant par le haut et en tournant dans le sens des aiguilles d'une montre. text-align:center; deviner ?

Créez votre thème Wordpress de A à Z Update du 5 Octobre 2011: les tutoriels ont beau datés de 2007, ils sont en cours de modifications pour y ajouter les fonctionnalités des dernières versions de WordPress. Quoi qu’il en soit, ils sont toujours d’actualité et ont été mis à jour plusieurs fois. Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. Quoi qu’il en soit, quelques petits prérequis seront nécessaires. On va évoquer les différentes étapes et aborder aussi bien le design que l’intégration d’un thème sur WordPress. Je ne dis pas que la méthode que je vais présenter est la meilleure mais en tout cas, elle est celle que j’utilise ! « Stay tuned! Articles déjà en ligne: Leçon #1: Installer WordPress en local sur votre ordinateur Leçon #2: Pourquoi créer son propre thème ? Fran6

Référencer WordPress en 15 minutes A l'occasion du 1er SEOCamp Day à Nantes, j'ai eu l'occasion de réaliser une conférence de 15 minutes sur le référencement naturel de WordPress. 15 minutes, c'est très court, mais amplement suffisant pour réussir à référencer convenablement ce CMS. La preuve... Référencer WordPress Il fallait faire vite pour traiter un maximum d'éléments à optimiser en donnant des conseils aux novices et aux personnes déjà bien rodées sur WordPress. Configurez proprement votre site Commencez par paramétrer votre blog WordPress ainsi: Des URLS courtes, avec /%postname%/N'afficher que l'extrait des articles dans le flux RSS.Activez les pings et les trackbacks de WordPress (et modérez ceux que vous recevez)Scindez vos articles avec la balise More.Évitez d'utiliser trop de mots clés, et choissisez les bien ! Les plugins indispensables Ensuite, il vous faudra installer et configurer plusieurs addons que je juge indispensables: Quelques tutoriels intéressants La vidéo de ma présentation est juste en dessous.

Une feuille de style pour l'impression Une solution CSS qui remplace avantageusement la version imprimable d’un document. Le projet Votre site propose de nombreuses ressources : images, textes… que vos visiteurs aimeront peut-être imprimer afin de les consulter à tête reposée. Mais une mise en page web est rarement reproductible telle quelle sur papier : les outils de navigation (menus, boutons...) y sont inutiles, l'écran est rarement respectueux du format A4, et vos lecteurs préfèreraient peut-être se passer de vos belles couleurs au profit d'une économie sur leur cartouche d'encre. Bien-sûr, vous pouvez proposer une seconde version « imprimable » de vos documents. Mais vous gagnerez du temps en créant plutôt une simple feuille de style spécifique, qui permettra d'imprimer proprement votre document original depuis n'importe quel navigateur respectueux des standards. Attention : — Le rôle d'une feuille de style n'est pas de contrôler au pixel près le rendu à l'écran. Pour lier vos styles d'impression à vos pages XHTML Couleurs

Collège Jacques Prévert de Bourg | Une fenêtre sur la vie de l'établissement Free Wordpress Template - Theme gratuit Wordpress Personnalisez votre widget texte avec WordPress 11 personnalisations pour vos widgets textes Parlons code HTML aujourd’hui…Mais ne partez pas tout de suite Le codage HTML n’est sans doute pas le sujet que vous préféreriez voir aborder, mais ce sera ici pour la bonne cause que nous nous familiariserons avec cet outil, dans le but de vous donner plus de liberté dans la présentation de votre site. Nous nous concentrerons en effet sur la seule utilisation du widget texte qui, sous des dehors humbles, cache pourtant beaucoup de puissance et de modularité. Ce module n’est pas un plugin car il est livré par défaut dans toutes les installations WordPress. Avec un peu de personnalisation, il peut se prêter à beaucoup d’usages pour peu qu’on le paramètre : vous pourrez ainsi ajouter des vidéos, des bandeaux promos, du texte de présentation, des listes produits, des images, des liens, etc. Un widget, qu’est-ce que c’est ? Widget est une mot valise formé à partir de Windows et Gadget. Les ateliers pratiques 1 | Ajoutez du texte 3 | Ajoutez une vidéo

Lycée Victor Duruy | Mont-de-Marsan (Landes)

Related: