Laden Sie eine Seite in ein Div mit Ajax

Ich bin wirklich ein Noob, wenn es um WordPress geht, gerade arbeite ich an einem Thema, das im Grunde alle statisch ist, wenn Sie etwas bearbeiten möchten, müssen Sie die .php-Datei bearbeiten, anstatt es auf dem Admin zu tun . Es ist eine Landingpage, wo Sie auf eine Menüschaltfläche klicken und ein Modal mit dem Inhalt angezeigt wird. Dazu bin ich diesem Tutorial gefolgt, das nicht genau WordPress-orientiert ist. Ich lade statische Seiten über Ajax und ich möchte dies wirklich in editierbare WordPress-Seiten ändern, aber ich habe keine Ahnung, wie es geht. Ich poste den Code nicht, weil alles wie im Tutorial ist, ich habe functions.php oder irgendetwas nicht benutzt. Wie würden Sie den Inhalt einer Seite so laden, als wäre es eine statische Seite, genau wie in diesem Tutorial?

BEARBEITEN
Der Ajax-Anruf

$(function() { $('.w-container .w-nav-menu a').click(function() { var $linkClicked = $(this).attr('href'); var $pageRoot = $linkClicked.replace('#', ''); if (!$(this).hasClass("active")) { $(".w-container .w-nav-menu a").removeClass("active"); $(this).addClass("active"); $.ajax({ type: "POST", url: "./wp-content/themes/THEMENAME/load.php", data: 'page='+$pageRoot, dataType: "html", beforeSend: function(){ $('#canvasloader-container.wrapper').show(); }, complete: function(){ $('#canvasloader-container.wrapper').hide(); }, success: function(msg){ if((msg)) { $('.content').html(msg); $('.content').hide().fadeIn(); } } }); } event.preventDefault(); }); var hash = window.location.hash; hash = hash.replace(/^#/, ''); switch (hash) { case 'products' : $("#" + hash + "-link").trigger("click"); break; case 'about' : $("#" + hash + "-link").trigger("click"); break; case 'storelocator' : $("#" + hash + "-link").trigger("click"); break; case 'media' : $("#" + hash + "-link").trigger("click"); break; case 'faq' : $("#" + hash + "-link").trigger("click"); break; case 'contact' : $("#" + hash + "-link").trigger("click"); break; } }); 

Laden.php

  

Ich habe nur Tutorials mit Posts und diesem Zeug gefunden, und das ist nicht das, was ich will.

Solutions Collecting From Web of "Laden Sie eine Seite in ein Div mit Ajax"

Meine Philosophie ist, dass wenn Sie ein System wie WP verwenden, Sie es umarmen und Dinge auf die Weise tun. WP verfügt über zahlreiche Hooks, mit denen Sie die functionalität außer Kraft setzen können. Dank der flexiblen Designstruktur haben Sie fast vollständige Kontrolle über die Ausgabe.

Also würde ich empfehlen, ein WP-Theme und WP-eingebaute Menüs zu verwenden. Ihre Menüelemente werden mit normalen WP-Seiten verknüpft. Die Seite wird für diejenigen ohne JS funktionieren.

Verwenden Sie jQuery, um Klickereignisse auf die Menüverknüpfungen zu setzen, die jQuery AJAX-Aufrufe für die angeforderten Seiten verwenden. Diese Aufrufe können den zurückgegebenen HTML-Code an ein bestimmtes Element zurückziehen ( main ist ein gutes Element, wenn das Thema es verwendet).

Ich habe noch nicht darüber nachgedacht, wie du mit deinen Hashes umgehen würdest.