Comment créer un plugin une extension WordPress multi-langue internationale

fermer la fenetre

Des Applications Performantes Sans Vous Prendre La Tête !

Recevez la formation "Développement Facilte" GRATUITEMENT
Avec tous les Codes Sources Commentés
 
(Les événements, la programmation orientée objets, les modèles de conception, Les éditeurs, les outils, 
l'efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)

Renseignez votre prénom et votre adresse email ci-dessous :

Dévouvrez comment rendre très simplement votre plugin WordPress multi-langue et ainsi l’internationaliser.

Tout est dans la vidéo ci-dessous.

[ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”]

Comment créer un plugin une extension WordPress multi-langue internationale

Bonjour et bienvenu sur Développement Facile.

Ici Matthieu expert en développement applicatif, donc dans ce nouveau cours dédié à la création d’une extension, d’un plugin pour WordPress, cette fois vous allez apprendre comment internationaliser votre plugin, c’est-à-dire comment le développer pour qu’il soit multilangue, sur les sites WordPress avec la langue français configurer votre plugin affiche les textes en français dans la page d’administration côté client, et lorsque votre plugin est installé sur un site WordPress avec la langue anglaise ou une autre langue, les textes de la partie administration et de la partie client donc visible par les visiteurs de votre blog Internet, les textes sont en anglais.

 

Alors comment faire ça d’une façon très simple, c’est super simple avec WordPress.

Déjà vous devez créer des fichiers d’internationalisation, donc des fichiers .PO, en principe ils ont le nom, donc ils portent le nom de votre extension AWeber-dev facile–FR, pour la langue française et le nom de votre extension AWeber-dev facile–EN, US en majuscules pour la langue anglaise, donc il faut bien nommer vos fichiers comme ça, le nom de l’extension – et le code de la langue que vous souhaitez traduire donc dans des fichiers .po.

 

Alors comment côté PHP, plug-in commence ça se passe ?

Déjà il faut charger vos fichiers de traduction, donc en règle générale, vos fichiers de traduction vous les mettez dans un répertoire qui s’appelle languages ou N18N je crois, un nom de ce style, IN18 il me semble de mémoire moi je les mets dans un répertoire languages parce que ça me parle beaucoup mieux.

Dans votre initialisation du plugin, quand vous faites do action au chargement du plug-in vous appelez votre fonction d’initialisation du plugin, vous faites, vous appelez la fonction load_plugin_textedomain donc le nom, AWeber Dev Facile pour charger les fichiers de traductions, donc qui sont dans le répertoire languages, (ou vous mettrez IN18 comme nom de répertoire) et ensuite vous avez un fichier string.php donc string.php contient le code du texte avec Dev Facile, le nom de l’extension et là il y a tous les textes de l’extension AWeber Dev Facile, toujours avec un code, un code AWeber closed donc c’est des codes qui vous parles, ça veut dire que la connexion AWeber est impossible, connexion AWeber a réussie, il faut rentrer son code d’autorisation, êtes-vous sûr d’avoir rentré le bon code d’autorisation, le bouton pour enlever la connexion, vous mettez des codes qui vous parlent dans un fichier string en PHP, donc qui regroupe tout votre texte internationalisation, ensuite, moi je vous conseille d’utiliser le logiciel PO édit, sous ce cours vidéo il y a le lien pour télécharger ce logiciel po edit, il existe une version gratuite qui permet de faire le minimum donc très pratique c’est la version gratuite que j’ai utilisée pour créer l’extension AWebber dev facile, ce logiciel PO edit à l’avantage de fonctionner sur Windows, Mac OS, et Linux et ensuite quand vous créez un nouveau projet traduction, automatiquement il va scanner tout votre projet d’application de plug-in WordPress il va reconnaître vos identifiants de traduction, ce qui fait qu’il va vous proposer une traduction tout simplement, ici.

Et donc vous ensuite, vous avez plus qu’à renseigner ici, là c’est en français, texte admin, configurer le lien plugin AWebber dev facile, votre connexion était fermée, vous renseignez tout simplement tous les textes donc ici pour les options, il n’y a pas de texte, donc je peux mettre développement en cours…, le développement de la partie options, la partie options c’est ce qu’il y a ici là, c’est Work in Progress, que j’avais mis anciennement, et donc dans PO edit je peux changer en remettant développement des options en cours tout simplement, vous sauvegardez, vous faites fichier compilé le .MO, et vous enregistrez le .MO, c’est aussi simple que ça.

 

Ensuite vous pouvez bien évidemment ouvrir la version anglaise et sur la version anglaise que je vais réduire un petit peu pour que vous puissiez le voir à l’écran tout simplement, sur la version anglaise, vous avez les mêmes codes noms de traduction bien évidemment ici, là les mêmes noms de codes de traduction et la sauf que vous mettez le texte en anglais c’est aussi simple que ça, pareil si vous voulez traduire en espagnol, pareil si vous voulez traduire en espagnol, en allemand c’est exactement la même chose, vous avez des suggestions de traduction donc voilà là, il y a une partie en français, donc c’est “Past your autoriation”, ah oui c’est, il modifié automatiquement Apple, “autorisation code from AWeber API” voilà, et vous, vous effectuez votre traduction de cette façon tout simplement c’est aussi simple que ça.

 

En fait il n’y a rien de bien compliqué pour chaque langue, vous effectuez la traduction, là c’est work in progres pour la traduction en cours de cette partie-là tout simplement, voilà, là la partie marketing read this, donc la tout sera en anglais.

 

Voilà comment traduire votre texte donc si, vous pouvez dans les menus de Poedit, si vous ouvrez Poedit tout simplement alors je vais l’ouvrir, vous avez le choix entre modifier un fichier de traduction, ou créer une nouvelle traduction.

 

Pour créer la traduction votre plugin, vous cliquez sur créer une nouvelle traduction ou sur modifier une traduction existante, vous allez chercher bien évidemment le fichier, là à partir de vous créer une nouvelle traduction à partir d’un fichier po existant, ou d’un modèle PO existant tout simplement, là ça permet, tous les textes ici, ils sont en français, si je passe le blog en anglais donc ce que je faire directement ici, en anglais validé, le blog est passé en anglais, donc je recharge la page et le plug-in s’affiche entièrement en anglais, tout est en anglais donc c’est traduit automatiquement c’est vraiment génial, je le repasse en français donc en rechargeant la page l’extension va chercher les textes français, vous me direz mais comment afficher des textes ?

Il suffit de regarder un fichier par exemple, dans la partie administration donc rappelez-vous vous avez vos string, il suffira de faire un copier-coller et de positionner votre string ou vous souhaitez l’afficher c’est aussi simple que ça, ça c’est le titre de la page d’admin, regardez le titre configuré, le plug-in AWeber dev facile, si je le mets là, le texte qu’il y a en dessous, là le titre AWeber Dev Facile le texte qu’il y a en dessous, texte page admin, et si vous ouvrez Poedit vous pouvez voir c’est exactement ça, regardez, AWeber Dev Facile, AWeber Dev Facile, configurer le plug-in AWeber, configurer le plug-in AWeber, donc je vous re répète, réexplique, vous prenez ce code, vous le copiez tout simplement et vous le collez à l’endroit où vous souhaitez l’afficher tout simplement, donc là pour afficher ici, comme quoi la connexion avec AWeber a été fermée et donc en fonction de la langue du WordPress de l’utilisateur de l’extension, soit le texte va s’afficher en français ou en anglais, ou dans les langues que vous avez définies.

 

Alors comme d’habitude sous ce cours vous retrouverez un lien vers l’extension officielle dans le répertoire WordPress de toutes les extensions, vous pouvez installer l’extension sur votre blog, la tester et regarder le code source pour vous en inspirer et créer vos propres extensions WordPress tout simplement.

 

Maintenant vous renseignez sous ce cours vidéo, votre prénom, votre adresse mail, vous cliquez sur recevoir et comme plus de 5000 développeurs vous allez recevoir directement dans votre boîte mail des cours gratuits il y a plus de 400 cours gratuits sur les modèles de conceptions en JavaScript, programmation orientée objet, programmation événementielle, créer des applications sur les mobiles, sur les Smartphones, les tablettes, des jeux smartphones, tablettes, tout ça en renseignant votre nom, votre adresse mail.

Si vous voulez aller beaucoup plus loin, accélérer votre expertise, vos compétences de programmation en 30 jours, vous cliquez simplement sur l’image là juste au-dessus de cette vidéo, il y a une image avec un lien cliquable, vous cliquez dessus, vous serez dirigé vers une deuxième vidéo, vers une deuxième page ou vous allez découvrir de A à Z la méthode développement facile qui vous permet, vous pouvez travailler en équilibre, coder deux à trois fois plus rapidement des applications performantes, créer des architectures d’applications solides qui font fuir les bugs, vous n’aurez pas zéro bugs c’est pas possible mais vous aurez quelques bugs à corriger, et avec une architecture, l’architecture développement facile ce sera très facile pour vous de détecter ces bugs et de mettre en place les modifications nécessaires dans votre code.

Bien évidemment, les experts développement facile vous accompagnent personnellement et individuellement c’est-à-dire que si vous, suite à un cours vous vous poser des questions, vous avez du mal à utiliser un certain concept de développement dans votre projet professionnel vous envoyez un message à l’équipe développement facile avec votre problème, votre code source là où ça pose problème, un expert dédié de l’équipe développement facile vous répond personnellement, déjà en corrigeant votre code source et en vous donnant toutes les explications nécessaires pour que vous puissiez assimiler cette compétence dans votre programmation et si c’est nécessaire l’expert développement facile vous donnera des exemples de code source supplémentaires.

 

Maintenant pour créer des applications performantes en moins de 30 jours, cliquez simplement sur le lien sur l’image juste au-dessus de ce cours vidéo, je vous retrouve tout de suite dans la deuxième page à tout de suite.

 

[/ppmtoggle][/ppmaccordion]

Téléchargez le plug-in WordPress AWeber Dev Facile

Cliquez ici pour télécharger le Plugin AWeber Dev Facile

Posez vos questions sur la réalisation d’un plugin WordPress

Utilisez la zone commentaire pour poser vos questions aux experts Développement Facile.

Créez des Applications Performantes avec la Formation Gratuite Développement Facile !

Recevez des Cours Vidéos avec les codes sources 
(Les événements, la POO, les modèles de conception, Les éditeurs, 
efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)