background preloader

Thème ENFANT WordPress, comment le créer tout simplement !

Les thèmes WordPress sont par nature déjà “customisables”, leur installation simple, les possibilités offertes sont nombreuses mais il y a toujours de petites choses que nous voulons changer. Une couleur ici, une taille de police là-bas, peut-être utiliser un autre appel à l’action, bref nous voulons modifier le CSS de notre thème WordPress et bien plus encore… Le seul hic, c’est que la modification, même infime, d’un thème vous empêche de faire sa mise à jour vers une nouvelle version à l’avenir, parce que si vous mettez à jour, alors vous perdez toutes vos modifications :/ Un thème enfant pour quoi faire ? Les thèmes enfants résolvent ce problème en vous permettant d’utiliser toutes les fonctionnalités de votre thème tout en vous laissant mettre à jour ce dernier, sans peur de perdre vos modifications. Notons également que nous pouvons aussi utiliser, dans certains cas, les mu-plugins ;) Un thème enfant, c’est quoi ? Un thème enfant est un thème basé sur votre thème parent. <? Related:  WordpressTutos WPWordPress

Installer Google Analytics sur un site Wordpress - Tuto complet Google Analytics est indispensable lorsque vous lancez votre site web. Il s’agit de l’outil de reporting de référence, notamment parce que c’est l’un des plus performants mais aussi le plus simple à utiliser (désolé pour les fans de Piwik, mais Google Analytics est vraiment le plus simple au départ…). En plus, Google Analytics est entièrement gratuit. Vous n’avez donc aucunes excuses. Une fois installé, GA vous permettra de savoir dans le détail qui visite votre site web et ce que font les internautes qui visitent votre site (pages vues, temps passé sur les pages, taux de rebond, provenance du trafic, etc.). Etape 1 – Créez votre compte Google Analytics Pour installer Google Analytics sur votre site WordPress, vous devez suivre deux grandes étapes. Cliquez sur le premier lien. A partir de là, deux cas de figure se présentent : Soit vous avez déjà un compte Google : vous n’avez qu’à renseigner votre adresse Gmail et votre mot de passe. Vous cherchez à générer plus de trafic ?

Ajouter un carrousel d'articles pour WordPress avec Twitter Bootstrap Oui je sais, les carrousels c’est le mal. Mais je sais aussi que vous savez ce que vous faites, et que si vous êtes arrivés ici, c’est que vous voulez en ajouter un sur votre site WordPress. Alors c’est parti. Le principe Le carrousel (aussi appelé slider) que je vous propose ici n’est pas un carrousel d’images, mais un carrousel d’articles, c’est-à-dire qu’il fait défiler les articles de votre site WordPress (ou les pages, ou tout autre type de post selon les paramètres fournis) en affichant leur image à la une. Comme d’habitude, vous n’aurez pas besoin d’extension supplémentaire. Préparatifs Les modifications peuvent être faites dans un thème enfant ou une extension. Nous utilisons la fonctionnalité carrousel de Twitter Bootstrap dont les fichiers CSS et JavaScript doivent être inclus, comme d’habitude maintenant. function enqueueStyles() {wp_enqueue_style("bootstrap", get_stylesheet_directory_uri() . La fonction pour ajouter un carrousel Elle peut être décomposée en deux parties. Le code

La Bible de Twenty Seventeen Avec Twenty Seventeen, WordPress nous a offert son thème le plus universel : blog, magazine, site d'entreprise… et mobile first pour ne rien gâcher. Du potentiel, mais peu personnalisable par défaut. Rédhibitoire ? Non, vous allez vite vous en rendre compte. Cet article prend 22 minutes à lire et comporte 5256 mots. Attention ! En préambule Twenty Seventeen a été le thème par défaut, pour WordPress 4.7 à 4.9, en 2017 et en 2018. Lorsque j’ai rédigé mon premier article sur ce thème (Habillez votre site avec Twenty Seventeen et les exten­sions Bold Themes), puis le second (Personnaliser Twenty Seventeen – astuces, bouts de code et exten­sions), je n’au­rais jamais pensé avoir autant de lecteurs et de commen­taires. Et je n’au­rais jamais pensé que même après l’ar­ri­vée de WordPress 5 et d’un nouveau thème par défaut (Twenty Nineteen), cet article serait toujours dans le trio de tête de ce blog. Et nous revoilà à parler de… Twenty Seventeen, le thème par défaut de WordPress 4.7 à 4.9 if ( ! <?

Comment ajouter un lien ancre dans un menu sur WordPress (Tutoriel) Les ancres peuvent aider à la navigation pour des sites denses, ou permettre sur une page d’accueil de guider l’utilisateur vers une section spécifique d’une même page. Retour ici sur la manière de créer une encre pour deux thèmes : Organic food et Archi. Comment ajouter une ancre sur son site WordPress ? Quand je parle d’ancre ici c’est bien de cette définition dont je parle : “un lien hypertexte sur une page qui re-ridige l’utilisateur sur un endroit précis de cette même page”. Et non de l’ancre que l’on place sur un lien pour le référencement naturel ; qui serait par exemple, comment faire pour placer une ancre sur un site WordPress”: l’ancre du lien étant “placer une ancre sur un site WordPress”. Les mêmes étapes pour construire son ancre quelque soit le thème choisi. Le même mécanisme s’applique, quelque soit le thème utilisé. Cas numéro 1. étape 2: localisation du mot clé : row id étape 5 : aller sur le bouton “en savoir plus” et lui intégrer le lien de l’ancre Cas numéro 2.

How to Code Your Own Custom WordPress Widget Have you ever wanted to create a custom widget for your WordPress website? While WordPress does include a built-in text widget, which you can use to display HTML along with embedded CSS and JavaScript, if you want to do anything more than that the text widget just won’t cut it. What if you want to grab a bit of content from your website database and display it in a widget? The solution is to code up a custom sidebar widget. While that may sound like a daunting task, as long as you have basic PHP skills it is within your reach. So follow along with this tutorial and you’ll learn how to create two different widgets: A simple widget that displays the widget title, site title, and site tagline.A slightly more complex widget that displays a list of all categories sorted alphabetically and split into two columns. Ready to learn the basics of custom WordPress widget creation? WordPress Widget Building Basics You’ll need three things in place in order to follow along with this tutorial:

Hébergement WordPress : Le guide du débutant Publié par Alex le 16 mars 2015 • 194 Commentaires Sur la Marmite, on parle beaucoup de WordPress, ses plugins et ses thèmes mais il y a un sujet incontournable qui n’a pas encore été couvert : il s’agit de l’hébergement. En effet, si vous désirez installer des plugins et le thème de votre choix, vous devez souscrire à un abonnement chez un hébergeur puis y installer WordPress et paramétrer votre site. Quand on commence à faire ses recherches, on se rend compte qu’il existe une profusion d’hébergeurs et surtout une multitudes d’offres. Le pire dans tout cela est que l’on trouve des dizaines de retours contradictoires sur tel ou tel hébergeur… C’est un peu comme pour les fournisseurs d’accès à internet et les opérateurs téléphoniques. Avec cet article, je vais essayer de défricher le terrain pour vous aider à choisir l’offre d’hébergement correspondant à vos besoins. C’est moins sûr Imaginons que vous désirez lire un blog, prenons en un au hasard : WP Marmite À présent, attardons-nous sur…

Mettre une ancre dans un menu WordPress | Facem Web Vous disposez d’un site WordPress avec un thème et vous préférez utiliser votre menu pour présenter des sections de l’unique page de votre site (One Page). Une seule et unique landing page donc… D’un point de vue SEO, c’est très discutable (et ce n’est pas le sujet) mais d’un point de vue expérience sur mobile, on peut dire évidemment que c’est intéressant dans la création de site internet, surtout que vous pourriez placer une quantité importante de contenu pour compenser la faiblesse générée par le One Page. Voyons ici comment procéder, c’est relativement simple. Petit rappel sur les ancres de WordPress Traditionnellement, les ancres de WordPress ont un intérêt pour permettre de la fluidité et une meilleure expérience dans la lecture d’articles de blog. L’idée est de pouvoir proposer un petit menu introductif renvoyant sur des sections de la page. Identifier les sections à ancrer en songeant au référencement !? On dit souvent que ce qui suit le « # » est ignoré des moteurs de recherche.

The Power Users Guide to WordPress Navigation Menus The humble navigation menu. It’s an important part of your WordPress site that lets your visitors find their way around and helps to structure your content. Every theme will have a slot for it somewhere at the top of each page. But are navigation menus just for your site header? The truth is that they can do much more. In this post, I’m going to show you some of the options you have at your disposal for using navigation menus in a more powerful way. I’ll also show you two ways to add those extra menus to your site’s front end – one using a widget and the other using code. So let’s start by creating some menus. Creating Multiple Navigation Menus My site has a main navigation menu which I’ve already created. For this menu I’ve checked the Primary Menu option which means my theme (Twenty Sixteen) will display the menu in the primary slot: But I’m not limited to this menu. This is where you add your new menu. Once your menu is ready with the pages you need, click Save Menu to save it.

Guide de démarrage pour débutants Vous envisagez de créer votre premier site, vous êtes nouveau sur WordPress et vous ne savez par où commencer ? Quel hébergeur choisir ? Faut-il obligatoirement acheter son thème ? Des termes techniques tels que FTP, plugins ou encore localhost vous effraient ? Pas de panique, nous sommes tous passés par là et vous êtes au bon endroit ! Télécharger le guide en version PDF (mis à jour le 22 octobre 2017) Télécharger l’infographie Avant d’installer WordPress WordPress.com ou WordPress.org ? Rappelons tout d’abord qu’il ne faut pas confondre la plateforme de gestion d’un site hébergé par WordPress.com avec l’installation libre de WordPress par vos soins chez l’hébergeur de votre choix. Comment faire son choix entre WordPress.com et WordPress.org WordPress.com / WordPress.org, quelle différence? Et si je veux changer ? Vous êtes actuellement auto-hébergé chez WordPress.com mais vous aimeriez transférer votre site chez un autre hébergeur pour profiter pleinement de WordPress ? Le FTP, c’est quoi ?

Créer un site one page “propre” avec WordPress – Colir Attribution de templates Avec 2 , 3 astuces, nous pouvons facilement assigner des templates différents pour chaque type de page. L’idée est de créer dynamiquement une URL de template au regard des différents attributs récupérés sur les items du menu. Dans mon exemple, je souhaite avoir un affichage particulier pour ma page “réalisation” afin d’afficher mes customs post_types “realisations”.On créé donc 2 templates différents : home-page.php pour toutes les pages.home-realisations.php pour l’entrée réalisations. Puis on assigne chaque template au contenu voulu en créant une variable pour constituer l’URL du template désiré : La variable : $templatePart = ($menu_item->title == 'Réalisations') ? URL ainsi créée : include(locate_template('home-'. A titre d’exemple, voila le contenu de mes 2 templates ( à adapter bien évidemment): home-pages.php home-realisations.php <? <div class="realisation-card"> <a href="<? 4. C’est le point charnière de cette méthode. $output .= $indent . $attributes = ! <? 5.

Charger proprement Javascript dans Wordpress | Thibaut Soufflet - webdesigner [Total : 10 Moyenne : 3/5] Cet article vous sera d’une grande aide pour comprendre comment WordPress interprète les scripts JavaScript et enfin les faire fonctionner correctement. Dans quel cas êtes vous ? Cas n°1 : Vous souhaitez ajouter des scripts JavaScript à votre site WordPress. Cas n°2 : Après intégration de votre site sous WordPress, JavaScript ne semble plus se charger. Vous avez créé votre site en HTML/CSS et vous avez lié tout les scripts JavaScript dans votre page et tout fonctionnait bien avant l’intégration dans WordpPess. WordPress intègre déjà une bibliothèque jQuery Sachez d’abord que WordPress intègre d’origine une version de jQuery. L’erreur à éviter : charger la librairie jQuery et les scripts JavaScript dans le template de page Exemple (à ne pas suivre) : ….le contenu de votre page…. Dans cet exemple on demande le chargement de la bibliothèque jQuery en ligne version 1.8.2, puis l’exécution de nos 2 scripts « bootstrap.js » et « jquery.mobile.customized.min.js ».

Forum d'entraide Pour démarrer Nous mettons à votre disposition un guide de démarrage afin de vous aider à installer WordPress pour votre site, à le configurer et à le sauvegarder. Si vous avez déjà utilisé un autre Système de Gestion de Contenu – Content Management System en anglais, et / ou si vous avez des bases en HTML / CSS / PHP, consultez la documentation officielle et complète qui vous livrera les clés pour une maitrise parfaite de WordPress. Consultez également les actualités du Planet WordPress Francophone : vous y trouverez des articles pour vous aider à progresser et plein d’astuces pour améliorer votre site ! Que vous soyez débutant ou utilisateur plus avancé, en cas de problème technique, n’hésitez pas à créer un compte pour demander de l’aide sur notre forum. Quelques chiffres Utilisateurs enregistrés Forums Sujets Réponses Ressources externes Vous recherchez une méthode de support alternative ? Réseaux sociaux

Les Meilleurs Plugins WordPress Voici une liste de nos extensions favorites que vous pourrez ajouter vous-mêmes lorsque vous aurez créé un blog Wordpress. Nous avons pris soins de mentionner le niveau de difficulté pour l'installation et la mise en place de chacune d'entre elles. Nous tenterons de vous produire un tutoriel pour celles-ci dans les semaines à venir. WordPress SEO par Yoast Peu importe le thèmes Wordpress que vous utiliserez, l'extension Wordpress SEO créée par Yoast est un bijou et un des meilleurs plugins Wordpress qui soit pour votre site ou votre blogue. Télécharger ici » Gravity Forms Gravity Forms est probablement mon extension favorite. Télécharger ici » Nous recommandions auparavant W3 Total Cache comme extension pour améliorer la rapidité des sites WordPress, mais depuis que nous avons essayé WP Rocket, nous sommes tombé sous le charme autant côté technique que côté efficacité!. Télécharger ici » Easy Social Share Buttons Une extension premium disponible sur CodeCanyon pour 14$. Télécharger ici » Disqus

Related: