Ten eerste moeten we de sectietags verwijderen die de blogberichten omsluiten. Hierdoor kan jQTouch de structuur van de pagina begrijpen, waardoor het laden van blogposts een stuk eenvoudiger en sneller wordt. Nu zou de blogsectie van index.php er als volgt uit moeten zien:

 
 
 
blog
 Huis 
 
 Dit is een korte beschrijving van blog. Hier beschrijf je het doel. 
   
 
">
 
 
 
Door: 
 
Lees verder')); ?>
 
   
     
 

single.php

Single.php is het bestand dat wordt gebruikt om een ​​individuele post te bekijken. We moeten dit aanpassen, zodat het slechts een div-sectie is die we eenvoudig kunnen targeten en laden met behulp van AJAX. Eerst moeten we controleren of er berichten zijn die kunnen worden weergegeven. Vervolgens zullen we een while-lus starten om de inhoud van de post weer te geven. We hebben al bijna alle onderstaande WordPress-sjabloonfuncties behandeld, dus ze moeten allemaal vrij duidelijk zijn:

  
 
 
Blogpost
 blog 
 
 
 
 
 ">
 
Door: 
 
 
  
Sorry, geen berichten voldeden aan uw criteria.
  
 

Het enige dat echt nieuw is, is comments_template (). Dit voegt feitelijk de commentaartemplate in, waar we het in een beetje over zullen hebben.

styling

We zullen ook een beetje meer styling aan style.css moeten toevoegen om deze er goed uit te laten zien:

 .maand-klein positie: absoluut; breedte: 35px; text-align: center; achtergrond: # aa3939; kleur: # f5f2f2; regelhoogte: 14 px; padding-top: 2px; padding-bottom: 3px; border-top-left-radius: 4px; border-top-right-radius: 4px; lettergrootte: 12px; margin-top: -8px; rechts: 15px;  .date-small position: absolute; breedte: 35px; margin-top: 11px; lettergrootte: 18px; text-align: center; achtergrond: # f5f2f2; grens-onder-links radius: 4px; border-bottom-right-radius: 4px; rechts: 15px;  .post-auteur-tekst, .post-tekst font-size: 13px; kleur: #fff; margin-bottom: 5px; text-align: rechtvaardigen; regelhoogte: 18px;  .avatar-32 float: right; margin-right: 35px; margin-top: -4px;  h3 margin-left: 5px;  

Comments

Ik noemde de reactiesjabloon in de laatste stap. Nu moeten we dat definiëren. Open hiervoor comments.php.

Beveiliging en titel

We moeten niet vergeten dat dit een sjabloon is. En als zodanig moeten we flexibel zijn. Niet alle blogs willen dat reacties zijn ingeschakeld. Sommigen willen alleen privéreacties. Je snapt het idee. Dit eerste deel is vrij standaard voor veel sjablonen, maar we moeten controleren of reacties open zijn, welk type bericht dit is en vervolgens de titel van het reactiegedeelte invoegen. We doen dit met de volgende code:

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

Opmerkingen weergeven

Nu moeten we opmerkingen weergeven. Eerst moeten we controleren of we opmerkingen hebben over het bericht. Daarna starten we een foreach-lus en drukken we elke opmerking af:

   
 
  
 
 "> 
 
Bewerk dit "),"); ?>
 
   
  

Reageren RSS Feed / Trackback-URL

Een andere mooie standaardthema-functie is een RSS-feed voor de opmerkingen van elk bericht en een trackback-URL. We moeten ons specifiek richten op een nieuw venster om jQTouch correct te laten werken. Dit bemoeilijkt de Comments RSS een beetje, omdat er geen uit de doos bestaande WordPress-themafunctie is die we kunnen gebruiken om een ​​blanco doel te specificeren. Gelukkig is de conventie van WordPress in feite gewoon post url / feed. Daarom kunnen we onze eigen maken:

 
 
/ feed "target =" _ blank "> Reacties plaatsen RSS
  
"target =" _ blank "> Trackback-URL
  
 

Laat een reactie achter

Nu gaan we de mogelijkheid toevoegen om een ​​opmerking toe te voegen. Eerst moet je controleren of reacties open zijn (daar is een functie voor). Voeg vervolgens een titel toe en laat de gebruiker weten dat dit kan. Dan moeten we controleren of iemand een opmerking kan achterlaten of dat je moet worden geregistreerd. Vervolgens openen we het formulier. Vervolgens maken we een formulier in de stijl van jQTouch. Dan sluiten we alles op. Het zou meer logisch moeten zijn hieronder:

  
  
  
 
  
 /wp-login.php?action=logout "title ="">
  
 
 
   
 
 
Uw opmerking verschijnt na goedkeuring.
   ID KAART); ?> 
   
  

Pages

We moeten er ook voor zorgen dat we pagina's in dit thema behandelen. Binnen index.php moeten we alle pagina's in een menu weergeven. Dan kunnen we links maken naar de inhoud van de pagina's zoals we deden met blogposts. Het is heel eenvoudig om pagina's in WordPress te tonen. We zullen echter één parameter toevoegen. Standaard voegt de sjabloonfunctie een titellijstitem toe. We zullen dit hieronder oplossen:

 
 
 
Site-pagina's
 Huis 
 
Pages
 
  
 
 

page.php

Page.php is de pagina-versie van de single.php van de post. Dat gezegd hebbende, het zal ook een zeer vergelijkbaar bestand zijn.

  
 
 
Blogpost
 Pages 
 
 
 
 
 ">
 
Door: 
 
 
  
Sorry, geen pagina's die voldoen aan uw criteria.
  
 

Wat nu?

Nu hebben we een bruikbaar WordPress-thema dat iedereen kan gebruiken om mobiele doelgroepen te bereiken vanaf hun WordPress-blog op de desktop. Maar wat nu? Er is nog steeds veel ruimte voor verbetering in dit thema (er kan een zelfstudie zijn over het toevoegen van zoekfunctionaliteit, of er is misschien niet, wie weet;] -ga een opmerking als je er een wilt zien), en dat is waarom Ik geef het vrij als open source voor de gemeenschap om te gebruiken en te verbeteren. U kunt het project downloaden en openen via http://code.google.com/p/wp-mobile/. Ik moedig iedereen aan om het te gebruiken en het te maken. Ik zou graag zien dat sommige mensen dit gebruiken, dus zorg ervoor dat je me een link stuurt! laat me je gedachten weten!