Share
Utilizarea unui design de site responsibil nu mai este o opțiune atunci când construiți site-uri web. În termeni de layman, un design eficient al site-ului web face ca site-ul dvs. să arate bine indiferent de dispozitivul pe care vizitatorii dvs. îl folosesc pentru a vizualiza și a interacționa cu conținutul.
Având în vedere că mai mult de 80% dintre persoane dețin un smartphone, asigurarea că site-ul dvs. este receptiv este o necesitate. Conform statisticilor de marketing mobil din 2016, 57% dintre utilizatori declară că nu vor recomanda o afacere cu un site mobil slab proiectat și 88% dintre consumatorii care caută un tip de afacere locală pe un dispozitiv mobil termină apelând sau mergând la de afaceri în termen de 24 de ore.
Când țineți cont de cele de mai sus, este ușor să înțelegeți de ce conținutul site-ului dvs. Web trebuie să fie accesibil pe o varietate de dispozitive. Din fericire, a face ca site-ul dvs. WordPress să răspundă este ușor datorită unei mulțimi de teme receptive.
În acest tutorial, vă vom arăta cum să alegeți o temă WordPress receptivă, cum să utilizați o temă receptivă pentru site-ul dvs. și să vă furnizați resurse pentru a afla mai multe despre designul receptiv și crearea propriei teme WordPress receptive.
Când vă propuneți să găsiți o temă receptivă pentru site-ul dvs., există câteva lucruri pe care trebuie să le luați în considerare. În funcție de industria dvs., este important să alegeți o temă care nu numai că are un design atrăgător, ci și caracteristici necesare care îi ajută pe vizitatori să învețe mai multe despre afacerea dvs. și să treacă de la clienți la clienți plătitori.
Iată câteva lucruri cheie pe care să le căutați atunci când cumpărăți o temă WordPress receptivă pentru site-ul dvs..
Când vine vorba de caracteristici, veți dori să căutați o temă care are caracteristici care sunt în concordanță cu industria dvs. De exemplu, dacă sunteți o agenție de creație sau un designer, veți dori o temă care are capacitatea de a vă prezenta portofoliul dvs., precum și mărturiile clienților anteriori.
Dacă vindeți produse, căutați o temă care se integrează bine cu un plugin de comerț electronic sau vă permite să afișați tabele de prețuri. În mod similar, dacă vă bazați pe capacitatea de a rezerva clienți de pe site-ul dvs., căutați o temă care are un formular de rezervare încorporat.
Din fericire, există o mulțime de teme specifice industriei WordPress care au toate caracteristicile necesare și sunt receptive.
Veți dori să căutați o temă care să aibă opțiuni de personalizare flexibile. În cele mai multe cazuri, tema dvs. vine cu un panou de setări tematice care vă permite să personalizați culorile, fonturile, să încărcați logo-ul dvs. și multe altele. Dacă doriți să experimentați diferite machete, alegeți o temă care se integrează cu un constructor de pagini sau dispune de un mod alternativ de configurare a diferitelor machete pentru paginile dvs..
În cele din urmă, căutați o temă care are un design atrăgător similar cu modul în care doriți ca site-ul dvs. să arate. Acest lucru elimină timpul necesar pentru a cheltui modificarea sau construirea aspectului paginilor dvs. de la zero și vă va fi mai ușor să personalizați.
Odată ce ați găsit o temă WordPress receptivă care vă place, tot ce trebuie să faceți este să o cumpărați și să descărcați fișierul zip pe computer. Descoperiți teme WordPress recepționate pe teme ThemeForest sau Envato:
Acum că aveți tema, este timpul să începeți să vă construiți site-ul receptiv. Veți avea nevoie să cumpărați un nume de domeniu și un plan de găzduire în care veți instala WordPress și tema preferată.
Este, de asemenea, o idee bună să pregătiți conținutul care va apărea pe site-ul dvs., astfel încât să puteți copia și să lipiți conținutul când este timpul să îl încărcați, mai degrabă decât să vă petreceți timpul în căutarea acestuia.
Primul pas este să cumpărați un nume de domeniu pentru site-ul dvs. Web. Acesta va permite vizitatorilor și clienților dvs. să găsească site-ul dvs. pe web. Deci, este important să alegeți un nume care să reprezinte afacerea sau marca dvs. Ori de câte ori este posibil, încercați să împerecheați numele domeniului cu o extensie .COM. Puteți opta pentru a numi site-ul dvs. la fel ca numele firmei dvs. sau puteți alege propriul nume dacă construiți un portofoliu personal, un blog sau un site web pentru reluare.
După ce v-ați stabilit numele de domeniu, trebuie să alegeți un plan de găzduire, astfel încât utilizatorii să poată accesa site-ul dvs. Există o mulțime de opțiuni atunci când vine vorba de găzduire, de la planuri ieftine, împărțite la mai scumpe, gestionate WordPress planuri de găzduire.
Dacă nu sunteți sigur de unde să începeți, luați în considerare Envato Hosted. Envato Hosted oferă hosting premium WordPress gestionat, dar beneficiul real este că pot instala și configura WordPress împreună cu tema aleasă și să aibă grijă de detaliile tehnice ale înființării site-ului dvs..
Planul Hosted Envato include, de asemenea:
În cele din urmă, faceți ceva timp pentru a pregăti tot conținutul care va apărea pe site-ul dvs. web. Aceasta include, de obicei, imagini, copie care va merge pe cele mai importante pagini, cum ar fi Despre, Servicii sau Lucreaza cu noi pagini. Dacă aveți mai multe departamente, luați în considerare includerea bios și headshots ale persoanelor care gestionează fiecare departament, astfel încât vizitatorii dvs. știu cine să contacteze.
Pregătirea conținutului dvs. în prealabil vă permite să îl copiați și să îl lipiți doar în locul conținutului demo disponibil pentru cele mai moderne teme.
Acum că ați luat totul în loc, este timpul să vă creați site-ul. Primul lucru pe care trebuie să-l faceți este să instalați WordPress. Apoi, puteți instala tema, pluginurile necesare și continuați cu setarea și personalizarea temelor.
În scopul acestui tutorial, vom folosi tema WordPress responsabilă de Oshine. Tema Oshine are un design modern și receptiv și poate fi folosit pentru o varietate de nișe. Acesta include mai mult de 30 de demo-uri care pot fi importate cu un singur clic și utilizate pentru a configura site-ul dvs. rapid.
Tema OshineDupă cum am menționat mai devreme, primul pas este să instalați WordPress. Compania dvs. de găzduire vă va trimite un e-mail de bun venit care conține legătura cu tabloul de bord al contului de gazduire sau cu panoul de control, împreună cu numele dvs. de utilizator și parola. Faceți clic pe link și introduceți informațiile furnizate.
După ce v-ați conectat, veți putea căuta o secțiune etichetă Instalare WordPress, Instalatori cu un singur clic, Softaculous Installers, sau ceva similar. Găsi WordPress icon, faceți clic pe acesta și urmați instrucțiunile.
În majoritatea cazurilor, veți fi întâmpinat cu un ecran care vă solicită să introduceți numele și descrierea site-ului dvs., numele de utilizator și parola dorite, precum și adresa dvs. de e-mail. Completați câmpurile cu informațiile dvs., apoi apăsați pe Instalare buton.
După câteva minute, programul WordPress va fi instalat, ceea ce înseamnă că vă puteți conecta acum la tabloul de bord WordPress. Pur și simplu vizitați www.yoursitename.com/wp-admin (înlocuiți numele site-ului dvs. cu numele dvs. real de domeniu) și introduceți numele de utilizator și parola pe care le-ați creat în timpul instalării.
În tabloul de bord WordPress, mergeți la Aspect> Teme> Adăugați noi. Apoi apasa Incarca Tema.
Instalarea temei Oshine.Găsiți folderul zip descărcat care conține fișierele temei și încărcați-l. După ce ați terminat instalarea, faceți clic pe Activati.
După ce activați tema, veți observa o notificare în tabloul de bord cu un mesaj că sunt necesare anumite pluginuri pentru ca tema să aibă toate funcționalitățile sale. Apasă pe Începeți să instalați pluginuri link-ul va fi luat direct pe ecranul de instalare.
Instalarea pluginurilor necesare.Selectați toate pluginurile și dați clic pe Instalare. După aceea, du-te la Plugin-uri> Toate plugin-urile> Inactive și selectați toate pluginurile inactive apoi alegeți Activati din meniul drop-down.
Următoarea parte a configurării site-ului web implică importarea conținutului demo, înlocuirea acestuia cu propria dvs. și modificarea setărilor temelor pentru a include fonturile, culorile, logo-ul dvs. și multe altele.
Cea mai rapidă modalitate de a configura site-ul este să instalați conținutul demo. Acest lucru va face ca tema dvs. să arate ca demo-ul dvs. ales, toate paginile create și configurate, astfel încât tot ce trebuie să faceți este să înlocuiți conținutul.
Pentru a începe, mergeți la tema WordPress receptivă la Oshine și navigați la Import tab. Selectați versiunea demo preferată și alegeți conținutul pe care doriți să-l instalați. În cazul nostru, am selectat tot conținutul și am dat clic pe Instalare buton. Așteptați finalizarea procesului și site-ul dvs. va fi gata pentru personalizare. Priviți-vă pentru a vă asigura că procesul de import a avut succes.
Importarea conținutului demo în Oshine.Să continuăm cu înlocuirea conținutului demo. În tabloul de bord WordPress, mergeți la Pagini și faceți clic pe Editați | × pe pagina cu care doriți să lucrați. În acest exemplu, vom edita pagina de pornire.
Tema WordPress responsabilă de Oshine folosește constructorul de pagini Tatsu pentru a crea aspectul pentru toate paginile de pe site-ul dvs., ceea ce face foarte ușor să le editați. Pur și simplu faceți clic pe Editați cu Tatsu și veți putea să modificați aspectul, să adăugați module suplimentare și multe altele.
Editorul TatsuPentru a edita elemente pe pagina dvs., trebuie doar să dați clic pe partea paginii pe care doriți să o editați, să introduceți propriul text și să ajustați setările conform dorințelor. De asemenea, puteți adăuga elemente suplimentare precum casetele de text, butoanele, pictogramele, videoclipurile, imaginile și multe altele.
Adăugarea de module la tema WordPress receptivă.Odată ce terminați înlocuirea conținutului cu propria dvs., este timpul să modelați aspectul vizual al site-ului dvs. Mergi la Oshine Opțiuni pentru a începe personalizarea site-ului. Veți observa că există destul de multe opțiuni aici.
Puteți să încărcați propriul logo și imaginea de fundal, să personalizați fonturile utilizate pe site-ul dvs., să controlați stilurile mobile, să setați informațiile afișate în subsolul și antetul și multe altele. De asemenea, puteți personaliza setările implicite pentru stilurile globale, inserați informațiile de contact, precum și scripturile de urmărire, cum ar fi codul Google Analytics, și optimizați performanța site-ului prin minimizarea foilor de stil și a scripturilor.
Folosind o temă WordPress premade este o modalitate foarte bună de a economisi timp și de a vă asigura că site-ul dvs. este receptiv. Cu toate acestea, vă puteți duce site-ul la nivelul următor, construind propria temă WordPress receptivă de la zero.
În timp ce acest lucru poate părea descurajant, vă oferă controlul final asupra designului și funcțiilor site-ului dvs. Dacă sunteți curios cum să vă creați propria temă receptivă sau doriți să aflați mai multe despre designul de site web receptiv, iată câteva instrucțiuni pentru a vă ajuta să începeți.
Acest curs vă oferă principalele aspecte ale designului receptiv, explică abordarea mobilă și diferitele aspecte utilizate în designul web receptiv, precum și abordarea unor teme mai avansate, cum ar fi asigurarea că imaginile dvs. sunt receptive și utilizarea interogărilor media pentru a controla aspectul pentru o varietate de dispozitive.
Acest tutorial pas cu pas te trece prin procesul de utilizare a unei teme de pornire și transformându-l într-unul receptiv, păstrând în minte abordarea mobilă. Veți învăța cum să adăugați stiluri pentru dispozitive mobile și să treceți în stilul tematic pentru dispozitive desktop.
În acest post, veți descoperi șapte pluginuri WordPress utile care vă vor optimiza site-ul pentru dispozitivele mobile; de a vă asigura că imaginile și widgeturile sunt receptive la acoperirea pluginurilor specifice pentru a vă asigura că site-ul dvs. arată bine pe dispozitivele mobile, chiar dacă tema dvs. nu este încă receptivă.
Crearea unui site web receptiv poate parea tematoare, dar temele WordPress receptive fac ca sarcina sa fie mult mai usoara, chiar si pentru incepatori complet. Utilizați tutorialul nostru de mai sus ca punct de referință și explorați resurse suplimentare despre designul web receptiv. Și dacă aveți nevoie de o temă WordPress receptivă, verificați colecția noastră de teme de WordPress de înaltă calitate, responsabile pentru orice domeniu.
SaveSave
Accentsconagua