Innanzitutto, dobbiamo rimuovere i tag di sezione che avvolgono i post del blog. Ciò consente a jQTouch di essere in grado di comprendere la struttura della pagina, il che renderà molto più semplice e veloce il caricamento dei post del blog. Ora, la sezione blog di index.php dovrebbe apparire così:

 
 
 
blog
 Casa 
 
 Questa è una breve descrizione del blog. Qui descrivi lo scopo. 
   
 
">
 
 
 
Di: 
 
Leggi di più')); ?>
 
   
     
 

single.php

Single.php è il file utilizzato per visualizzare un singolo post. Abbiamo bisogno di modificare questo, in modo che sia solo una sezione div che possiamo facilmente indirizzare e caricare usando AJAX. Per prima cosa, dobbiamo controllare che ci siano post da mostrare. Quindi, inizieremo un ciclo while per visualizzare il contenuto del post. Abbiamo già trattato quasi tutte le funzioni del modello di WordPress di seguito, quindi dovrebbero essere tutte abbastanza auto-esplicative:

  
 
 
Post sul blog
 blog 
 
 
 
 
 ">
 
Di: 
 
 
  
Spiacente, nessun post corrisponde ai tuoi criteri.
  
 

L'unica cosa che è veramente nuova è comments_template (). Questo in pratica inserisce il modello di commento, di cui parleremo tra un po '.

Messa in piega

Avremo anche bisogno di aggiungere un po 'più di stile a style.css per rendere questo aspetto positivo:

 .mese-piccola posizione: assoluta; larghezza: 35px; allineamento del testo: centro; sfondo: # aa3939; colore: # f5f2f2; altezza della linea: 14px; padding-top: 2px; imbottitura-fondo: 3px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 12px; margin-top: -8px; a destra: 15px;  .date-small position: absolute; larghezza: 35px; margin-top: 11px; font-size: 18px; allineamento del testo: centro; sfondo: # f5f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; a destra: 15px;  .post-author-text, .post-text font-size: 13px; colore: #fff; margin-bottom: 5px; allineamento del testo: giustificare; altezza della linea: 18px;  .avatar-32 float: right; margin-right: 35px; margin-top: -4px;  h3 margin-left: 5px;  

Commenti

Ho menzionato il modello di commenti nell'ultimo passaggio. Ora dobbiamo definirlo. Per fare ciò, apri comments.php.

Sicurezza e titolo

Dobbiamo tenere presente che questo è un modello. E come tale, dobbiamo essere flessibili. Non tutti i blog vorranno i commenti abilitati. Alcuni vogliono solo commenti privati. Hai un'idea. Questa prima parte è abbastanza standard per molti modelli, ma dobbiamo verificare se i commenti sono aperti, che tipo di post è questo e quindi inserire il titolo dell'area dei commenti. Lo facciamo con il seguente codice:

 post_password) && $ _COOKIE ['wp-postpass_'. COOKIEHASH]! = $ Post-> post_password):?> 
  
   
 

Mostra commenti

Ora abbiamo bisogno di visualizzare commenti. Per prima cosa, dobbiamo controllare se abbiamo commenti sul post. Quindi inizieremo un ciclo foreach e stamperemo ogni commento:

   
 
  
 
 "> 
 
Modifica questo "),"); ?>
 
   
  

Commento RSS Feed / Trackback URL

Un'altra caratteristica del tema piuttosto standard include un feed RSS per i commenti di ogni post e un URL di trackback. Abbiamo bisogno di indirizzare in modo mirato una nuova finestra affinché jQTouch funzioni correttamente. Ciò complica un po 'l'RSS dei commenti, perché non esiste una funzione del tema WordPress pronta all'uso che possiamo usare per specificare un obiettivo vuoto. Fortunatamente, la convenzione di WordPress è fondamentalmente solo posta url / feed. Pertanto, possiamo creare il nostro:

 
 
/ feed "target =" _ blank "> Post Commenti RSS
  
"target =" _ blank "> URL di trackback
  
 

Lascia un commento

Ora aggiungeremo la possibilità di aggiungere un commento. Per prima cosa, devi controllare se i commenti sono aperti (c'è una funzione per questo). Quindi aggiungi un titolo per far sapere all'utente che possono. Quindi dobbiamo controllare se qualcuno può lasciare un commento o se devi essere registrato. Quindi apriamo il modulo. Quindi creiamo un modulo nello stile di jQTouch. Quindi chiudiamo tutto. Dovrebbe avere più senso qui sotto:

  
  
  
 
  
 /wp-login.php?action=logout "title ="">
  
 
 
   
 
 
Il tuo commento apparirà dopo l'approvazione.
   ID); ?> 
   
  

pagine

Dobbiamo anche assicurarci di occuparci delle pagine di questo tema. All'interno di index.php, è necessario elencare tutte le pagine in un menu. Quindi possiamo collegare al contenuto delle pagine reali come abbiamo fatto con i post del blog. È molto semplice elencare le pagine in WordPress. Aggiungeremo un parametro però. Per impostazione predefinita, la funzione modello aggiungerà una voce dell'elenco titoli. Lo risolveremo di seguito:

 
 
 
Pagine del sito
 Casa 
 
pagine
 
  
 
 

page.php

Page.php è la versione della pagina del single.php del post. Detto questo, sarà anche un file molto simile.

  
 
 
Post sul blog
 pagine 
 
 
 
 
 ">
 
Di: 
 
 
  
Spiacente, nessuna pagina corrisponde ai tuoi criteri.
  
 

E adesso?

Ora abbiamo un tema WordPress utilizzabile che chiunque può utilizzare per raggiungere un pubblico mobile dal proprio blog WordPress desktop. Ma adesso? C'è ancora molto spazio per migliorare questo tema (potrebbe esserci un tutorial sull'aggiunta della funzionalità di ricerca, o potrebbe non esserlo, chi lo sa;) -ascia un commento se vuoi vederne uno), ed è per questo che Lo sto pubblicando come open source per la comunità da usare e migliorare. Puoi scaricare e accedere al progetto all'indirizzo http://code.google.com/p/wp-mobile/. Incoraggio tutti a usarlo e farlo proprio. Mi piacerebbe vedere alcune persone che usano questo, quindi assicurati di mandarmi un link via email! Fatemi sapere i vostri pensieri!