WordPress come sito single page

Question

WordPress come sito single page

6 apr 2012, 15:29:13

Visualizzazioni: 2.23K

Voti: 3

Mi piace WordPress come CMS e penso che abbia molto da offrire con la sua vasta libreria di plugin, tuttavia il front-end, oserei dire, è un po' datato.

Non mi piace il vecchio sistema di navigazione da pagina a pagina e preferirei un sito single page alimentato da JSON/AJAX. Ho utilizzato WordPress per creare siti semplici per clienti, ma quando si tratta di qualcosa di più impressionante, il sistema di template di WordPress è un po' carente.

Sono abituato a utilizzare Backbone.js e Knockout.js come framework e require.js per il caricamento dei moduli. Sto cercando un plugin o un riferimento per rimuovere efficacemente il front-end di WordPress e utilizzare CRUD/REST e JavaScript per costruire siti dinamici single page.

Qualcuno può indicarmi la direzione giusta?

Alex

471

javascript single

Commenti

Tutto ciò di cui hai bisogno nel tuo tema è index.php, style.css con un'intestazione valida; poi leggi questo http://codex.wordpress.org/AJAX_in_Plugins e applicalo al tuo tema in functions.php, è davvero molto semplice.

soulseekah

6 apr 2012 16:03:04

Tutte le risposte alla domanda

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

Non c'è nulla che ti impedisca di utilizzare AJAX per un sito singlepage che carica dinamicamente altre pagine invece di passare a una pagina completamente nuova. Ti consiglio di costruire il sito senza AJAX e poi aggiungerlo successivamente in modo che tutto funzioni correttamente anche in caso di errore o se JavaScript è disattivato.

Quindi, assumendo che ora hai un sito che funziona quasi come desideri ma senza AJAX, puoi facilmente racchiudere tutti i tuoi contenuti in ID che jQuery può individuare e richiedere gli URL dei collegamenti ipertestuali tramite richieste JS invece di lasciare che il browser li gestisca.

Questa è la risposta nella sua forma più grezza.

Puoi anche modificare i tuoi template in modo che, se la richiesta è stata effettuata tramite AJAX, restituiscano solo il contenuto rilevante anziché una pagina completa con template:

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

In alternativa, puoi implementare callback AJAX arbitrari. Ecco un elenco di articoli su come scrivere, utilizzare ed estendere i callback AJAX forniti da 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/