Dazu könntest du zum Beispiel die REST API nutzen, die in WordPress 4.7 (erscheint Anfang Dezember, Beta-Version ist schon erhältlich) enthalten ist oder die du über das REST API-Plugin zu deinem Blog hinzufügen kannst. Der Code in der HTML-Website deines Bekannten müsste dann so aussehen:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
jQuery( function( $ ) {
var posts = {},
ajaxURL = 'https://deinedomain.de/wp-json/wp/v2';
$.ajax({
url: ajaxURL + '/pages',
method: 'GET',
data: {
"id": '42'
},
success: function( res ){
$.each( res, function( key, value ){
$( '#wordpress' ).append( '<h2>' + value.title.rendered + '</h2>' + value.content.rendered );
});
}
});
});
</script>
</head>
<body>
<div id='wordpress'>WordPress-Seite:</div>
</body>
</html>
Die Beitrags-ID deiner Webseite erhältst du, wenn du im Backend in der Seitenübersicht mit der Maus über den Titel der Seite fährst; wird dann im Link in der Statusleiste des Browsers angezeigt.
Ich habe hier auf eine Fehlerbehandlung verzichtet, die erfolgen sollte, wenn die Seite nicht abrufbar ist, weil sonst der Code nochmal länger würde. Außerdem sollten noch CSS-Klassen hinzugefügt werden, damit der Inhalt entsprechend der Webseite deines Bekannten gestaltet werden kann.
Nachteil ist, dass die Anzeige nur funktioniert, wenn JavaScript im Browser des Webseiten-Besuchers aktiviert ist.
jQuery( function( $ ) {
var posts = {},
ajaxURL = 'https://deinedomain.de/wp-json/wp/v2';
$.ajax({
url: ajaxURL + '/pages/42/',
method: 'GET',
success: function( res ){
$( '#wordpress' ).append( '<h2>' + res.title.rendered + '</h2>' + res.content.rendered );
}
});
});
Ich habe die eigentliche REST-Abfrage nochmal etwas abgeändert. Du rufst https://deinedomain.de/wp-json/wp/v2/pages/42/ für die Seite mit der ID 42 auf und übergibst die ID nicht in einem data-Objekt wie oben. Dafür erhälst Du auch keine Sammlung, welche Du mich each durchlaufen musst, sondern nur ein einfaches Post-Objekt.
Vielen Dank David, das sieht in der Tat besser aus.
Wie ich sehe, habe ich da noch viel Lernpotenzial. 😉
Hallo,
danke für die schnellen Antworten. Aber ich verstehe das noch nicht wirklich.
Ist mit der ID die Zahl im domainname.de/wp-admin/post.php?post45&avtion=edit der Unterseite gemeint, die im Browser angezeigt wir wenn ich im WP bei alle Seiten über die Seite gehe?
Auch habe ich den Unterordner /wp-json/wp/v2/pages/42/ nicht in meiner Verzeichnisstruktur gefunden.
Da gibt es kein wp-json
Muss mein Freund jetzt Eure Script in eine leere HTML Seite bei sich einfügen und darauf seinen Link legen oder wie funktioniert das?
Sorry kenne mich mit html und php überhaupt nicht aus. Bei meiner alten Seite mit einem html Baukasten war das ganz einfach. Da habe ich ihm einfach den link zur Unterseite angegeben (den ich selber in meiner Sidebar genutzt habe) und sie wurde bei ihm in seinem Frame genauso angezeigt wie bei meiner Seite ohne das er meien Banner und Sidebar hatte.
Hoffe ich habe gut genug beschrieben was mein Problem ist.
DANKE noch aml für die schnellen Antworten.
Ist mit der ID die Zahl im domainname.de/wp-admin/post.php?post45&avtion=edit der Unterseite gemeint, die im Browser angezeigt wir wenn ich im WP bei alle Seiten über die Seite gehe?
Genau das.
Auch habe ich den Unterordner /wp-json/wp/v2/pages/42/ nicht in meiner Verzeichnisstruktur gefunden.Da gibt es kein wp-json
Hast du denn WordPress 4.7beta3 oder das oben angegebene und verlinkte REST API-Plugin installiert? Die Verzeichnisstruktur wirst du auch nicht auf deinem Webserver finden, sie wird durch die REST API zur Verfügung gestellt.
Muss mein Freund jetzt Eure Script in eine leere HTML Seite bei sich einfügen und darauf seinen Link legen oder wie funktioniert das?
Nein, er kann das JavaScript und das <div>-Tag im <body> einfach in ein bestehendes HTML-Dokument übernehmen.
Bei meiner alten Seite mit einem html Baukasten war das ganz einfach. Da habe ich ihm einfach den link zur Unterseite angegeben …
Wenn er das als <iframe> eingebunden hat, wurde die Webseite so übernommen, wie du sie angelegt hast. Wenn ich deine Frage richtig verstanden habe, möchtest du aber, dass auf der Webseite deines Bekannten nur der Titel und Inhalt übernommen werden – Sidebar, Header und Footer aber nicht? („Er möchte aber nur den Inhalt der Unterseite einbinden ohne den Rest außen herum.“)
Danke für die Antworten, ich werde das mal versuchen sobald mein Kumpel etwas Zeit hat.
