Premièrement, nous devons supprimer les balises de section qui enveloppent les articles du blog. Cela permet à jQTouch de comprendre la structure de la page, ce qui rendra le chargement des articles de blog beaucoup plus simple et rapide. Maintenant, la section blog de index.php devrait ressembler à ceci:

 
 
 
Blog
 Accueil 
 
 Ceci est une courte description du blog. Ici vous décrivez le but. 
   
 
">
 
 
 
Par: 
 
Lire la suite')); ?>
 
   
     
 

Single.php

Single.php est le fichier utilisé pour afficher une publication individuelle. Nous devons modifier cela, afin que ce ne soit qu'une section div que nous puissions facilement cibler et charger avec AJAX. Tout d’abord, nous devons vérifier qu’il ya des messages à afficher. Ensuite, nous allons commencer une boucle while pour afficher le contenu de l'article. Nous avons déjà couvert la quasi-totalité des fonctions de modèle WordPress ci-dessous, elles devraient donc toutes être assez explicites:

  
 
 
Message de blog
 Blog 
 
 
 
 
 ">
 
Par: 
 
 
  
Désolé, aucun article ne correspond à vos critères.
  
 

La seule chose qui soit vraiment nouvelle est comments_template (). Cela insère essentiellement le modèle de commentaire, dont nous parlerons un peu.

Coiffant

Nous aurons également besoin d'ajouter un peu plus de style à style.css pour que cette image soit belle:

 .month-small position: absolute; largeur: 35px; text-align: center; arrière-plan: # aa3939; couleur: # f5f2f2; hauteur de ligne: 14px; rembourrage en haut: 2px; rembourrage en bas: 3px; border-top-left-radius: 4px; border-top-right-radius: 4px; taille de police: 12px; marge supérieure: -8px; à droite: 15px;  .date-small position: absolute; largeur: 35px; marge supérieure: 11px; taille de police: 18px; text-align: center; arrière-plan: # f5f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; à droite: 15px;  .post-author-text, .post-text taille de la police: 13px; couleur: #fff; marge inférieure: 5px; text-align: justifier; hauteur de ligne: 18px;  .avatar-32 float: right; marge droite: 35px; marge supérieure: -4px;  h3 marge gauche: 5px;  

commentaires

J'ai mentionné le modèle de commentaires dans la dernière étape. Nous devons maintenant définir cela. Pour ce faire, ouvrez comments.php.

Sécurité et titre

Nous devons garder à l'esprit qu'il s'agit d'un modèle. Et en tant que tel, nous devons être flexibles. Tous les blogs ne voudront pas que les commentaires soient activés. Certains voudront seulement des commentaires privés. Vous avez eu l'idée. Cette première partie est assez standard pour de nombreux modèles, mais nous devons vérifier si les commentaires sont ouverts, quel type de message il s'agit, puis insérer le titre de la zone de commentaire. Nous le faisons avec le code suivant:

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

Afficher les commentaires

Nous devons maintenant afficher les commentaires. Premièrement, nous devons vérifier si nous avons des commentaires sur le post. Ensuite, nous allons commencer une boucle foreach et imprimer chaque commentaire:

   
 
  
 
 "> 
 
Modifier ceci "),"); ?>
 
   
  

Commenter RSS / Trackback URL

Une autre fonctionnalité de thème assez standard consiste à inclure un flux RSS pour les commentaires de chaque message, ainsi qu'une URL de rétrolien. Nous devons cibler spécifiquement une nouvelle fenêtre pour que jQTouch fonctionne correctement. Cela complique un peu les commentaires RSS, car il n’existe pas de fonction thème WordPress prête à l’emploi qui puisse être utilisée, mais une cible vide. Heureusement, la convention de WordPress consiste essentiellement à publier une URL / un flux. Par conséquent, nous pouvons créer notre propre:

 
 
/ feed "target =" _ blank "> Poster des commentaires RSS
  
"target =" _ blank "> URL de rétrolien
  
 

Laissez un commentaire

Nous allons maintenant ajouter la possibilité d'ajouter un commentaire. Tout d’abord, vous devez vérifier si les commentaires sont ouverts (il existe une fonction pour cela). Ajoutez ensuite un titre indiquant à l'utilisateur qu'il peut le faire. Ensuite, nous devons vérifier si quelqu'un peut laisser un commentaire ou si vous devez être enregistré. Ensuite, nous ouvrons le formulaire. Ensuite, nous créons un formulaire dans le style de jQTouch. Puis on ferme tout. Cela devrait être plus logique ci-dessous:

  
  
  
 
  
 /wp-login.php?action=logout "title ="">
  
 
 
   
 
 
Votre commentaire apparaîtra après approbation.
   ID); ?> 
   
  

Des pages

Nous devons également nous assurer de couvrir les pages de ce thème. Dans index.php, nous devons lister toutes les pages d’un menu. Nous pouvons ensuite créer un lien vers le contenu des pages, comme nous l’avons fait pour les articles de blog. C'est très simple de lister des pages dans WordPress. Nous allons cependant ajouter un paramètre. Par défaut, la fonction de modèle ajoutera un élément de liste de titres. Nous allons résoudre ce problème ci-dessous:

 
 
 
Pages du site
 Accueil 
 
Des pages
 
  
 
 

Page.php

Page.php est la version de la page du single.php de la publication. Cela étant dit, ce sera un fichier très similaire aussi.

  
 
 
Message de blog
 Des pages 
 
 
 
 
 ">
 
Par: 
 
 
  
Désolé, aucune page ne correspond à vos critères.
  
 

Et maintenant?

Nous avons maintenant un thème WordPress utilisable que tout le monde peut utiliser pour atteindre un public mobile à partir de son blog WordPress de bureau. Mais quoi maintenant? Il reste encore beaucoup à améliorer sur ce thème (il peut y avoir un tutoriel sur l’ajout de la fonctionnalité de recherche, ou peut-être pas, qui sait;], laissez un commentaire si vous souhaitez en voir un), et c’est pourquoi Je le publie en tant que source ouverte pour que la communauté puisse l'utiliser et l'améliorer. Vous pouvez télécharger et accéder au projet à l'adresse http://code.google.com/p/wp-mobile/. J'encourage tout le monde à l'utiliser et à s'en approprier. J'adorerais voir certaines personnes l'utiliser, alors assurez-vous de m'envoyer un lien! Laisse moi savoir ce que tu penses!