У меня есть страница с галереей изображений. Каждое изображение связано с открытием сообщения WordPress в div над галереей. У меня есть эта работа, но она загружает всю страницу, включая верхний и нижний колонтитулы.
Мне нужно использовать шаблон настраиваемой страницы, чтобы отображать только те части страницы, которые мне нужны. Например, удалите верхний и нижний колонтитулы, например, со страницы, загружаемой в div. Я знаю, как создать шаблон, но не могу понять, как получить сообщение в div, чтобы использовать этот шаблон страницы.
Вот как я настроюсь.
Скрипт в заголовке:
<script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ $.ajaxSetup({cache:false}); $("a.ajax").click(function(){ var post_url = $(this).attr("href"); $("#Div-That-Loads-Post").html("loading..."); $("#Div-That-Loads-Post").load(post_url); return false; }); }); </script> Ссылка в галерее:
<div class="ngg-gallery-thumbnail" > <a href="../<?php echo $image->ngg_custom_fields["Link"]; ?>" class="ajax" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> > <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image-> thumbnailURL ?>" <?php echo $image->size ?> /> </a> </div>
Div над Post / Gallery на этой странице:
<div id="Div-That-Loads-Post"> </div>
Как я уже сказал, он загружает страницу в div. Как я могу задать шаблон, который он загружает в div? Я не могу изменить исходный шаблон сообщения, потому что хочу, чтобы он остался нетронутым на его исходной странице.
Также интересуется, есть ли лучший способ достичь такого же опыта.
Любая помощь оценивается. Благодарю.
Комментарий помог мне подняться на правильный путь, но ему пришлось решить еще несколько проблем. Спасибо за помощь. Так я сделал это, если кому-то нужно изменить url на id таким образом.
Ссылка для изображения:
-class говорит скрипту, это ссылка. Вы положите пулю сообщения для href.
<a href="SlugOfPostGoesHere" class="ajax" </a>
Div на той же странице, этот div загрузит пользовательскую php-страницу из сценария:
<div id="tabs"> </div>
Сценарий в заголовке:
-Pulls slug from href и создает переменную. (Postslug в этом случае)
-Loads "loading …" в div #tabs во время загрузки.
-Загружает пользовательскую php-страницу в div #tabs на той же странице с переменной, добавленной к url (вы не увидите это в браузере)
-Scrolls к началу страницы.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ $.ajaxSetup({cache:false}); $("a.ajax").click(function(){ var postslug = $(this).attr("href") $("#tabs").html("loading..."); $("#tabs").load("../custom-page.php?slugid=" + postslug); $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script>
И затем на вашей пользовательской странице PHP вам нужно поставить:
<?php require( "wp-load.php" ); ?>
(или какой бы путь ни был на этой странице WordPress, чтобы вы могли использовать функции wp)
Также этот код, чтобы получить идентификатор сообщения из пули, который вы передали в URL-адресе:
-First Line получает сообщение slug из переменной slugid в url и устанавливает его в переменную $ slug.
-Вторая строка создает полный URL-адрес из slug.
-Третья строка дает вам идентификатор сообщения из URL-адреса.
<?php $slug = $_GET['slugid']; $url = ("http://www.yourwebsite.com/" .$slug); $postid = url_to_postid($url); ?>
Теперь вы можете использовать код, чтобы использовать post ID для загрузки содержимого, которое вы хотите в div.
Вам не нужен специальный шаблон. Загрузите нужную страницу с помощью атрибута href и выберите часть, которую вы хотите отобразить, указав селектор:
Например: $ ("# Div-That-Loads-Post"). Load (post_url + ".ngg-gallery-thumbnail");
Пожалуйста, обратите внимание на пробелы. «.ngg-gallery-thumbnail» не будет работать.
Ссылка: http://api.jquery.com/load/