Hallo Bego,
vielen Dank für das herzliche „Willkommen“.
Das Plugin dient dazu, php innerhalb von WordPress darzustellen/auszuführen, was ja nicht so einfach möglich ist. Ganz kurz gesagt schreibt es die Ausgabe meiner php-Berechnungen in einen String, der html und javascript enthält. Dieser wird mit „return“ innerhalb unterschiedlicher WordPress-Seiten ausgegeben. Das entspricht der Funktionalität des oben angegebenen Plugins.
Dessen Quelltext registriert shortcodes in der Art und Weise, dass der Output einer Funktion als String in die WordPress-Seite eingefügt wird.
Merkwürdig in dem Zusammenhang finde ich, dass wenn ich mir meine Seiten einzeln anschaue, keinerlei negative Auswirkungen zu betrachten sind, und dass der Effekt nur auftritt, wenn ich twentyseventeen als OnePage betrachte.
Das Plugin nicht zu verwenden, ist daher keine Option, weil ich die Daten darstellen möchte.
<div style="max-width:800px; max-height:600px;"><div class="row" style="height:200px;"><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="1b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="1a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("1","http://localhost/wp-content/uploads/cards/front1.jpg");},800);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="2b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="2a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("2","http://localhost/wp-content/uploads/cards/front2.jpg");},600);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="3b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="3a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("3","http://localhost/wp-content/uploads/cards/front3.jpg");},400);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="4b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="4a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("4","http://localhost/wp-content/uploads/cards/front4.jpg");},400);</script></div></div><div class="row" style="height:200px;"><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="5b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="5a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("5","http://localhost/wp-content/uploads/cards/front5.jpg");},200);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="6b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="6a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("6","http://localhost/wp-content/uploads/cards/front6.jpg");},400);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="7b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="7a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("7","http://localhost/wp-content/uploads/cards/front7.jpg");},0);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="8b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="8a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("8","http://localhost/wp-content/uploads/cards/front8.jpg");},800);</script></div></div><div class="row" style="height:200px;"><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="9b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="9a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("9","http://localhost/wp-content/uploads/cards/front9.jpg");},400);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="10b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="10a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("10","http://localhost/wp-content/uploads/cards/front10.jpg");},600);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="11b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="11a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("11","http://localhost/wp-content/uploads/cards/front11.jpg");},200);</script></div><div class="col-xs-3" style="padding:0; margin:0;"><div class="card"><div class="front"><canvas class="can" id="12b">No Canvas.</canvas></div><div class="back"><canvas class="can" id="12a">No Canvas.</canvas></div></div><script>setTimeout(function(){animate_whole("12","http://localhost/wp-content/uploads/cards/front12.jpg");},200);</script></div></div></div>
ist z.B ein String, der eingefügt wird. Hilft das mehr beim helfen?