Zuerst müssen wir die Abschnitts-Tags entfernen, die die Blogbeiträge umschließen. Dies ermöglicht jQTouch, die Struktur der Seite zu verstehen, was das Laden der Blogbeiträge wesentlich einfacher und schneller macht. Nun sollte der Blog-Abschnitt von index.php so aussehen:

 
 
 
Blog
 Zuhause 
 
 Dies ist eine kurze Beschreibung des Blogs. Hier beschreiben Sie den Zweck. 
   
 
">
 
 
 
Durch: 
 
Weiterlesen')); ?>
 
   
     
 

Single.php

Single.php ist die Datei, die zum Anzeigen eines einzelnen Beitrags verwendet wird. Wir müssen dies ändern, sodass es nur ein div-Bereich ist, den wir mit AJAX problemlos anvisieren und laden können. Zuerst müssen wir überprüfen, ob Beiträge angezeigt werden. Dann starten wir eine while-Schleife, um den Inhalt des Beitrags anzuzeigen. Wir haben bereits fast alle WordPress-Vorlagenfunktionen behandelt, daher sollten sie alle ziemlich selbsterklärend sein:

  
 
 
Blogeintrag
 Blog 
 
 
 
 
 ">
 
Durch: 
 
 
  
Verzeihung, keine Artikel passen auf deine Kriterien.
  
 

Das einzige, was wirklich neu ist, ist comments_template (). Dies fügt im Wesentlichen die Kommentarvorlage ein, über die wir in Kürze sprechen werden.

Styling

Um dies gut aussehen zu lassen, müssen wir style.css noch etwas mehr Styling hinzufügen:

 .kleiner Monat Position: absolut; Breite: 35px; Text ausrichten: Mitte; Hintergrund: # aa3939; Farbe: # f5f2f2; Zeilenhöhe: 14px; Polsterauflage: 2px; Polsterung unten: 3px; Rand oben links Radius: 4px; Rand oben rechts Radius: 4px; Schriftgröße: 12px; Rand oben: -8px; rechts: 15px;  .date-small position: absolut; Breite: 35px; Rand oben: 11px; Schriftgröße: 18px; Text ausrichten: Mitte; Hintergrund: # f5f2f2; Rand unten links Radius: 4px; Rahmen unten rechts: 4px; rechts: 15px;  .post-Autor-Text, .post-Text Schriftgröße: 13px; Farbe: #fff; Rand unten: 5px; Text ausrichten: begründen; Zeilenhöhe: 18px;  .avatar-32 float: right; Rand rechts: 35px; Rand oben: -4px;  h3 Rand links: 5px;  

Bemerkungen

Ich habe die Kommentarvorlage im letzten Schritt erwähnt. Jetzt müssen wir das definieren. Öffnen Sie dazu comments.php.

Sicherheit und Titel

Wir müssen berücksichtigen, dass dies eine Vorlage ist. Deshalb müssen wir flexibel sein. Nicht für alle Blogs ist die Aktivierung von Kommentaren erforderlich. Einige wollen nur private Kommentare. Du hast die Idee. Dieser erste Teil ist für viele Vorlagen ziemlich Standard, aber wir müssen prüfen, ob Kommentare vorhanden sind, welche Art von Beitrag dies ist, und dann den Titel des Kommentarbereichs einfügen. Wir machen das mit dem folgenden Code:

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

Kommentare anzeigen

Jetzt müssen wir Kommentare anzeigen. Zuerst müssen wir überprüfen, ob wir Kommentare zum Beitrag haben. Dann werden wir eine foreach-Schleife starten und jeden Kommentar ausdrucken:

   
 
  
 
 "> 
 
Bearbeiten Sie dieses "),"); ?>
 
   
  

Kommentar RSS-Feed / Trackback-URL

Eine weitere Standard-Theme-Funktion umfasst einen RSS-Feed für die Kommentare aller Posts sowie eine Trackback-URL. Wir müssen gezielt ein neues Fenster für jQTouch einrichten, damit es ordnungsgemäß funktioniert. Dies macht die Kommentare-RSS etwas komplizierter, da es keine WordPress-Theme-Funktion gibt, die wir verwenden können, um ein leeres Ziel anzugeben. Glücklicherweise ist die WordPress-Konvention im Grunde nur Post-URL / Feed. Daher können wir unsere eigenen erstellen:

 
 
/ feed "target =" _ blank "> Kommentar posten RSS
  
"target =" _ blank "> Trackback-URL
  
 

Hinterlasse einen Kommentar

Jetzt fügen wir die Möglichkeit hinzu, einen Kommentar hinzuzufügen. Zuerst müssen Sie prüfen, ob Kommentare geöffnet sind (dafür gibt es eine Funktion). Fügen Sie dann einen Titel hinzu, um den Benutzer darüber in Kenntnis zu setzen. Dann müssen wir prüfen, ob jemand einen Kommentar hinterlassen kann oder ob Sie registriert werden müssen. Dann öffnen wir das Formular. Dann erstellen wir ein Formular im Stil von jQTouch. Dann schließen wir alles. Es sollte unten sinnvoller sein:

  
  
  
 
  
 /wp-login.php?action=logout "title ="">
  
 
 
   
 
 
Ihr Kommentar wird nach der Bestätigung angezeigt.
   ICH WÜRDE); ?> 
   
  

Seiten

Wir müssen auch sicherstellen, dass wir Seiten in diesem Thema abdecken. In index.php müssen wir alle Seiten eines Menüs auflisten. Dann können wir auf den eigentlichen Seiteninhalt verweisen, wie wir es bei Blogbeiträgen gemacht haben. Es ist sehr einfach, Seiten in WordPress aufzulisten. Wir werden jedoch einen Parameter hinzufügen. Standardmäßig fügt die Vorlagenfunktion ein Titellistenelement hinzu. Wir werden das unten beheben:

 
 
 
Site-Seiten
 Zuhause 
 
Seiten
 
  
 
 

Seite.php

Page.php ist die Version der einzelnen single.php des Beitrags. Davon abgesehen, wird es auch eine sehr ähnliche Datei sein.

  
 
 
Blogeintrag
 Seiten 
 
 
 
 
 ">
 
Durch: 
 
 
  
Leider entspricht keine Seite Ihren Kriterien.
  
 

Was jetzt?

Jetzt haben wir ein benutzbares WordPress-Theme, mit dem jeder von seinem Desktop-WordPress-Blog aus mobile Zielgruppen erreichen kann. Aber was jetzt? Es gibt noch viel Raum für Verbesserungen bei diesem Thema (Es gibt möglicherweise ein Tutorial zum Hinzufügen von Suchfunktionen oder es gibt keine Möglichkeit, wer weiß;] - lassen Sie einen Kommentar, wenn Sie einen sehen möchten), und deshalb Ich veröffentliche es als Open Source für die Community, um es zu nutzen und zu verbessern. Sie können das Projekt unter http://code.google.com/p/wp-mobile/ herunterladen und darauf zugreifen. Ich ermutige jeden, es zu benutzen und es sich zu eigen zu machen. Ich würde gerne einige Leute sehen, die dies nutzen. Schicken Sie mir also bitte einen Link per E-Mail! Lass mich wissen was du denkst!