Wordpress. 5 plugins WordPress méconnus mais qui valent le détour. Peut-être le premier article d'une longue série, sur les plugins Wordpress qui manquent de visibilité et de notoriété. Il existe une quantité impressionnante de plugins WordPress et, en dehors d’un besoin spécifique et d’une recherche Google appropriée, il peut être compliqué de tomber autrement que par hasard sur certaines pépites.
J’ai donc décidé de mettre en avant certains plugins pour lesquels j’ai trouvé une utilisation. C‘est vrai que sorti de Akismet, W3 Total Cache, WordPress SEO, et j’en passe, il peut être difficile de trouver LE plugin qui va changer votre vie. Mon but est de vous présenter aujourd’hui 5 plugins que je trouve intéressants pour mon utilisation, j’espère que vous y trouverez votre bonheur. N’oubliez pas que je partage la liste de mes plugins via la page dédiée. Drop Cap Shortcode Effectivement, j’aurais pu faire une classe CSS exprès pour afficher mes lettrines (mais si, vous voyez bien, le gros C majuscule en début de paragraphe juste au-dessus).
RSS No More. Meilleur Pluging WordPress. The Periodic Table of WordPress Plugins. W3Schools Online Web Tutorials. Add Columns to WordPress Posts Without a Shortcode. Adding columns to a WordPress post or page can be a real pain, especially if you’re not skilled with CSS. There are several plugins out there that let you create columns using a shortcode, but the new Advanced WP Columns plugin takes a different approach. It adds a button to the WordPress editor that launches a much simpler interface for adding columns. You can easily select the number of columns and the width of the gutters and containers: Save your content in the Advanced WP Columns Manager window and you’ll see your columns on the the frontend: The plugin allows you to add your own custom CSS class for the columns wrapper div, the single columns and even the gutter columns.
Share this article with friends: Référencement WordPress - Inside da WeB Blog Ecommerce / SEO. Créer un formulaire d’inscription simple pour Wordpress sans plugins. Créer un formulaire d’inscription simple pour WordPress sans plugins Publié Par Fred - Le 20 janvier 2013 à 19:32 Loading ... Dans ce tutoriel nous allons voir comment ajouter un formulaire qui va permettre aux utilisateurs de s’inscrire et de se connecter à partir de votre page d’accueil. Connexion / Déconnexion WordPress intègre deux fonctions qui vont permettre de générer les URL de connexion et de déconnexion : Cette fonction servira à vos utilisateurs pour ce connecté wp_logout_url permettra aux utilisateurs de votre blog de cliquer sur un lien de déconnexion et d’être rediriger vers une page de déconnexion.
Ajout du formulaire de connexion / déconnexion En utilisant ces deux fonctions, on peut facilement créer un formulaire de connexion personnalisée et vérifier si l’utilisateur est déjà connecté pour lui afficher un bouton de déconnexion. Formulaire d’inscription Conclusion Disponible pour les membres : - Article au format PDF Articles traitant le même sujet : Mettre un film YouTube sur votre blog Wordpress. Installation et Utilisation de Wordpress sous Wamp. Free WordPress Themes. Obscura Posted April 22, 2014, 01:26 AM PhotoSmyth Posted April 22, 2014, 01:26 AM Landscape ... Landscape is a simple, responsive WordPress theme. Perfect for photography sites. ... Posted February 12, 2013, 08:30 PM Envision Posted April 22, 2014, 01:26 AM Mystyle Posted April 22, 2014, 01:26 AM Newschannel ... eat for a personal blog, but would also be good for a local news site or even a photography blog. ...
Posted January 13, 2013, 06:28 PM Minimatica ... . With support for post formats, audio and video playback, ideal for showcasing photography portfolios or podcasting but also great for your everyday blogging. ... ... How To Learn WordPress in a Week (For Free!) Thanks to the low barrier to using and working with WordPress, anyone with an idea and time to spare can develop a product or service on top of WordPress and start a business. In fact, many of our members are already doing that. Whether you’re working full-time and juggling family, social and volunteer commitments, mastering WordPress is within your reach – and there are so many resources available for free that if you do have time you have absolutely no excuse! If you’re willing to put in the time you do have free, it’s easy and quicker to master WordPress than you may imagine. This post offers a step-by-step guide for intermediate users who want to become competent with WordPress over seven days.
First Thing’s First This guide makes a few assumptions: You have used WordPress and have the software installed (obviously!). So let’s get stuck in… Monday WordPress Codex, WordPress TV and Make WordPress Core If you think the Codex is only for beginners, think again. Tuesday Wednesday Thursday Friday. Beginner’s Guide to Responsive Web Design. Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. In fact, the magnitude of this paradigm shift feels as fundamental as the transition from table based layouts to CSS.
Simply put, this is a very different way of designing websites and it represents the future. Free trial on Treehouse: Do you want to learn more about responsive web design? Try a free trial on Treehouse. Over the past year, responsive design has become quite the hot topic in the web design community. If all the buzz has you feeling like Rip Van Winkle waking up in the 21st century, this summary will help you catch up with the times.
What is responsive design? It’s hard to talk about responsive design without mentioning its creator, Ethan Marcotte. Fluid Grids. Les fondamentaux du Responsive Web Design. I. Introduction▲ Prenons deux exemples simples. Le premier pourrait être ces vitres qui s'opacifient en fonction de la luminosité extérieure. Ou encore ces murs-miroirs où plus nous nous approchons, plus ils nous semblent se déformer. Bref, ce que cherchent les architectes dans ce mouvement, c'est de dépasser/s'abstraire des contraintes inhérentes liées aux différents supports. Dans le monde de l'architecture, nous pouvons affirmer que ces supports sont vraiment multiples et nombreux. Le « Responsive Web Design » est né, car nous sommes de plus en plus confrontés aux mêmes problèmes que les architectes : s'adapter aux supports.
Voyez plutôt : autrefois, nous n'avions qu'un ou deux navigateurs et les tailles d'écrans variaient peu. Et tout cela, c'est ce que nous avons maintenant. II. Pour faire une application Web qui soit Responsive Web Design, nous devons établir les trois points suivants : Il est heureusement possible de s'adapter pour y parvenir.
III. Cible / contexte = résultat IV. V. Designing for Touch Screen | What Creative Design Agency. Now, this post was supposed to go out about two weeks ago, and since then it seems that every designer under the sun has written on the same subject – That’ll teach us for being lazy. Nonetheless, we decided to publish it anyway, just in case anyone missed any of the other great posts out there… By now you should all have heard of the iPad, and if not then you must have been living under a rock for the last few months! Touch screen devices are here to stay and you need to start thinking about how to design and develop to get the most out of them. Apple would like you to believe that the iPad is the only touch screen device that anyone should own (and to be honest it probably is the best), but there are already some strong competitors, and many more coming to the market this year. 1.
CSS hover states (such as a:hover) are not supported. However, this can cause a few problems, especially concerning drop-down menus – which is quite a major issue for many websites. 2. 1024 x 768 3. 4. 6. La transparence de couleur avec RGBa en CSS3. Le module de couleurs de CSS3 introduit la notion de transparence dans les valeurs associées à une couleur, l'écriture RGBa. Cette composante de la couleur permet de jouer sur les effets d'opacité entre les différentes couches d'éléments HTML. Contrairement à ce que l'on peut croire, le principe de la transparence RGBa est radicalement différent de la propriété opacity (également CSS3 mais assez ancienne déjà) : cette dernière est une propriété qui s'applique à l'élément dans son intégralité (ainsi qu'à tous ses descendants) tandis que RGBa est une valeur qui s'applique à une propriété de l'élément sélectionné uniquement.
De ce fait, RGBa est susceptible de s'appliquer à toutes les propriétés dont la valeur peut être une couleur : background-color, color, border-color, box-shadow, text-shadow, etc. Voici une illustration du principe de transparence de la couche Alpha (RGBa) (Voir le résultat (RGBa) sur votre navigateur) : Principe de la notation RGBa <div><h1>Joli titre</h1></div> HTML - L'URL mailto: L'URL mailto: permet de générer un nouveau mail sans que l'utilisateur n'ait à saisir l'adresse du destinataire. Tous les sites web utilisent ce type de lien : Pour m'écrire : san@antonio.net Le code : <A HREF="mailto:san@antonio.net">san@antonio.net</A> On peut aussi ajouter quelques champs à ce mail : adresses en copie, adresses en copie cachée, sujet du mail et même le contenu du mail ! Pour m'écrire : san@antonio.net Cela a été possible grâce à la syntaxe suivante (à saisir sur une seule ligne) : mailto:san@antonio.net ?
Notez bien la présence du caractère ? TinyPNG – Compress PNG images while preserving transparency. Tryit Editor v1.8. ZeNyr. 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. C’est pourtant une question principale à se poser dans tout le cycle de vie du site car votre positionnement dans les résultats de recherche sera une grande source de trafic. 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.
. - J’ai supprimé tous les liens cassés. Grille tarifaire 2009, 2010, 2011 et 2012 pour les graphistes, infographistes et webdesigners freelance recherchant un ordre de prix pour un site web, flyer, brochure, catalogue, logo, carte de visite, affiche ou autre prestation graphique. Guide complet pour optimiser votre référencement sous WordPress - SEO. Tutoriels et astuces wordpress - Bantoozone. Bible du webdesigner | Le blog des créatifs. Trouver les mélanges de couleurs les plus harmonieux pour réaliser une plaquette avec le logo vert qu’on vous a fourni, vous semble impossible?
Alors lisez cet article. Les palettes de couleurs en ligne : Pour moi, le top est Colrd, une sorte de Pinterest de la couleur à voir absolument, parce qu’il est vraiment bien fichu, esthétique, communautaire aussi avec plusieurs fonctions : visualiser des mélanges de couleurs, des dégradés et des patterns et poster des photos dont on extrait les couleurs. Pourpre.com, le plus intellectuel (ou informatif) du genre et surtout en français, là, on vous explique tout sur la couleur, on vous propose des articles thématiques sur la couleur, des outils en lignes (palette, outil de dégradé, mélangeur de couleurs), le site d’où on ressort vraiment plus intelligent. Et surtout une idée hyper créative et poétique, le dictionnaire des couleurs, un outil participatif pour inventer une couleur et sa définition. Magique! Associer les couleurs agréablement : Webdesign et logiciels libres. 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. The first thing we need to do is create a new folder in our themes directory to hold the child theme. 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. 2. The style sheet must start with the following lines: 3. 4. 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. 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. Installer un espace membres sur son blog Wordpress en 5 mn chrono. INTERNET-SITES POUR WEBMASTERS 3. Xyoos- choisir une formation informatique. Labs - Multicolr Search Lab. 21 outils et générateurs CSS pour développeurs web.
Réaliser son cahier des charges pour le web. WordPress.tv | Engage Yourself with WordPress.tv. 10 Common WordPress Theme Issues & How To Fix Them. Installer un espace membres sur son blog Wordpress en 5 mn chrono. Laboîte à outils du formateur 2.0. The top 25 responsive web design tools | Web design. Les 10 commandements du web adaptatif. Custom Sidebars Joins WPMU DEV's FREE Plugin Collection. Thèmes (apparence) Dossier WordPress – Conseils de sécurité pour bien débuter et entretenir son site. - WordPress. 8 étapes cruciales à implanter après l’installation de WordPress.
Créer et héberger son blog avec WordPress : Introduction. Tutoriel WordPress : 65 tutoriels WordPress gratuits. Tutoriel WordPress. Créer un fichier de traduction .po sous WordPress. Comment simplifier l'interface de WordPress. Pensez à empêcher la réinitialisation de votre Wordpress. 16 tutoriels vidéo pour installer proprement vos réseaux sociaux sur WordPress. 7 tutoriels vidéo pour personnaliser un blog WordPress. Comment référencer votre site Wordpress en 1ère page de Google. WordPress, convertir un article en page et réciproquement, Vice Versa.
Installer wordpress en local Tutoriel vidéo débutant. Installer Easyphp sur Dropbox. Instant Wordpress vous permet de développer en local (et portable) Comment personnaliser un menu WordPress. 3 outils pour sauvegarder son blog Wordpress. Créer un blog gratuitement sur WordPress. Comment exclure certaines pages de l’en-tête de votre thème [Wordpress] Exclure une page de votre blog WordPress. Comment mettre plusieurs pages dans un article WordPress. Advanced Page Manager. Gérer plus Facilement vos Pages WordPress. Créer un formulaire d’inscription simple pour Wordpress sans plugins. Plugins WordPress les Gratuits & Essentiels à installer. Les choses à faire après l'installation de WordPress ! Sauvegarder Wordpress avec le plugin BackWPup - Airdecker.
4 meilleures solutions pour renforcer la sécurité Wordpress | 10 erreurs fréquentes sur WordPress et leurs solutions. Tutoriel wordpress pour les amateurs | Guide pour créer son site ou son blog wordpress. Migrer son site Wordpress sous un nouveau nom de domaine. Sécuriser Wordpress - Les mises à jour - Korben. Express Curate. La curation avec WordPress. Créer un blog avec Wordpress - Hébergement, NDD, et installation. Tutoriels WordPress. Installer un espace membres sur son blog Wordpress en 5 mn chrono.