Fügen Sie der WordPress-Seite das Google Organigramm hinzu

Wie zeige ich diese Seite in einer WordPress-Site an? Was muss ich hinzufügen oder entfernen? Dies ist für eine statische Seite kein Blogbeitrag.

(FYI: Ich möchte damit einen Stammbaum auf meiner Website anzeigen). Ich bin ein WordPress-Anfänger, also bitte erklären Sie dies auf Anfänger-Level, wenn möglich, danke

    google.load('visualization', '1', {packages:['orgchart']}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Name'); data.addColumn('string', 'Manager'); data.addColumn('string', 'ToolTip'); data.addRows([ [{v:'Mike', f:'Mike
President
'}, '', 'The President'], [{v:'Jim', f:'Jim
Vice President
'}, 'Mike', 'VP'], ['Alice', 'Mike', ''], ['Bob', 'Jim', 'Bob Sponge'], ['Carol', 'Bob', ''] ]); var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); chart.draw(data, {allowHtml:true}); }

bearbeiten

Ok, ich habe nach benutzerdefinierten Seitenvorlagen gesucht. Ich denke, ich brauche so etwas

     

Ist das richtig?


So sollte es aussehen?

     google.load('visualization', '1', {packages:['orgchart']}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Name'); data.addColumn('string', 'Manager'); data.addColumn('string', 'ToolTip'); data.addRows([ [{v:'Mike', f:'Mike
President
'}, '', 'The President'], [{v:'Jim', f:'Jim
Vice President
'}, 'Mike', 'VP'], ['Alice', 'Mike', ''], ['Bob', 'Jim', 'Bob Sponge'], ['Carol', 'Bob', ''] ]); var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); chart.draw(data, {allowHtml:true}); } <?php } function chart_content() { return '
'; } ?>

Solutions Collecting From Web of "Fügen Sie der WordPress-Seite das Google Organigramm hinzu"

Der schnellste Weg wäre ein Iframe-Plugin (wie “Iframe einbetten”), dann kannst du einfach alles überspielen und die Daumen drücken.

Sie könnten auch in der Lage sein, einfach aus dem Skript-Tag nach / Skript in den HTML-Editor eines Beitrags zu kopieren.

Die alternative und beste Methode besteht darin, eine eigene Vorlagevorlage zu erstellen und sie mithilfe des Wp-Enqueue-Skripts in den Quellcode zu schreiben.

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

http://codex.wordpress.org/Stepping_Into_Templates

Ein sehr einfaches Beispiel wäre das Hinzufügen dieser Option über Ihre benutzerdefinierte Seitenvorlage (direkt nach dem Kommentarblock):

 add_action('wp_print_scripts','chart_data'); add_filter('the_content', 'chart_content'); function chart_data() { ?>   < ?php } function chart_content() { return '
'; }

the_content() Aufruf the_content() zwischen Kopf- und Fußzeile hinzu.

Beachten Sie, dass es hier eine Menge Dinge gibt, die überarbeitet und verbessert werden können, aber nicht ohne in viele komplexere Aspekte von WP zu geraten, die außerhalb des Geltungsbereichs liegen.

Sie haben erwähnt, dass Sie einen Stammbaum in WordPress zeichnen wollten.

Ich habe dafür ein Plugin entwickelt und kann es von der WordPress.org Website herunterladen.

Es gibt auch eine Homepage für das Stammbaum-Plugin .

HTH