Одностраничный сайт на WordPress

Question

Одностраничный сайт на WordPress

6 апр. 2012 г., 15:29:13

Просмотры: 2.23K

Голосов: 3

Мне нравится WordPress как CMS, и я считаю, что у него много возможностей благодаря обширной библиотеке плагинов, но, осмелюсь сказать, что фронтенд немного устарел.

Мне не нравится старая система перехода со страницы на страницу, я бы предпочел одностраничный сайт, работающий на JSON/AJAX. Я использовал WordPress для создания простых сайтов клиентов, но когда дело доходит до чего-то более впечатляющего, система шаблонов WordPress немного ограничена.

Я привык использовать Backbone.js и Knockout.js в качестве фреймворков и require.js для загрузки модулей. Я ищу плагин или исходный код для эффективного удаления фронтенда WordPress и использования CRUD/REST и JavaScript для создания динамических одностраничных сайтов.

Может ли кто-нибудь указать мне правильное направление?

Alex

471

javascript одиночный

Комментарии

В вашей теме нужны только index.php и style.css с корректным заголовком; затем прочитайте это http://codex.wordpress.org/AJAX_in_Plugins и примените к вашей теме в functions.php, это действительно довольно просто.

soulseekah

6 апр. 2012 г. 16:03:04

Все ответы на вопрос

Tom J Nowell 60.7K · Accepted Answer · 2012-04-06T16:07:53Z

Ничто не мешает вам использовать AJAX для одностраничного сайта, который динамически загружает другие страницы вместо перехода на совершенно новую страницу. Я советую сначала создать сайт без AJAX, а затем добавить его поверх, чтобы все работало корректно в случае ошибки или отключенного JavaScript.

Предположим, у вас уже есть сайт, работающий почти так, как вы задумали, но без AJAX. Вы можете просто обернуть весь ваш контент в идентификаторы, которые jQuery сможет найти, и запрашивать URL-адреса по гиперссылкам через JS-запросы вместо того, чтобы позволять браузеру обрабатывать их.

Это самый простой ответ.

Вы также можете настроить свои шаблоны так, чтобы при AJAX-запросе возвращался только соответствующий контент, а не полная страница с шаблоном:

http://digwp.com/2011/02/ajax-requested-page-return-only-content/

Кроме того, вы можете реализовать произвольные AJAX-обработчики. Вот список статей о том, как писать, использовать и расширять AJAX-обработчики, предоставляемые WordPress:

http://wp.smashingmagazine.com/2011/10/18/how-to-use-ajax-in-wordpress/

http://codex.wordpress.org/AJAX_in_Plugins

http://wpajax.com/

http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/

http://w4dev.com/wp/wp_ajax/

http://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)

http://www.1stwebdesigner.com/css/implement-ajax-wordpress-themes/

http://www.emanueleferonato.com/2010/04/01/loading-wordpress-posts-with-ajax-and-jquery/