web-dev-qa-db-fra.com

une seule page wordpress

J'aime Wordpress en tant que système de gestion de contenu et je pense que sa vaste bibliothèque de plugins en contient beaucoup, mais le front-end, si je puis dire, est un peu désuet.

Je n'aime pas le système de vieux pages en pages et préfère un site à une seule page alimenté par JSON/AJAX. J'ai utilisé wordpress pour créer des sites clients simples, mais le système de modèles de Wordpress manque un peu.

Je suis habitué à utiliser Backbone.js et Knockout.js pour les frameworks et require.js pour le chargement de modules. Je recherche un plugin ou une référence de source pour supprimer efficacement le frontal wordpress et utiliser CRUD/REST et Javascript pour créer des sites dynamiques d'une seule page.

Est-ce que quelqu'un peut-il me montrer la bonne direction?

3
Alex

Rien ne vous empêche d'utiliser AJAX pour un site Web à page unique qui se charge dynamiquement dans d'autres pages plutôt que d'accéder à une nouvelle page. Je vous conseillerais de construire le site sans le AJAX, puis d'ajouter AJAX au-dessus de sorte que tout se dégrade gracieusement en cas d'erreur ou si le javascript est désactivé.

Donc, en supposant que vous ayez maintenant un site qui fonctionne presque comme vous le souhaitez mais sans AJAX, vous pouvez facilement envelopper tout votre contenu dans des ID que jquery pourrait récupérer et demander des URL sur des hyperliens via des requêtes js au lieu de laisser le navigateur gérer il.

C'est la réponse dans sa forme la plus grossière.

Vous pouvez également ajuster vos modèles pour que, si la demande a été effectuée par AJAX, ils ne renvoient que le contenu pertinent, et non une page complète contenant des modèles:

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

Sinon, vous pouvez implémenter des callbacks AJAX arbitraires, voici une liste d'articles sur la façon d'écrire, d'utiliser et d'étendre les AJAX callbacks fournis par 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/

8
Tom J Nowell