Questa è un articolo in fase di sperimentazione di come aggiungere giochi html su wordpress.
Primo metodo: Usare il blocco “HTML” in Gutenberg
In generale va bene per piccoli codici, perchè la visualizzazione è più difficile quando essi diventano grandi, comunque si può solo aggiungere l’html e il codice js, mentre per quanto riguarda il codice css si può aggiungere o usando il codice css del tema (Aspetto -> Personalizza e poi nella voce “Css Agguntivo”) oppure in altre maniere.
Problema che ho riscontrato è quello del && che non viene gestito correttamente Link github problema
2° Metodo, quello che sto usando, consiste nel usare gli shotcode, al momento ho creato un plugin che include i file e quindi restituisce il risultato. Questo metodo ha diversi vantaggi, l’aggiunta dello shortcode ovunque nel sito web, o da quello di poter modificare il codice più facilmente.
Al momento è solo un prototipo e viene fatto a mano, ma si può migliorarlo aggiungendo al pannello admin una pagina in cui gestire [ https://developer.wordpress.org/reference/functions/wp_editor/ ]
Questo è l’esempio del codice:
<?php
/**
* Plugin Name: Html Game Plguin
* Plugin URI: https://example.com/plugins/the-basics/
* Description: Handle the basics with this plugin.
* Version: 1.10.3
* Author: Myself
* Author URI: https://author.example.com/
*/
add_shortcode( 'htmlgame', 'htmlgamefunction' );
function htmlgamefunction($atts)
{
$atts = shortcode_atts( array(
'name' => ''
), $atts, 'htmlgame' );
$my_plugin = WP_PLUGIN_DIR . '/gameHtml';
if($atts['name']=="snake")
{
$Js = file_get_contents($my_plugin."/upload/snake/index.js");
$html = file_get_contents($my_plugin."/upload/snake/index.html");
return $Js .$html;
}
return "Not found";
}
?>
Un altro metodo che permetterebbe di gestire in maniera “singolare” ogni singolo programma sarebbe la combinazione del metodo 2 con o i cpt, in cui ogni pagina è un gioco.