Share
Som webbdesigners och utvecklare har vi levt i mobiltiden för några år nu. I denna handledning ska vi granska sju plugins som hjälper till att göra din webbplats ser bra ut och fungerar bra för mobila besökare.
Mobila besökare brukar hänvisa till dem som besöker webbplatsen via surfplattor eller smartphones. Naturligtvis måste vi bygga webbplatser som svarar och anpassar sig till mobila enheter, eller vi kommer inte att nå många av dem som besöker våra webbplatser och / eller våra applikationer.
Men hur hämtar vi? Genom att göra våra webbplatser mobila redo, förstås. I den här handledningen kommer vi att granska sju plugins för att hjälpa dig att göra din webbplats ser bra ut och fungera bra för mobila användare.
Det är osannolikt att du aldrig hört talas om termerna "responsiv webbdesign" eller "adaptiv webbdesign" inom de senaste två åren. Syftet med detta tillvägagångssätt i webbdesign är att göra webbsidor passande kommer inom ramen för skärmarna för mobila enheter.
De fyra WordPress-pluggarna nedan kan hjälpa dig att presentera mobila sidor på din webbplats.
Hammy är ett praktiskt plugin som ändrar bilderna på din webbplats för mobila enheter. Det ersätter
För att kunna använda plugin måste du ange några brytpunkter och välja ett HTML-element för behållare. Med de brytpunkter du anger kan pluggen ändra storlek på bilderna när skärmens bredd når en brytpunkt. Du kan också ange några klassnamn för att förhindra att vissa bilder ignoreras.
Responsive Widgets är ett plugin som introducerar nya WordPress-text / HTML-widgets som bara visas i specifika enheter som iPads, Nooks, PlayStation Vitas och andra generiska enheter som tabletter eller smartphones.
För att kunna använda plugin behöver du bara en grundläggande förståelse för WordPress-widgets. Öppna Widgets-sidan och du får se många nya widgets för följande enheter och skärmtyper:
Många av widgetarna har kryssrutor som låter dig göra undantag. Om du till exempel vill visa en widget på tabletter men inte iPads kan du markera en kryssruta och det är bra att gå.
WP Lightbox 2 är ett mycket populärt "lightbox" plugin som låter dig använda popupbilder och gallerier på sidan med överlagringseffekter. Det är inte ett plugin som hjälper dig med lyhörd webbdesign i sig, men det är lyhört utan att göra det så att du kan använda det med dina webbplatser.
För att kunna använda pluginprogrammet behöver du inte göra något annat än aktivera pluginprogrammet. Det har några alternativ som att aktivera Lightbox i kommentarfältet eller ändra animationsvaraktighet, men det fungerar i princip vid aktivering utan ytterligare konfiguration.
Ansvarig är ett extremt användbart WordPress-plugin för att testa dina lyhörda mönster i din webbläsare. Den använder Viewport Resizer Bookmarklet för att placera en fast stapel högst upp på din sida där du kan ändra storlek på sidan till specifika mått som smartphones, tabletter eller skrivbordskärmar och anpassade dimensioner som du kan ställa in.
För att kunna använda pluginet, aktivera det bara och besök en av dina sidor. Fältet kommer att visas på varje sida så att du kan testa dina mönster, helt problemfri.
Dessa plugins fungerar på ett mer specialiserat sätt: De hjälper dig att visa ett annat WordPress-tema om användaren ansluter till din webbplats med en mobil enhet. Detta är särskilt användbart om du har ett tema som inte är mobiltillverkat. Om du inte har tid eller energi för att göra ditt tema mobiltillverkat kan du njuta av dessa fantastiska plugins för att göra jobbet.
Med över fem miljoner nedladdningar och en rating på 3,9 av 5 stjärnor, är WPTouch förmodligen det mest populära mobiltypprogrammet idag. Det erbjuder ett av de enklaste sätten att skapa en mobilversion av din webbplats, helt ur lådan.
För att kunna använda plugin-modulen behöver du bara installera och aktivera pluginprogrammet. Medan standardinställningarna är tillräckliga för många användare kan du justera ett ton av inställningar på sina konfigurationssidor.
Ett varningstecken, dock: Med stor kraft kommer stort ansvar och med över fem miljoner nedladdningar kommer ännu mer. I juli 2014 har det meddelats att WPTouch 3.x-versioner hade en dödlig sårbarhet som fixades omedelbart men kan ha orsakat stora problem för användare av plugin. Det är alltid en bra idé att leta efter uppdateringar och det gäller kärnan och alla dina plugins och teman.
WordPress Mobile Pack är en annan stor spelare som erbjuder mobila teman för WordPress-webbplatser. För närvarande har den över 600 000 nedladdningar och en rating på 3,8 av 5 stjärnor. WordPress Mobile Pack erbjuder ett mycket unikt mobiltema för dig och dina besökare - ett mobilappliknande gränssnitt istället för en klassisk mobildesign.
Som WPTouch är WordPress Mobile Pack klar att använda när du installerar och aktiverar plugin. Om du vill kan du göra några justeringar på konfigurationssidan.
Jetpack är inte bara en av de mest populära WordPress-pluginsna någonsin, men det stöds också och underhålls av WordPress.com och Automattic. Och den här stora plugin har också en "Mobile Theme" -funktion som vi kan dra nytta av.
För att kunna använda funktionen "Mobile Theme" måste du gå till Jetpack "Inställningar konfigurationssida efter att du har installerat och aktiverat Jetpack. I listan över Jetpack-moduler, hitta "Mobile Theme" och aktivera det. Det är inte så mycket, men det erbjuder en snabb och ren design för mobila enheter. En anteckning från personlig erfarenhet: Det spelar inte bra med det officiella Disqus-plugin.
På webben är det alltid viktigt att hålla trenderna och erbjuda användarna vad de vill ha, särskilt om du förväntar dig något från dem (om det är pengar eller beröm). I vår tid blir "mobil redo" vanligt och det skulle vara dumt att avstå dina användare med en webbplats som inte översätter bra till mobila enheter.
Känner du till några andra bra plugins som gör att webbplatser är mobila tillgängliga? Vänligen dela dina tankar och kunskaper med oss genom att kommentera nedan. Och om du gillade den här artikeln, glöm inte att dela den med dina vänner!
Accentsconagua