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 ( ! <?
Consultation de l’API avec JS : fetch, await, async — Fast PHP 2023 Il nous reste à consulter cette API en JS. Nous pouvons utiliser jQuery, des composants Web ou plus directement : fetchawaitasync : Interrogation de l’API auteurs Voici quelques méthodes JS pour dialoguer avec cette API. Interrogation de l’API livres Il vous reste à compléter les méthodes POST et PUT pour ces 2 entités et à intégrer ce code dans un joli composant Front. 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
Comment héberger votre propre site web localement ? 5 avantages et inconvénients Imaginons un monde où héberger vous-même votre site Web est aussi simple et fiable que la navigation sur le Web. Vous pouvez héberger le site de votre entreprise, votre portfolio personnel, votre serveur de messagerie et même des applications de messagerie, tout en parcourant le flux d’Amazon ou en lisant les dernières informations de Hacker News dans le confort de votre canapé. Le Web serait certainement un lieu plus démocratique, tant du point de vue de la diffusion de l’information que de celui de la navigation de l’information. Bien que la vision initiale pour le World Wide Web inclue certains éléments de cet idéalisme (par exemple, l’affichage direct du contenu du système de fichiers à l’aide de liens hypertextes), la réalité s’est avérée quelque peu différente. Dans cet article, nous allons voir comment héberger votre propre site Web sous Microsoft Windows et Linux, ainsi que certains inconvénients que cela entraîne. Étape 1 : Installez le logiciel WAMP Étape 4 : Configurer MySQL
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 ?
Changing the Default Focus Styles : kirupa.com Have questions? Discuss this HTML5 tutorial with others on the forums. Did you know that your browser will automatically add some CSS styles to elements without you ever specifying them? Let's Look at Some Examples Let's visualize the problem first. Form Elements The most common area you encounter focus visual changes is with form elements. In Safari, when I give my text field focus, notice what it looks like: As you can see, what used to be a thin blue border becomes something more pronounced. Instead of a blue outline, you see something bolder in orange instead. If I give my text field focus in Firefox or Internet Explorer, they don't do anything different. Hyperlinks You probably get the picture, but focus issues don't just affect form elements. Internet Explorer and Firefox show a link with a dotted outline: Chrome gives the links the similar orange outline that it gives form elements: Why Browsers Do This By now, you are probably wondering why browsers do this. Resetting the Focus Style
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.