Share
Att använda en lyhörd webbdesign är inte längre ett alternativ när man bygger webbplatser. På lekmanens sätt gör en lyhörd webbdesign att din webbplats ser bra ut oavsett vilken enhet dina besökare använder för att se och interagera med innehållet.
Med tanke på att mer än 80% av personerna äger en smartphone, är det viktigt att säkerställa att din webbplats är responsiv. Enligt mobilmarknadsstatistik från 2016 säger 57% av användarna att de inte kommer att rekommendera ett företag med en dåligt utformad mobilplats och 88% av konsumenterna som söker en typ av lokalt företag på en mobil enhet slutar ringa eller gå till det företag inom 24 timmar.
När du tar hänsyn till ovanstående är det lätt att förstå varför webbplatsens innehåll måste vara tillgängligt över en rad olika enheter. Tack och lov är det enkelt att göra din WordPress-webbplats lätt tack vare en mängd responsiva teman.
I den här handledningen visar vi hur du väljer ett responsivt WordPress-tema, hur du använder ett responsivt tema för din webbplats och ger dig resurser för att lära dig mer om responsiv design och skapa ditt eget lyhörd WordPress-tema.
När du bestämmer dig för att hitta ett responsivt tema för din webbplats finns det några saker du behöver tänka på. Beroende på din bransch är det viktigt att välja ett tema som inte bara har en tilltalande design men nödvändiga funktioner som hjälper dina besökare att lära sig mer om ditt företag och gå från utsikter till betalande kunder.
Här är några viktiga saker att leta efter när du handlar efter ett responsivt WordPress-tema för din webbplats.
När det gäller funktioner vill du leta efter ett tema som har funktioner som överensstämmer med din bransch. Om du till exempel är en kreativ byrå eller en formgivare, vill du ha ett tema som har förmågan att visa upp din portfölj, liksom testimonials från tidigare kunder.
Om du säljer produkter letar du efter ett tema som integreras bra med ett e-handelsprogram eller låter dig visa prissättningstabeller. På samma sätt, om du litar på möjligheten att boka kunder från din webbplats, leta efter ett tema som har ett inbyggt bokningsformulär.
Lyckligtvis finns det många branschspecifika WordPress-teman som har alla nödvändiga funktioner och är lyhörda.
Du vill leta efter ett tema som har flexibla anpassningsalternativ. I de flesta fall kommer ditt tema med en temaninställningspanel som gör att du kan anpassa färger, teckensnitt, ladda upp logotypen och mycket mer. Om du gillar att experimentera med olika layouter väljer du ett tema som integreras med en sidobyggare eller har ett alternativt sätt att konfigurera olika layouter för dina sidor.
Slutligen leta efter ett tema som har en tilltalande design som liknar hur du vill att din webbplats ska se ut. Detta eliminerar den tid du behöver spendera för att ändra eller bygga upp dina sidors layout från början och det blir enklare för dig att anpassa det.
När du har hittat ett lyhörd WordPress-tema du vill, är allt du behöver göra, köpa det och ladda ner zip-filen till din dator. Upptäck responsiva WordPress-teman på ThemeForest eller Envato Elements:
Nu när du har ditt tema är det dags att börja bygga din lyhörda webbplats. Du måste köpa ett domännamn och en värdplan där du installerar WordPress och ditt föredragna tema.
Det är också en bra idé att förbereda innehållet som kommer att gå på din webbplats så att du enkelt kan kopiera och klistra in innehållet när det är dags att ladda upp det, istället för att spendera tid på att söka efter det.
Det första steget är att köpa ett domännamn för din webbplats. Det kommer att låta dina besökare och kunder hitta din webbplats på webben. Så det är viktigt att välja ett namn som representerar ditt företag eller varumärke. När det är möjligt, försök att para ditt domännamn med ett .COM-tillägg. Du kan välja att namnge din webbplats på samma sätt som ditt företagsnamn eller du kan välja ditt eget namn om du bygger en personlig portfölj, blogg eller en CV-webbplats.
När du väl har bestämt dig för ditt domännamn måste du välja en värdplan så att personer kan komma åt din webbplats. Det finns många alternativ när det gäller hosting, från billiga, delade planer till dyrare, hanterade WordPress-hostingplaner.
Om du är osäker på var du ska börja, överväg Envato Hosted. Envato Hosted erbjuder premium hanterad WordPress-värd, men den verkliga fördelen är att de kan installera och konfigurera WordPress tillsammans med ditt utvalda tema och ta hand om de tekniska detaljerna för att ställa in din webbplats.
Envato Hosted-planen innehåller också:
Slutligen ta lite tid att förbereda allt innehåll som kommer att gå på din webbplats. Detta inkluderar vanligtvis bilder, kopior som kommer att gå på dina viktigaste sidor, t.ex. Handla om, tjänster eller Jobba med oss sidor. Om du har flera avdelningar, överväga att inkludera bios och headshots av de personer som hanterar varje avdelning så att dina besökare vet vem du ska kontakta.
Genom att förbereda ditt innehåll i förväg kan du enkelt kopiera och klistra in det i stället för demoinnehåll som är tillgängligt med de flesta moderna teman.
Nu när du har allt på plats, är det dags att skapa din webbplats. Det första du behöver göra är att installera WordPress. Därefter kan du installera ditt tema, nödvändiga plugins och fortsätta med tematillställningen och anpassningen.
I samband med denna handledning använder vi Oshine Responsive WordPress-temat. Oshine-temat har en modern och lyhörd design och kan användas för en mängd olika nischer. Den innehåller mer än 30 + demos som kan importeras med ett enda klick och används för att snabbt konfigurera din webbplats.
Oshine ThemeSom tidigare nämnts är det första steget att installera WordPress. Ditt webbhotell skickar dig ett välkommen email som innehåller länken till din dashboard eller kontrollpanel på din värdkonto tillsammans med ditt användarnamn och lösenord. Klicka på länken och ange informationen.
När du är inloggad kommer du att kunna söka efter ett avsnitt som är märkt WordPress Install, Ett-klick Installatörer, Softaculous Installers, eller något liknande. Hitta Wordpress ikonen, klicka på den och följ anvisningarna.
I de flesta fall kommer du att hälsas med en skärm som ber dig att ange webbplatsens namn och beskrivning, ditt önskade användarnamn och lösenord samt din e-postadress. Fyll i fälten med din information och tryck sedan på Installera knapp.
Efter några minuter kommer WordPress att installeras, vilket innebär att du kan logga in på din WordPress dashboard. Helt enkelt besök www.yoursitename.com/wp-admin (ersätt yoursitename.com med ditt faktiska domännamn) och ange användarnamnet och lösenordet du skapade under installationen.
Gå till din WordPress dashboard Utseende> Teman> Lägg till nytt. Klicka sedan Ladda upp tema.
Installera Oshine-temat.Hitta den nedladdade zip-mappen som innehåller tematets filer och ladda upp den. När installationen är klar klickar du på Aktivera.
När du har aktiverat temat märker du en anmälan i instrumentpanelen med ett meddelande om att vissa plugins krävs för att temat ska ha all dess funktionalitet. Klicka på Börja installera plugins länk som ska tas direkt till installationsskärmen.
Installera nödvändiga plugins.Markera alla plugins och klicka Installera. Därefter, gå till Plugins> Alla plugins> Inaktiv och välj alla inaktiva plugins och välj sedan Aktivera alternativet i rullgardinsmenyn.
Nästa del av ditt webbsidor innebär att du importerar demoinnehåll, ersätter det själv och ändrar temainställningar för att inkludera dina teckensnitt, färger, logotyper och mer.
Det snabbaste sättet att konfigurera din webbplats är att installera demoinnehållet. Det här gör att ditt tema ser ut som din valda demo, med alla sidor skapade och inställda så att allt du behöver göra är att ersätta innehållet.
För att börja, gå till Oshine responsive WordPress tema och navigera till Importera flik. Välj den föredragna demoversionen och välj vilket innehåll du vill installera. I vårt fall har jag valt allt innehåll och klickat på Installera knapp. Vänta på processen att slutföra och din webbplats kommer att vara redo för anpassning. Titta över det för att säkerställa att importen lyckades.
Importerar demoinnehåll i Oshine.Låt oss fortsätta med att ersätta demoinnehållet. Gå till din WordPress dashboard sidor och klicka på Redigera knappen på sidan du vill arbeta med. I det här exemplet redigerar vi hemsidan.
Oshine-responsiva WordPress-temat använder Tatsu-sidobyggaren för att skapa layout för alla sidor på din webbplats vilket gör det verkligen enkelt att redigera dem. Klicka bara på Redigera med Tatsu knappen och du kommer att kunna ändra layouten, lägga till ytterligare moduler och mer.
Tatsu EditorOm du vill redigera element på din sida klickar du bara på den sida av sidan du vill redigera, skriv in din egen text och justera inställningarna efter eget tycke. Du kan också lägga till ytterligare element som textrutor, knappar, ikoner, videor, bilder och mer.
Lägga till moduler till det responsiva WordPress-temat.När du är klar att ersätta innehållet med din egen, är det dags att utforma visuellt utseende på din webbplats. Gå till Oshine Options att börja anpassa din webbplats. Du märker att det finns en hel del alternativ här.
Du kan ladda upp din egen logotyp och bakgrundsbild, anpassa de teckensnitt som används på din webbplats, styra mobilstilar, ställa in informationen som visas i sidfot och rubrik och mer. Du kan också anpassa standardinställningarna för globala stilar, infoga dina kontaktuppgifter samt spåra skript som Google Analytics-kod och optimera webbplatsens prestanda genom att minimera stilark och skript.
Att använda ett premade WordPress-tema är ett bra sätt att spara tid och se till att din webbplats är responsiv. Du kan dock ta din webbplats till nästa nivå genom att bygga ditt eget responsiva WordPress-tema från början.
Även om detta kan tyckas skrämmande, ger det dig den ultimata kontrollen över din webbplatss design och funktioner. Om du är nyfiken på hur du skapar ditt eget responsiva tema eller vill lära dig mer om responsiv webbdesign, här är några tutorials som hjälper dig att komma igång.
Kursen går igenom grunden för responsiv design, förklarar den mobila första tillvägagångssättet och olika layouter som används i lyhörd webbdesign samt hanterar mer avancerade ämnen som att se till att dina bilder är lyhörda och använder mediasökningar för att styra layouten på din webbplats för en mängd olika enheter.
Denna steg-för-steg-handledning går igenom processen med att använda ett startatema och göra det till en lyhörd, vilket håller den första mobilanpassningen i åtanke. Du lär dig hur du lägger till stilar för mobila enheter och övergår till styling ditt tema för stationära enheter.
I det här inlägget upptäcker du sju hjälpsamma WordPress-plugins som optimerar din webbplats för mobila enheter. från att se till att dina bilder och widgets är svåra att täcka plugins specifika för att säkerställa att din webbplats ser bra ut på mobila enheter, även om ditt tema ännu inte är mottagligt.
Skapa en responsiv webbplats kan verka skrämmande, men lyhörda WordPress-teman gör den uppgiften mycket enklare, även för fullständiga nybörjare. Använd vår handledning ovan som referenspunkt och utforska ytterligare resurser om responsiv webbdesign. Och om du behöver ett lyhörd WordPress-tema, kolla in vår samling av högkvalitativa, lyhörd WordPress-teman för alla branscher.
SaveSave
Accentsconagua