Application Web angulaire existante dans la page wordpress

Question

J'ai créé une application Web angulaire d'une seule page pour mon client.

Maintenant, ils doivent intégrer l'application dans une page de leur site Web (wordpress).

EDIT: en d'autres termes, ils veulent l'application dans une page existante wordpress

quelle est la meilleure approche?

J'ai essayé iframe mais cela ne fonctionne pas: pas de redimensionnement sur le changement de contenu de l'application et des problèmes avec les modaux.

Merci

Answer 1

Si vous avez besoin de l'insérer dans une page existante avec un modèle déjà fait, vous pouvez créer un shortcode et un plugin :

créer un dossier comme « your_spa » dans la dossier plugin wordpress (/ wp-content/plugins /)

créer un fichier php nommé your_spa.php dans le nouveau dossier généré

mettre ce dans le fichier « your_spa.php »

<?php 
/* 
Plugin Name: your spa plugin 
Description: description 
*/ 

function your_spa_code(){ ?> 

<!-- put here your code (this will be inside the body of the page) --> 

<?php } 

add_shortcode('yourspa', 'your_spa_code'); 
?> 

prendre soin des liens/ressources urls (js, JSON, css): placez-les partout où vous les voulez, mais rappelez-vous le chemin (comme dans le chemin html => url)

n'oubliez pas de laisser l'utilisateur apache lire les fichiers (permissions de fichiers)

activer le plug-in "votre plugin spa" à l'intérieur du tableau de bord wordpress

utilisation [yourspa] dans un blogpost/Page comme raccourci

Et maintenant vous avez créé un plugin et un shortcode!

PS: rappelez-vous que votre code sera entouré par le code de la page existante

Il est un peu sale, mais c'est la solution easies.