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 extensions Bold Themes), puis le second (Personnaliser Twenty Seventeen – astuces, bouts de code et extensions), je n’aurais jamais pensé avoir autant de lecteurs et de commentaires. Et je n’aurais jamais pensé que même après l’arrivé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 Profusion d’offres, multitude d’options : trouver un hébergement WordPress lorsque l’on débute, c’est un peu le parcours du combattant. Si vous avez commencé à mener des recherches, vous avez dû vous rendre compte qu’il n’est vraiment pas simple de s’y retrouver. D’ailleurs, vous avez peut-être déjà zigzagué entre les 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. Au milieu de cette jungle, une chose est sûre : si vous désirez installer des extensions 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. Pour être sûr de faire un choix éclairé, cet article va vous aider à défricher le terrain pour vous aider à choisir l’offre d’hébergement correspondant à vos besoins. Initialement rédigé en mars 2015, cet article a été mis à jour pour la dernière fois en juin 2021. C’est moins sûr, je me trompe ? O2Switch
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 ».
Créez un site avec WP 5 (pas de code) Vous souhaitez créer des sites web professionnels ? Vous n’êtes pas développeur, mais souhaitez créer des sites robustes, évolutifs et bien référencés ? WordPress est la solution ! À l'origine simple outil pour créer des blogs, c’est maintenant la solution n° 1 pour créer tous types de sites : vitrines, e-commerce, collaboratifs, magazines… C'est un outil tellement incontournable que plus de 40 % de tous les sites web du monde reposent maintenant sur WordPress. Il s'agit du moteur de sites web le plus utilisé sur la planète, tout simplement. Je m'appelle Laurent. Dans ce cours, vous découvrirez ce qu’est exactement WordPress et comment il fonctionne. Après ce cours, vous saurez créer efficacement et rapidement des sites WordPress de qualité, le tout sans écrire une ligne de code.
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