Ontwerpen met en uitvoeren van WordPress vanuit een tablet

De markt voor tablets is de afgelopen twee jaar explosief gegroeid en elke dag worden ze in de handen van nieuwe gebruikers gelegd. Wat betekent dat voor u als WordPress-ontwikkelaar en / of gebruiker? Nou, het betekent dat steeds meer tablets uw site bezoeken en we hebben al diepgaand gekeken naar de overwegingen die u daarover zou moeten maken met dingen als responsive design die een belangrijk onderdeel worden van webdesign..

Naarmate de markt groeit, nemen ook de kansen voor u, de ontwikkelaar en / of blogger, om je werk daadwerkelijk naar een tablet te verplaatsen om thema's op te ontwerpen of om inhoud van te publiceren. In dit artikel gaan we een aantal apps en methoden bekijken voor zowel het ontwerpen van thema's als het produceren van inhoud op een tablet, naast het markeren van overwegingen die u mogelijk wilt maken voor degenen die publiceren naar uw ontwerp vanaf een tablet.


Ontwerpen en produceren op een tablet

Allereerst gaan we de daadwerkelijke creatie van een WordPress-thema op een tablet onderzoeken, van het begin tot het laatste stuk. Er zijn een aantal geweldige apps om dit te bereiken, die we eerst zullen bekijken.


Planning en wireframing

De eerste fase van het ontwerpen van een thema, of welke website dan ook, is natuurlijk planning. Er zijn een aantal geweldige prototyping- en wireframing-apps beschikbaar. Adobe Proto is zo'n app beschikbaar voor de iPad, waarmee u wireframes van zowel websites als apps op uw iPad kunt maken. Met de app kunt u draadmodellay-outs schetsen en verschillende vooraf ingestelde componenten invoegen, zoals menu's, accordeons, video-plaatshouders, enz. De app kan ook centraal blijven ten opzichte van een rastersysteem op basis van populaire CSS-instellingen.

Het prijskaartje van $ 9,99 is inbegrepen in de integratie met Adobe's Creative Cloud-service waarmee u uw bestanden kunt openen en verder kunt verfijnen in Dreamweaver CS6. Je krijgt ook 2 GB aan cloudopslag om bestanden te synchroniseren tussen je tablet en je desktop, ze te openen vanaf internet en eenvoudig te delen.

Hoewel Adobe Proto onze eerste keuze is voor wireframing, zijn er een aantal apps die een vergelijkbare taak uitvoeren, waarbij OmniGraffle zo'n app is. Met OmniGraffle, met een prijskaartje van $ 49,99, kunt u diagrammen, procesgrafieken, wireframes voor websites en meer maken.


Opzetten voor ontwikkeling

Nu het tijd is om je thema daadwerkelijk in iets echts en functioneels samen te stellen, moeten we ergens een locatie instellen om het thema te hosten terwijl we het ontwikkelen. Dit brengt een aantal uitdagingen met zich mee, omdat de iPad niet precies in staat is om een ​​lokale server met MySQL te hosten, althans uit de doos.

Een optie is om een ​​lokale server op te zetten, via een service zoals MAMP voor Mac of WampServer voor Windows en vervolgens Dropbox te gebruiken om de bewerkingen die we op de iPad maken te synchroniseren met uw computer, waar u een voorbeeld van kunt bekijken. Als u niet van plan bent uw ontwikkeling te delen met een traditionele desktopcomputer, dan is dit misschien niet de beste optie.

Het alternatief is om een ​​website die toegankelijk is via een browser te hosten zonder afhankelijk te zijn van een computer (versus een die optreedt als een server). Zodra u dat doet, kunnen de meeste apps die we bekijken, verbinding maken met uw server via FTP en vervolgens op afstand werken terwijl u uw thema ontwikkelt. Het betekent dat je geen lokale kopie zult hebben, maar het is misschien de gemakkelijkste manier om dit op een iPad te bereiken, voor nu.


Ontwikkelingsapps

Dieet Coda is misschien wel de meest recente release om opname in deze lijst te rechtvaardigen, die eind mei wordt vrijgegeven. Dieet Coda is afkomstig van de ontwikkelaar van de zeer populaire Coda voor Mac OS X, Panic, en biedt tekstbewerkingsfuncties wanneer je op afstand bent verbonden met een FTP- of SFTP-server.

Uiteindelijk is Diet Coda vrij eenvoudig, maar het biedt nog steeds ongelooflijk nuttige functies voor bestandsbeheer voor uw server, evenals een met functies gevulde editor voor HTML, CSS, JavaScript en onze oude vriend PHP. Je kunt niet offline bewerken, iets waarvan de meesten van ons hopen dat het in een toekomstige update komt, dus wees gewaarschuwd voordat je het geld uitgeeft.

Dieet Coda is niet alleen een geweldige editor op de iPad, maar werkt ook fantastisch met Coda 2 op Mac OS X. Net als Apple's ingebouwde AirPlay voor media zoals muziek, tv-shows en films, stelt AirPreview je in staat om direct een voorbeeld van de bestand waar je aan werkt vanaf je Mac naar je iPad. Terwijl u het bestand op OS X opslaat, wordt het voorbeeld onmiddellijk bijgewerkt op uw iPad. Het is een vrij leuke functie.

Diet Coda is beschikbaar voor iPad, voor $ 19,99 uit de App Store.

Een alternatief voor Diet Coda, een die offline bewerken omvat, is Textastic, een andere code-editor voor iPad. Textastic deelt veel functies met Diet Coda, albiet zonder de extra integratie in Coda 2 voor Mac OS X en de prachtige gebruikersinterface, en is in essentie een codebewerker. Bovendien kun je, in tegenstelling tot Diet Coda, offline werken en synchroniseren met Dropbox, waardoor je geen online server meer nodig hebt (je kunt echter nog steeds via SFTP / FTP bewerken als je dat wilt).

Een app waar ik zelf geen ervaring mee heb gehad, maar waar ik heel veel over heb gesproken, is Gusto.

Gusto is gemaakt om "de workflow van webontwikkeling op de iPad te omarmen" en lijkt op sommige manieren op Coda. Met Gusto, een projectgerichte editor, kunt u bewerken in een interface met tabbladen en eenvoudig bestanden overbrengen tussen de lokale client en een FTP-, SFTP-, FTPS- en / of Dropbox-verbinding.

Gusto is beschikbaar voor de iPad in de App Store voor $ 9,99.


Andere interessante apps

We hebben dus gekeken naar apps om u te helpen bij het plannen en ontwikkelen van uw WordPress-thema, maar er zijn ook enkele andere apps die de gemiddelde ontwerper van WordPress kunnen interesseren..

Hoewel het technisch gezien geen app is en door Apple als een boek / tijdschrift wordt geclassificeerd, is het tijdschrift Web Designer beschikbaar op iPad, dat tutorials biedt voor HTML, CSS en onze goede vriend WordPress. Omdat het een tijdschrift is, zijn problemen beschikbaar op abonnementsbasis voor $ 5,99 per stuk in de App Store.

Er zijn ook apps zoals de $ 1,99-referentietoepassing voor PHP, die PHP-documentatie direct op je apparaat aanbiedt, dus het is vrij eenvoudig voor nieuwkomers om kennis te maken met de taal.

Als alternatief heb je natuurlijk toegang tot Safari en daardoor een enorme hoeveelheid documentatie en community-ondersteuning online.


Tablet op account nemen

Zoals we verderop zullen zien, is het zeker mogelijk om content te produceren om te publiceren in WordPress. Er zijn echter een aantal belangrijke functies waarmee u rekening moet houden bij het ontwerpen van een thema, vooral als u een primaire gebruikersgroep voorspelt van bloggers met iPad.

Aangepaste velden

Een belangrijk onderdeel van mijn dagelijks leven is werken in WordPress als blogger en ik heb natuurlijk verschillende iPad-apps uitgeprobeerd om dit werk naar een mobiel platform te brengen. Een specifiek kenmerk van WordPress dat opviel als een gebrek aan deze apps, was de mogelijkheid om metadata toe te voegen en in aangepaste velden in te voeren. Zelfs de officiële WordPress-app biedt geen ruimte voor aangepaste velden, wat problemen kan veroorzaken voor bloggers met thema's waarvoor ze zijn vereist.

Daarom is het voor ontwikkelaars belangrijk om aangepaste velden in een thema te gebruiken. Er is echter licht aan het einde van de tunnel, waarbij het WordPress-dashboard een responsieve upgrade krijgt waarmee het beter kan werken in de browser van de iPad. Daarom blijft het WordPress-dashboard een optie voor bloggers, in plaats van een speciale app, zoals we in de volgende sectie zullen bekijken.

WordPress 3.4 zal ook in de komende week of zo verschijnen, wat de ondersteuning van aangepaste velden door de XML-RPC API verbetert. Hierdoor kunnen we verwachten dat de officiële app, en hopelijk ook andere apps, mogelijk in staat zal zijn om ze te gaan ondersteunen.

Ondersteuning voor uitgelichte afbeeldingen

Op dezelfde manier is de functie voor aanbevolen afbeeldingen waarmee u een specifieke afbeelding in het dashboard kunt bellen, niet beschikbaar voor configuratie in een van de apps die ik heb gebruikt, wat teleurstellend is. Evenzo is het mogelijk om via uw browser in de webapp te doen, maar zelfs met die methode kunt u geen nieuwe afbeeldingen uploaden.

Een slag van optimisme

Maar goed nieuws! In WordPress 3.4 krijgt de XML-RPC API een behoorlijk belangrijke update, wat betekent dat de apps die communiceren met deze API (dat wil zeggen het ras van WordPress-apps op iOS) vrij grote feature-updates moeten kunnen verspreiden. Er is mij zelfs verteld dat deze update in staat zou zijn om aangepaste post-type authoring en bewerking naar de XML-RPC API te brengen, wat betekent dat we binnenkort enkele geweldige iPad-apps zouden moeten hebben die deze functies ondersteunen.


Voor de Blogger

Nu gaan we verder met een tijd waarin het thema wordt ontwikkeld en in gebruik is op een live site. Het is tijd om wat inhoud te schrijven, en dat is een taak die kan worden bereikt op een iPad of andere tablet.

Allereerst moeten we de officiële WordPress-apps noemen, beschikbaar voor iOS en Android. Dit zijn waarschijnlijk de apps waar de meeste mensen het eerst naar toe gaan, wat met hun officiële karakter, hoewel ze waarschijnlijk de meest eenvoudige zijn.

In een vrij standaard gebruikersinterface, brengt WordPress de meest elementaire hulpmiddelen beschikbaar voor het vastleggen van inhoud op uw tablet met deze officiële apps. Je kunt proza ​​schrijven, een titel intypen, het taggen en categoriseren, maar weinig meer. Dankzij het beter beveiligde bestandssysteem van mobiele OS's is het ook niet fantastisch om media toe te voegen. En u kunt aangepaste velden en dergelijke vergeten, omdat ze volledig ontoegankelijk zijn in de app, ook al zijn dit voorraadfuncties van WordPress. Voor basistaken zoals moderatie van opmerkingen en statistisch weergeven doet het echter een minnelijke klus.

Ik zou dit nog niet aanbevelen, maar het is moeilijk om er niet over te praten, omdat dit het officiële aanbod is. De app is gratis beschikbaar op de respectievelijke markten.

Als alternatief is er de mogelijkheid van een reeks alternatieven van derden. Ik zal geen tijd verspillen aan het uitleggen van iedereen die beschikbaar is; Laten we in plaats daarvan naar een bepaalde app van derden kijken. Mijn persoonlijke voorkeursapp is Blogsy, een iPad WordPress-client. De app van $ 4,99 is een wereld verwijderd van de officiële WordPress-app, en ziet er veel meer uit als een werkbaar dashboard met een krachtige set mediakenmerken.

Blogsy maakt optimaal gebruik van het schermvastgoed van de iPad om een ​​groot aantal functies in te pakken met een geweldige inleidende mediabrowser die misschien de beste manier is om media te importeren in WordPress op de iPad. Ik heb Blogsy voor iPad vorig jaar beoordeeld. AppStorm gaf het een 9/10 en merkte op hoe belangrijk het was in de toekomst van de iPad als apparaat voor het maken van inhoud.

Helaas heeft Blogsy, net als de meeste andere apps, het terugkerende gebrek aan een paar handige functies, zoals aanbevolen afbeeldingen en aangepaste berichttypen.

Het derde alternatief, na de officiële en native apps van derden, is het webgebaseerde WordPress-dashboard. In versie drie kreeg het dashboard een grondige revisie, inclusief een bijgewerkt responsief ontwerp. Dit werkt veel, veel beter op apparaten met aanraakbediening zoals je tablet, en is nu een haalbare optie.

Uiteindelijk is het gewoon het WordPress-dashboard, dus het hoeft niet uitgelegd te worden, hoewel het op enkele manieren merkbaar is verbroken. Het ontbreekt aan de mogelijkheid om nieuwe media te uploaden (hoewel het een veel betere optie is om te browsen en bestaande media in te voegen), maar gezien de recente aankondiging van Apple bij WWDC over het uploaden van webformulieren in iOS 6, kan dit snel veranderen.


Conclusie

In dit artikel hebben we een paar apps bekeken voor het plannen, ontwikkelen en produceren van inhoud voor WordPress op een tablet en hopelijk heeft het bewezen dat het zeker mogelijk is om dergelijke taken op een tablet uit te voeren.

Hoewel het mogelijk is, hebben mobiele tablets een aantal belangrijke tekortkomingen die moeten worden opgelost voordat ze echt aanwezig kunnen worden in de workflow van een WordPress-er. Voor de ontwikkeling zijn recente updates en releases ver gegaan in het verstoren van het idee dat de tablet geen apparaat voor het maken van inhoud is. Het blijkt echter dat de eenvoudigere taken degene zijn waar de tablet niet in slaagt, namelijk het schrijven van inhoud. Gelukkig ziet de toekomst er rooskleurig uit met op handen zijnde updates die dit allemaal kunnen veranderen.

Als je een tablet, iPad, Android of een ander hebt gebruikt om te werken in WordPress, deel dan je ervaringen in de reacties hieronder.