book

Construire des applications Web avec WordPress, 2e édition

by Brian Messenlehner, Jason Coleman

November 2024

Beginner to intermediate

546 pages

14h 48m

French

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

À qui s'adresse ce livreÀ qui ce livre ne s'adresse pasCe que tu apprendrasÀ propos du codeConventions utilisées dans ce livreUtiliser des exemples de codeApprentissage en ligne O'ReillyComment nous contacterRemerciements
Qu'est-ce qu'un site Web ?Qu'est-ce qu'une application ?Qu'est-ce qu'une application Web ?Caractéristiques d'une application WebApplications mobilesApplications Web progressivesPourquoi utiliser WordPress ?Tu utilises déjà WordPressLa gestion du contenu est facile avec WordPressLa gestion des utilisateurs est facile et sécurisée avec WordPressPluginsLa flexibilité est importanteMises à jour fréquentes de la sécuritéCoûtRéponses à certaines critiques courantes à l'égard de WordPressQuand ne pas utiliser WordPressTu prévois d'accorder une licence ou de vendre la technologie de ton siteUne autre plateforme te permettra d'y arriver plus rapidementLa flexibilité n'est pas importante pour toiTon application doit être en temps réelWordPress comme cadre d'applicationWordPress contre les frameworks Modèle-Vue-ContrôleurAnatomie d'une application WordPressQu'est-ce que SchoolPress ?SchoolPress fonctionne sur un réseau WordPress MultisiteLe modèle d'affaires de SchoolPressNiveaux d'adhésion et rôles des utilisateursLes classes sont des groupes BuddyPressLes devoirs sont un CPTLes soumissions sont un (sous-)CPT pour les devoirsLes semestres sont une taxonomie sur la classe CPTLes départements sont une taxonomie sur la classe CPTSchoolPress a un plugin principal personnaliséSchoolPress utilise quelques autres plugins personnalisésSchoolPress utilise le thème Memberlite
Structure du répertoire WordPressRépertoire racine/wp-admin/wp-includes/wp-contentStructure de la base de données de WordPresswp_optionsFonctions trouvées dans /wp-includes/option.phpwp_usersFonctions trouvées dans /wp-includes/...wp_usermetawp_postsFonctions trouvées dans /wp-includes/post.phpwp_postmetaFonctions trouvées dans /wp-includes/post.phpwp_commentsFonctions trouvées dans /wp-includes/comment.phpwp_commentsmetaFonctions trouvées dans /wp-includes/comment.phpwp_termsFonctions trouvées dans /wp-includes/taxonomy.phpwp_termmetawp_term_taxonomy/wp-includes/taxonomy.phpwp_term_relationshipsHooks : Actions et filtresActionsFiltresEnvironnements de développement et d'hébergementTravailler localementChoisir un hébergeurEnvironnements de développement, de mise en scène et de productionExtension de WordPress
La Licence Publique Générale, Version 2, LicenceInstallation des plugins WordPressConstruire ton propre pluginStructure des fichiers d'un plugin d'application/adminpages//classes//css//js//images//includes//includes/lib//pages//services//scheduled//schoolpress.phpCompléments aux plugins existantsCas d'utilisation et exemplesLa boucle WordPressVariables globales de WordPressPlugins gratuitsColonnes administrativesChamps personnalisés avancésBadgeOSPostes 2 PostesLes membresW3 Total CacheYoast SEOPlugins PremiumFormes de gravitéBackupBuddyWP All ImportPlugins communautairesBuddyPress
Thèmes et pluginsOù placer le code lors du développement d'applicationsLors du développement de pluginsOù placer le code lors du développement des thèmesLa hiérarchie des modèlesModèles de pageModèle de pageUtilisation des crochets pour copier les modèlesQuand dois-tu utiliser un modèle de thème ?Fonctions WordPress liées au thèmeUtiliser locate_template dans tes pluginsStyle.cssVersionner les fichiers CSS de ton thèmefunctions.phpThèmes et CPTThèmes populairesThèmes WordPressThèmes non WordPressCréer un thème enfant pour MemberliteInclure Bootstrap dans le thème de ton applicationMenusMenus de navigationMenus dynamiquesConception adaptéeDétection des appareils et des écrans en CSSDétection d'appareils et de caractéristiques en JavaScriptDétection de périphériques en PHPNote finale sur la détection des navigateurs
Types de messages et CPT par défautPagePostePièce jointeRévisionsÉlément du menu de navigationCSS personnaliséChangementsoEmbed CacheDemandes des utilisateursBlocs réutilisablesDéfinir et enregistrer les CPTregister_post_type( $post_type, $args ) ;Qu'est-ce qu'une taxonomie et comment l'utiliser ?Taxonomies versus Post MetaCréation de taxonomies personnaliséesregister_taxonomy( $taxonomy, $object_type, $args )register_taxonomy_for_object_type( $taxonomy, $object_type )Utiliser les CPT et les taxonomies dans tes thèmes et tes pluginsL'archive des thèmes et les fichiers de modèles uniquesLe bon vieux WP_Query et get_posts()Métadonnées avec CPTadd_meta_box( $id, $title, $callback, $screen, $context, $priority, $callback_args )Utilisation des méta-boîtes avec l'éditeur de blocsClasses d'habillage personnalisées pour les CPTÉtendre WP_Post plutôt que de l'envelopperPourquoi utiliser des classes d'enveloppe ?Garde tes CPT et tes taxonomies ensembleGarde-le dans la classe d'enveloppeLes classes enveloppantes se lisent mieux
Obtenir les données de l'utilisateurAjouter, mettre à jour et supprimer des utilisateursCrochets et filtresQue sont les rôles et les capacités ?Vérifier le rôle et les capacités d'un utilisateurCréer des rôles et des capacités personnalisésExtension de la classe WP_UserAjouter des champs d'inscription et de profilPersonnaliser le tableau des utilisateurs dans le tableau de bordPluginsThème Ma ConnexionMasquer la barre d'administration aux non-administrateursPaid Memberships ProAide au registre PMProLes membresChamps d'utilisateur WP
API des codes courtsAttributs du code courtShortcodes imbriquésSuppression des codes courtsAutres fonctions utiles liées aux codes courtsAPI WidgetsAvant d'ajouter ton propre widgetAjouter des widgetsDéfinir une zone de widgetIntégrer un widget en dehors d'une barre latérale dynamiqueAPI des widgets du tableau de bordSuppression des widgets du tableau de bordAjouter ton propre widget de tableau de bordParamètres APIAs-tu vraiment besoin d'une page de paramètres ?Pourrais-tu utiliser un crochet ou un filtre à la place ?Utilise des normes lors de l'ajout de paramètresIgnorer les normes lors de l'ajout de paramètresAPI de réécritureAjout de règles de réécritureRègles de réécriture de la chasse d'eauAutres fonctions de réécritureWP-CronAjouter des intervalles personnalisésProgrammation d'événements uniquesLancer des tâches Cron à partir du serveurUtilisation des crons de serveur uniquementWP MailEnvoi de courriels plus agréables avec WordPressAPI d'en-tête de fichierAjouter des en-têtes de fichiers à tes propres fichiersAjouter de nouveaux en-têtes aux plugins et aux thèmesAPI Heartbeat
Pourquoi c'est importantLes bases de la sécuritéMise à jour fréquenteN'utilise pas le nom d'utilisateur "admin".Utilise un mot de passe fortExemples de mauvais mots de passeExemples de bons mots de passeRenforcer WordPressN'autorise pas les administrateurs à modifier les plugins ou les thèmesModifier le préfixe par défaut des tables de la base de donnéesDéplace le fichier wp-config.phpMasquer les messages d'erreur de connexionCache ta version de WordPressNe pas autoriser les connexions via wp-login.phpAjouter des règles .htaccess personnalisées pour verrouiller wp-adminCertificats SSL et HTTPSInstallation d'un certificat SSL sur ton serveurConnexion WordPress et Administrateur WordPress sur SSLDéboguer les problèmes HTTPSÉviter les erreurs SSL avec l'"option nucléaire"Sauvegarde tout !Scanne, scanne, scanne !Plugins de sécurité utilesPlugins de blocage des spamsPlugins de sauvegardePlugins de pare-feu/scannerPlugins de connexion et de protection par mot de passeÉcrire du code sécuriséVérifier les capacités de l'utilisateurInstructions SQL personnaliséesValidation, assainissement et fuite des donnéesNonces

Qu'est-ce que ECMAScript ?Qu'est-ce que ES6 ?Qu'est-ce que ES9 ?Qu'est-ce qu'ESNext ?Qu'est-ce qu'Ajax ?Qu'est-ce que JSON ?jQuery et WordPressMise en file d'attente d'autres bibliothèques JavaScriptOù placer ton JavaScript personnalisé ?Appels Ajax avec WordPress et jQueryGérer plusieurs requêtes AjaxAPI HeartbeatLimites de WordPress avec le traitement asynchroneJavaScript FrameworksBackbone.jsReact
Qu'est-ce qu'une API REST ?APIRESTJSONHTTPPourquoi utiliser l'API REST de WordPress ?Utiliser l'API REST de WordPress V2DécouverteAuthentificationRoutes et points d'arrivéeDemandesRéponsesAjout de tes propres itinéraires et points d'extrémitéregister_rest_route( $namespace, $route, $args, $override ) ;Configuration du plugin WordPress Single Sign-OnAjout de la route /wp-sso/v1/checkIntégration de l'authentification de base à notre pluginUtilisation du point de terminaison que nous avons configuré pour vérifier les informations d'identification de l'utilisateurPlugins populaires utilisant l'API REST de WordPressWooCommerceBuddyPressPaid Memberships Pro
L'éditeur de WordPressLe plugin de l'éditeur classiqueUtilisation des blocs pour le contenu et la conceptionUtiliser les blocs pour la fonctionnalitéCréer tes propres blocsExemple de bloc minimalUtiliser des blocs personnalisés pour créer des expériences d'applicationActivation de l'éditeur de blocs dans tes CPTsCatégories de blocsLes blocs de devoirsLimiter les blocages à des CPT spécifiquesLimiter les TPC à des blocs spécifiquesModèles de blocsEnregistrement des données de bloc dans Post MetaConseilsActiver WP_SCRIPT_DEBUGUtilise filemtime() pour la version du scriptPlus de conseilsApprends JavaScript, Node.js et React plus en profondeur
Pourquoi Multisite ?Pourquoi pas Multisite ?Alternatives au multisitePlusieurs auteurs ou catégories sur le même site WordPressTypes d'articles personnalisésDes sites totalement séparésUtiliser un service de maintenance WordPressMultitenanceMise en place d'un réseau multisiteGestion d'un réseau multisiteTableau de bordSitesUtilisateursThèmesPluginsParamètresMises à jourStructure de la base de données multisiteTables du réseauTableaux des sites individuelsTables de sites partagésCartographie du domainePlugins Multisite utiles au hasardComplément d'enregistrement des utilisateurs de Gravity FormsSites de réseaux de membres Complément pour adhésions payantes ProPlus d'options de confidentialitéMultisite Global MediaGestionnaire de plugins MultisiteRecherche globale multisiteGestionnaire Robots.txt multisiteNS Cloner : Copieur de siteWP Multi NetworkFonctionnalité de base du multisite$blog_idis_multisite()get_current_blog_id()switch_to_blog( $new_blog )restore_current_blog()get_blog_details( $fields = null, $get_all = true )update_blog_details( $blog_id, $details = array() )get_blog_status( $id, $pref )update_blog_status( $blog_id, $pref, $value )get_blog_option( $id, $option, $default = false )update_blog_option( $id, $option, $value )delete_blog_option( $id, $option )get_blog_post( $blog_id, $post_id )add_user_to_blog( $blog_id, $user_id, $role )wpmu_delete_user( $user_id )create_empty_blog( $domain, $path, $weblog_title, $site_id = 1 )Les fonctions que nous n'avons pas mentionnées
As-tu besoin de localiser ton application ?Comment la localisation est effectuée dans WordPressDéfinir ta langue dans WordPressDomaines de texteDéfinir le domaine du textePrépare tes chaînes de caractères avec des fonctions de traduction__( $text, $domain = "default" )_e( $text, $domain = "default" )_x( $text, $context, $domain = "default" )_ex( $title, $context, $domain = "default" )S'échapper et traduire en même tempsCréation et chargement des fichiers de traductionNotre structure de fichiers pour la localisationGénérer un fichier .potCréation d'un fichier .poCréation d'un fichier .moGlotPressUtiliser GlotPress pour tes plugins et thèmes WordPress.orgCréer ton propre serveur GlotPress
ConditionsL'origine contre le bordTestCe qu'il faut testerBarre de débogage de ChromeL'outil de santé du site WordPressBanc ApacheSiègeW3 Total CacheParamètres du cache de la pageMinifierMise en cache de la base de donnéesCache d'objetsCDNCompression GZIPHébergementHébergeurs spécifiques à WordPressLancer ton propre serveurMise en cache sélectiveL'API transitoireTransitoires multisitesUtiliser JavaScript pour augmenter les performancesTables personnaliséesContourner WordPress
Choisir un pluginWooCommercePaid Memberships ProTéléchargements numériques facilesPasserelles de paiementComptes marchandsMise en place d'un SaaS avec des adhésions payantes ProLe modèle SaaSÉtape 0 : Déterminer comment tu veux faire payer ton applicationÉtape 1 : Installation et activation de Paid Memberships ProÉtape 2 : Mise en place du niveauÉtape 3 : Mise en place des pagesÉtape 4 : Choix des paramètres de paiementÉtape 5 : Choix des paramètres de l'e-mailÉtape 6 : Choix des paramètres avancésÉtape 7 : Verrouiller les pagesÉtape 8 : Personnaliser Paid Memberships Pro
Cas d'utilisation de l'application mobileApplis mobiles natives et hybridesQu'est-ce qu'une application mobile native ?Qu'est-ce qu'une application mobile hybride ?Pourquoi l'hybride plutôt que le natif ?CordovaCadre ioniqueApp WrapperAppPresser
Bibliothèques PHPGénération et manipulation d'imagesGénération PDFGéolocalisation et géociblageCompression et archivage de fichiersOutils du développeurAPI externes et services WebElasticsearchElasticPress de 10upGoogle VisionGoogle MapsGoogle TranslateTwilioAutres API populairesMigrationsMigrations d'hôtesMigrations de plates-formesCréer un guide de cartographie des données
Où nous sommes allésL'API RESTLes plugins WordPress se concentreront davantage sur les APIWordPress sans têteGraphQLGutenbergL'interface de l'administrateur va passer à React/Gutenberg.Gutenberg alimentera une expérience d'édition frontale pour WordPress.Les modèles de blocs remplaceront les thèmesLes blocs remplaceront les pluginsLa part de marché de WordPress va augmenter et diminuerWordPress va devenir une plateforme plus populaire pour le développement mobileWordPress continuera à être utile pour développer des applications de toutes sortes

Content preview from Construire des applications Web avec WordPress, 2e édition

Chapitre 9. Cadres et flux de travail JavaScript

Cet ouvrage a été traduit à l'aide de l'IA. Tes réactions et tes commentaires sont les bienvenus : translation-feedback@oreilly.com

JavaScript est un composant majeur de toute appli web moderne. Avec l'essor de Node.js pour exécuter JavaScript sur le serveur et de puissants frameworks comme React, JavaScript devient rapidement le composant principal de toute appli web moderne.

En 2012, le rapport entre le code PHP et le code JavaScript dans la version 3.6 de WordPress était d'environ 6:7 pour le PHP et 1:7 pour le JavaScript. En 2018, le plugin Gutenberg qui a introduit le nouvel éditeur de blocs dans WordPress 5.0 présente ces chiffres inversés et même un peu plus avec seulement 1:9 du code en PHP contre 8:9 en JavaScript. L'éditeur de blocs est évidemment construit au-dessus du PHP côté serveur, mais il est très révélateur que les grandes nouvelles fonctionnalités de WordPress soient construites principalement en JavaScript. Au fur et à mesure que l'éditeur de blocs s'intègre à d'autres aspects du tableau de bord de WordPress, il faut s'attendre à ce que la quantité de JavaScript dans le cœur de WordPress augmente.

Pourquoi ce grand passage à JavaScript ? Du côté du front-end, le rendu d'un site Web avec JavaScript peut être beaucoup plus léger que le rendu avec PHP. Lorsque tu navigues sur un site Web typique, le chargement de tout le DOM HTML est plutôt inutile. L'en-tête, le pied de page, le menu et d'autres éléments du site ...