Créer un guide de style. Les guides de style sont utilisés par les grandes entreprises pour assurer la cohérence de leur site et gagner en efficacité, mais tout designer exigeant peut s'inspirer de cette démarche. Par Susan Robertson Il y a quelques années je travaillais sur une application complexe. C'était un projet qui avait déjà une longue histoire : de nombreux designers et intégrateurs étaient passés par là, chacun ajoutant une nouvelle portion à un projet qui grandissait. Lorsque je suis arrivée, le CSS était immense, les styles variés, et il m'a fallu beaucoup d'efforts pour comprendre ce qu'on pouvait réutiliser. C'est à cette époque que j'ai découvert les guides de style (1) - une façon de contrôler le balisage et le CSS afin d'éviter qu'ils ne deviennent ingérables ou qu'ils n'enflent démesurément. Qu'est-ce qu'un guide de style ?
Pour moi, un guide de style est un document vivant de code, qui détaille tous les éléments et les modules codés de votre site. Pourquoi utiliser un guide de style ? Phewww... » Générateur de mentions légales gratuit. Votre blog WordPress, la Loi et les Cookies. Non je ne vais pas parler gâteaux. Simplement informer sur une loi sur la protection de vos données personnelles qui offre la possibilité à tout internaute d’accepter d’être suivi, traqué … ou pas !
Et surtout pour vous, détenteur de blog WordPress, comment informer vos lecteurs de la présence de cookies? Loi + cookies = une nouvelle recette ! Nous ne sommes pas là pour faire du juridique, mais je vais malgré tout rappeler ceci : Les cookies sont partout ! Pour ceux qui ne le savent pas encore, les cookies sont des petits fichiers, qui sont déposés sur le disque dur de votre ordinateur par les sites que vous visitez. Ils vous suivent, vous traquent pour connaître vos habitudes, pour vous proposer un meilleur choix dans vos actions, autrement dit vous espionnez : vaste débat ! Les cookies se déposent sur un ordinateur fixe ou portable, mais également sur les tablettes, les smartphones, même les consoles de jeux vidéo reliées à internet… Votre blog WordPress est-il concerné ? La CNIL nous dit :
Gravity Forms : le Tutoriel du Roi des formulaires WordPress. Les taxonomies et leurs termes : Le tutoriel ultime. Que celui qui ne s’est jamais pris la tête avec les histoires de catégories, de tags, de taxonomies me jette le premier smartphone… Ok, personne. J’ai voulu vous faire ici une rétrospective la plus fidèle possible de l’utilisation de ces taxonomies, de A à Z, je compte sur vous pour me corriger, je me donne le droit à l’erreur. Genèse D’abord, définissons ce qu’est une taxonomie, ou taxinomie selon votre vocabulaire, car pour l’histoire, le mot « taxonomie » est du vieux français (1813) qui nous a été gentiment piqué en anglais pour donner « taxonomy » (1828), puis comme des amnésiques, nous les français l’avons repris en « taxinomie » afin de ne pas trop l’angliciser. Blasphème, c’est notre mot quoi ! Bref … Une taxonomie (oui je dis taxonomie moi, je suis vieux) un de ces mots que la plupart des gens n’ont jamais entendu en dehors de WordPress et qui est malheureusement souvent associé à tort en tant que synonyme du mot catégorie.
Ça va, vous suivez ? Toujours là ? Exode Lévitique Nombres <? Manipuler l'auto embed des vidéos dans WordPress - b*web. WordPress utilise oEmbed pour afficher automatiquement des contenus via leur player grâce à une simple URL. Voici la liste des services compatibles Si vous ne souhaitez pas que les players vidéo et audio soient automatiquement affichés lorsque vous coller un lien dans votre page WordPress, vous pouvez les désactiver en enlevant un filtre. Il est également possible de définir sur quels éléments activer cet embed automatique pour pousser un peu plus loin la personnalisation de votre thème ou encore pour personnaliser le player youtube. Nous allons voir dans ce petit tutoriel comment manipuler assez simplement cet outil très pratique.
Gérer auto-embed dans WordPress Comme vous le savez surement déjà, le contenu est d’un post dans WordPress est appelé via l’action the_content(). Remove_filter( 'the_content', array( $GLOBALS['wp_embed'], 'autoembed' ), 8 ); add_filter( 'media_embed', array( $GLOBALS['wp_embed'], 'autoembed' ), 8 ); Gérer auto-embed dans Buddypress Ajouter des filtres à l’auto-embed. Blog › Guidelines pour produire des PSD adaptés au web. Je préparais dernièrement un document pour un boulot afin de montrer à des boîtes de créa print comment faire des PSD propres pour le web.
Le but inavouable de la démarche était d’éviter de se retrouver avec des charniers inexploitables en intégration, chose qui arrive encore un peu trop souvent. Pas de règles de ninja ou de gimmicks avant-gardistes ici, juste des bonnes bases saines pour faire un boulot clean. J’ai omis sciemment les nouveautés CSS3 et autres gadgets pour me focaliser sur l’essentiel. Après avoir soumis ma petite liste sur Twitter et à quelques copains, j’ai constaté que beaucoup avaient leur mot à dire sur la question et il m’a paru intéressant de publier la chose pour avoir des retours plus complets. Dernière modification : le 12 juin 2014. Préparer le fichier Quelques règles de base et rappels simples pour préparer un document web-safe : Travailler en RVB et profil sRVB (pas de CMJN !).
Adapter la créa aux contraintes web Et voilà. Pourquoi nous ne livrons pas de maquettes au moment du devis. Vous avez sélectionné avec soin plusieurs agences susceptibles de réaliser votre prochain site internet. Vous envoyez donc à chacune d’elles votre cahier des charges, en leur demandant une proposition commerciale, un devis et… les premières maquettes du site. C’est une demande raisonnable, non ? Ainsi, vous pourrez comparer entre elles les différentes agences et visualiser l’apparence qu’aura votre prochain site. Pour notre part, nous ne vous livrerons pas de maquettes au moment du devis. Pour nous, livrer des maquettes à cette étape de votre projet serait une imposture.
Les maquettes ne sont pas un “plan” de votre futur site Elles sont le résultat d’un long process. Avant de pouvoir vous présenter des maquettes, une agence web doit passer par plusieurs étapes. Comprendre le contexte du projet : pourquoi souhaitez-vous un nouveau site ? Absorber l’identité de votre marque : charte graphique, image de l’entreprise, stratégie de communication… Analyser la concurrence et le secteur. Allons ! Use SQL Query In phpMyAdmin To Change Custom Post Types in WordPress. This tutorial shows you how to run a sql query on a specific database in phpMyAdmin.
This SQL Query changes the name of a custom post type from portfolio to photos which i tested in phpMyAdmin. Once you login to phpMyAdmin: Select the database from the left hand sidebar you want to run the query in.Click SQL from the top menuCopy the following line of code from the view raw link in the Gist and paste it into the RUN query box.Make sure you change the names for each post type type to your own. Note: Please take a full database export (backup) before running any SQL Queries. And here’s an example of using the above query to change the name of CPT’s from portfolio to photos. ( Click Image To Enlarge ).
Change Custom Post Type Name You’ll also need to change the name of your custom post type in the PHP code in your functions.php file from the old CPT name to the new one. 1 Minute Video Related Tutorials 3 Ways To Change & Convert Different Post Types In WordPress. Désactiver les commentaires sur les pages / articles de WordPress par défaut. De façon temporaire ou définitive, il existe de nombreuses raisons de vouloir fermer les commentaires sur l’ensemble d’un site WordPress. Ce tutoriel vous apprendra comment les désactiver pour un ou plusieurs types de contenu et ce, sans recours à un plugin. Dans un mu-plugins ou le fichier functions.php de votre thème, collez les lignes suivantes : add_filter('comments_open', 'wpc_comments_closed', 10, 2); function wpc_comments_closed( $open, $post_id ) {$post = get_post( $post_id );if ('post' == $post->post_type)$open = false;return $open;} A la ligne 5, spécifiez le type de contenu pour lequel vous souhaitez désactiver les commentaires : post pour les articles, page pour les pages classiques ou un custom post type.
Sauvegardez le tout puis vérifiez que les commentaires sont désormais clos. Si vous préférez les désactiver sur l’ensemble de votre site, alors supprimez la ligne avec la condition signalée par le if. 5 avril 2012 Dans "Administration du back-office WordPress" 9 décembre 2014. Combien coûte un site WordPress ? Chiffrez-le en ligne ! Opter pour WordPress, c’est l’assurance d’avoir un site performant, réactif et dynamique. Toutefois la question du coût d’un site WordPress professionnel revient très régulièrement. Cette question est tout à fait légitime puisque vous souhaitez réaliser des investissements intelligents pour votre travail, il est donc primordial de réfléchir à tous les points de votre projet afin de ne pas commettre d’erreur… Cet article va essayer de vous éclairer sur les différentes options.
Pour les plus impatients, rendez-vous directement sur le simulateur de tarifs WordPress créé spécialement à l’occasion de ce billet. Faire appel à un Professionnel WordPress Si vous ne souhaitez pas créer votre site WordPress tout seul, que vous vous sentez perdus ou que vous manquez de temps, vous pouvez solliciter l’expertise d’un professionnel.
Création d’un site WordPress par une Agence Création d’un site WordPress par un Indépendant Un freelance sera logiquement moins cher qu’une agence. Le Thème Premium. KobOne communauté de créatifs freelances & salariés. Créer des infographies. 25 Web development resources to help you create better websites. As a developer I am always on the hunt for time saving resources, anything that can save me just a few minutes of time is a great help in an already hectic schedule. Compiled here is a list of 25 resources that are bound to make your life a little bit easier. I have added different CSS3 grid systems, as well as several code generators, whether you need a button or a pattern there should be something here for everyone, I have also added some font generators, if you are having problems with your code then you will find a code checker as well as other resources.
I hope some of these apps will be of use to you when you are building your next website. If you think we have forgotten any feel free to leave a comment below. #1. The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. . #2. Initializr is here to kick-start the development of your new projects. . #3. This new CSS3 Framework buttons is perfect for your websites, blogs and web projects. . #4. . #5. . #6. Girlz In Web » Magazine. Master Class de Virginie Clève le 14 janvier 2015, sur « ASO : les éléments clés pour émerger sur l’app store. » L’ASO par Virginie Clève Émerger sur les stores d’applications est souvent un sacerdoce et les places y sont chères, surtout lorsque votre budget marketing est limité ou inexistant. Quels sont tous les points importants pour optimiser la page d’une application sur l’app store ? Pour devenir incollable, rejoignez nous le 14 janvier 2015 à partir […] Vous êtes nuls en entretien d’embauche technique Vous êtes nuls, oui, vous.
Le Design Thinking appliqué à l’innovation numérique (part. Cet article fait suite à la première partie de la synthèse L’idéation Cette deuxième phase correspond au processus de génération, de développement et de mise à l’épreuve des idées. Soirée Open Space Agile Lundi dernier j’ai participé à un Open Space Agile. Le Design Thinking appliqué à l’innovation numérique (part. . « Design is not just what it looks and feels like. Qui est Laetitia Luthringer ? 20 tutoriels pour créer un menu original avec HTML 5 et CSS 3 - ressources.
Réseaux sociaux. Mockup. Changer le lien cible par défaut d'une image sur Wordpress | Le Blog' by Clément Combes. Lorsque vous uploadez un fichier image sur un article, vous remarquerez que l’image insérée est cliquable et renvoie vers l’url de celle-ci ou du post. Pas forcément utile, et assez déroutant pour les plus néophytes de vos lecteurs… J’ai pu voir que je n’étais pas le seul dans ce cas, et j’ai donc cherché une solution.
Heureusement, on peut modifier cette option au sein de WordPress, afin de régler celle-ci selon nos besoins. Cette option permet de spécifier ce que WordPress va insérer par défaut dans la case « cible du lien » au moment de l’upload d’une image/photo. Pour accéder à cette option, il faut se connecter à son interface d’administration via (votresite.com étant à remplacer par l’url de votre site/blog wordpress) Une fois connecté, il faut se rendre dans les options cachées de WordPress, en tapant l’url suivante: Or, d’autres options sont disponibles :
Fabrice Ducarme: Les Constructeurs de Page pour WordPress. Published February 27, 2015 La tendance est de plus en plus marquée pour 2015, les utilisateurs veulent du simple, du rapide et du facile, tout en obtenant de très bons résultats sur le rendu visuel de leur WordPress. Les constructeurs de page sont en plein essor, avec les meilleurs on peut très rapidement créer des pages aux mises en formes complexes (colonnes, onglets tabulaires, filtres, etc), et ce, sans aucune connaissance particulière! Oui mais… que valent-ils ? Quels sont les meilleurs constructeurs du moment ? Autant de questions auxquelles nous allons essayer de répondre lors de cette conférence.
Event WordCamp Paris 2015 33 Speakers Fabrice Ducarme 1 Tags page builders 1 Language French/Français 97 Download Subtitles Subtitle this video → Improving and Refining Your WordPress Theme Development Process. Advertisement There is so much to learn about WordPress theme development. The Internet is home to hundreds of articles about building WordPress themes, to countless theme frameworks that will help you get started, and to endless WordPress themes, some of which are beautiful and professional but not a few of which are (to be honest) a bit crappy.
Rather than write another article on building a WordPress theme (which would be silly, really, since any theme I build would fall into the “crappy” category), I’ve asked some of the top theme designers and developers to share some tips and techniques to help you improve and refine your theme development and design process. Before we get into that, Mark Forrester, cofounder of WooThemes2, has shared some insight into his firm’s development process. A Peek Into Woo Whether you work in a large theme shop or are a lone designer, you can learn plenty from another designer or developer’s workflow. 10Larger view11. That’s a lot of process right there. Teknseo - TeknSeo. WordPress. L’agenda des conférences web sur Google Calendar - Ergophile : Ergonomie web. Comme chaque fin d’année, le temps de la remise en question arrive ! Prendre du recul sur son organisation afin d’optimiser son temps pour combiner plaisirs, veilles et responsabilités professionnelles n’est jamais chose facile. L’année 2014 a été très dense pour ma part et je constate plusieurs points à améliorer dont un précisément : Assister à plus d’évènements pour améliorer mes connaissances et rencontrer d’autres professionnels.
Pour pallier cela, il faut anticiper les futures conférences. Comme Google est un ami, il me dirige directement sur l’article de Raphael Goetter présent sur Alsacreations.com : Conférences web Francophones 2015 ». Suite à cette bonne initiative, je me suis permise de réaliser un agenda sur cette thématique que vous pouvez intégrer à votre Google Calendar comme moi :) Ajouter « Conférences Web Francophone » à Google Calendar » Certaines conférences sont absentes car les dates ne sont pas indiquées.
Sites web info.
Git. WordPress et les Réseaux Sociaux. Guide 2015 de la taille des images sur les réseaux sociaux. [ WebDesigner ] Les ressources Indispensables. Veille WP. Tutoriel Vidéo Divers Trello. Tutos illustrator. Creative games for creative designers. Tuto css. 10 sites de tutoriels gratuits à connaître en DUT MMI - Blog du MMI. Tutorial gratuit : Tutorial Photoshop, Tutorial Illustrator, Tutorial Flash, Tutorial Indesign. Tuto photoshop. Agences web. Recherche. Freelance : quelques conseils pour gérer un projet - Le Blog, et blabla | Creative Juiz. Mapbox | Design and publish beautiful maps.
Wordpress. Fr:Deplacer WordPress. Gratuit : Versionner un projet WordPress avec GIT avec GIT sur Tuto.com. Snippets. Themes. Trucs et astuces. Plugins. SEO referencement. Qu'est-ce que le CRON de WordPress ? Custom post type. WordPress Serialized PHP Search Replace Tool | Interconnect IT - WordPress Consultants, Web Development and Web Design.
Workflow. Méfiez-vous de WordPress et de ses utilisateurs. Multisite WP. Générateurs css. Can I use... Support tables for HTML5, CSS3, etc. Outils web. CSS.