Функция jQuery .load () и WordPress

Question

Я сейчас перевожу свой HTML-сайт в тему WordPress.

Мой текущий веб-сайт HTML полностью использует функцию jload Query, в которой я изменяю содержимое страницы (через DIV), используя .load (), основываясь на опциях моего бокового меню, выбранных пользователем.

Например:

HTML код:

<div id="sidebar">
        <ul id="themenu" class="sf-menu sf-vertical">
            <li><a href="index.html" class="topm currentMenu nosub">Home</a></li>
            <li><a href="about-us.html" class="topm nosub">About Us</a></li>
       </ul>
</div>

JQuery код:

$("#themenu li a, #subcat li a").click(function(){
        var toLoadCF = $(this).attr("href")+" #contentfooter";

        $('#contentfooter').fadeIn("slow",loadContent); 

        function loadContent() {
            $("#contentfooter").load(toLoadCF);
        }
        return false;
    });

Таким образом, используя это как ситуацию HTML, пользователь нажимает на пункт меню «О нас», который, в свою очередь, в свою очередь загружает файл «about-us.html» на основе тега href для «О нас».

Сейчас в мире WordPress я создал собственный шаблон страницы для About Us под названием «about-us.php», который связан со страницей панели управления WP Admin под названием «aboutus» (постоянная ссылка), поэтому мое значение href равно "URL / ABOUTUS /"

Исходя из этого, как я могу достичь того же результата в WordPress, чтобы эмулировать кодирование HTML с использованием jQuery .load?

Обратите внимание, что я добавил всю необходимую информацию в мои файлы header.php, index.php и sidebar.php.

Я просто не уверен, как ссылаться на файл href, так что мой файл about-us.php загружается с использованием .load().

jQuery.

Я не слишком уверен, как подойти к этому с точки зрения WordPress.

Answer 1

Прежде всего, я хотел бы сделать сайт полностью функциональным БЕЗ загрузки javascript.Это обеспечит правильную навигацию и макет сайта до того, как вы начнете фантазировать, а также обеспечит запасной вариант для сканеров и на случай, если ваш JS сломается.

Далее создайте подмножество шаблонов или измените существующие шаблоны, чтобыреагировать на переменную GET в URL, чтобы исключить все, кроме основной области содержимого шаблона.Для загрузки Ajax вам не понадобятся такие вещи, как заголовок, фут и боковая панель.

Затем я бы использовал jQuery для захвата навигационных ссылок ссылок, изменения URI запроса, чтобы добавить переменную GET, и затемсделать запрос с помощью .load ().

Дополнительным преимуществом этого является то, что когда вы включаете кэширование (да, вы хотите запустить свой сайт с кэшированием, его WordPress, он далеко не «легкий»), ваши страницы, запрошенные Ajax, также будут кэшироваться для более жесткой загрузки.использование ресурсов в разы и меньше.

Полагаю, поскольку вы уже делали это раньше, вы знаете, как обрабатывать привязку действий jQuery, анализ запросов и ответов.