Share
Mulți bloggeri ar fi intimidați în inacțiune de percepția că crearea și rularea unui blog este prea dificil din punct de vedere tehnic. Dacă te numeri printre acel grup, atunci acest post este pentru tine.
In realitate, faptul că citiți în mod curent acest lucru aproape sigur vă califică pentru a crea un site web. Aveți nevoie de puțin mai mult decât un nivel de bază al cunoștințelor de calculator pentru a afla ce este necesar pentru a crea și a vă menține propriul blog. Au dispărut zilele în care aveați nevoie să vă murdăriți mâinile cu coduri precum HTML și CSS pentru a vă crea propriul colț pe web - deși astfel de aptitudini sunt cu siguranță folositoare în multe aplicații, ele nu mai sunt necesare.
Când vine vorba de crearea unui blog, tot ce ai nevoie este o idee bună și câteva ore din timpul tău (sau chiar mai puțin) pentru a te ridica și a alerga. În plus, cu o selecție enormă de cadre tematice extrem de personalizabile pentru a alege de la, puteți crea într-un timp scurt, cu relativ ușurință, un site web cu aspect profesional. Următoarele trei postări din această serie privind crearea unui blog de autoritate reușită se vor concentra pe nuci și șuruburi pentru crearea blogului dvs. și acest post se va concentra în mod special pe modul de a crea un design unic pentru site-ul dvs. Web. Să începem!
Revenind în jur de cincisprezece ani, am creat website-uri prin codarea manuală a acestora în Microsoft Notepad și încărcarea fiecărei pagini HTML prin FTP. Nu a fost ușor. Dar, înainte de a merge mai departe în 2013 și crearea unui site web propriu nu poate fi un proces mai complicat decât utilizarea unui procesor de text.
Pentru site-ul dvs. vom folosi cel mai popular sistem de management al conținutului din lume: WordPress. Mai precis, vom folosi WordPress găzduit de sine.
Dar înainte de a merge mai departe vă permite să abordați întrebările elementare. În primul rând, ce este un sistem de management al conținutului (sau CMS)? Wikipedia o definește după cum urmează:
Un program de calculator care permite publicarea, editarea și modificarea conținutului, precum și întreținerea de la o interfață centrală.
Pune simplu, este de a proiecta site-uri web ce Microsoft Word este de a crea documente. Acesta creează un cadru din care puteți lansa un site web prin apăsarea unui buton. În plus, vă permite cu ușurință să modificați și să îmbunătățiți atât designul, cât și funcționalitatea site-ului dvs. cu ușurință. Pe scurt, e minunat și este (în opinia mea umilă) cea mai bună opțiune pentru scopurile noastre.
Dar de ce folosiți WordPress găzduit în mod automat în locul omologului său, WordPress.com? Ei bine, nu este în sfera de aplicare a acestui articol să meargă în detaliu pe acest front, mai ales atunci când atât de multe articole au fost scrise pe această temă înainte. Aici este preferatul meu pe această temă dacă vrei să te educi singur. Unul dintre principalele avantaje pentru auto-gazduire este faptul ca va permite sa personalizati configurarea WordPress extensiv. Ia de la mine -- auto-găzduit WordPress este opțiunea potrivită pentru crearea unui blog de autoritate.
Dacă aveți nevoie de direcția cum să cumpărați un nume de domeniu, să găzduiți și să configurați WordPress, vizionați acest videoclip în care vă arăt cum să faceți acest lucru în doar câteva minute. E o nimica toata.
Când instalezi WordPress, vine în pachet cu câteva subiecte implicite gratuite, cum ar fi Twenty Twelve. In timp ce tu poate sa începeți blogurile imediat cu una dintre aceste teme, instalarea unei teme premium poate face diferența în a oferi o experiență mai unică și plăcută pentru vizitatorii site-ului dvs.. Nu trebuie să spargeți nici banca - tema pe care o voi recomanda costă doar 60 de dolari și oferă design uimitor și flexibilitate.
Mă refer la cadrul Canvas, pe care îl consider cel mai bun cadru tematic disponibil pentru WordPress. Nu plătesc doar serviciul de buze - folosesc Canvas pentru blogurile de autoritate pe care le dețin; cel mai notabil renunțarea la muncă în spatele:
Puteți achiziționa Canvas direct de la Themeforest. Acesta vine ambalat cu instrucțiuni complete de instalare - nu că probabil că veți avea nevoie de mult ajutor pe acest front; procesul de instalare este foarte simplu. Ceea ce vreau să mă concentrez în acest tutorial este modul de modelare și mucegai Canvas pentru a crea un design unic pentru blogul dvs. de autoritate.
Pentru a vă oferi o idee despre diversitatea de design pe care o puteți crea cu Canvas, iată două versiuni ale aceluiași site de bază:
Site-ul exact același, diferite setări în Canvas. Puteți utiliza această temă pentru a crea aproape orice.
Acest tutorial este împărțit în cinci secțiuni, dintre care fiecare vă va arăta cum să faceți modificări majore ale cadrului Canvas cu ușurință. Fiecare secțiune este independentă și nu se bazează pe ceilalți, deci nu ezitați să abordați personalizarea site-ului autorității dvs. în orice mod văd de cuviință.
Deși există o cantitate enormă pe care o puteți face în ceea ce privește personalizarea în cadrul tematici Canvas, în acest tutorial ne concentrăm asupra unei liste relativ mici de acțiuni cu impact ridicat pe care le puteți lua pentru a crea o temă cu adevărat unică.
Una dintre cele mai remarcabile modificări pe care le puteți aduce pe site-ul dvs. este aspectul acestuia. În această secțiune vom modifica lățimea site-ului dvs., precum și structura generală.
Navigheaza catre Canvas> Opțiuni tematice> Styling & Layout din bara laterală a WordPress. Utilizați cursorul pentru a modifica lățimea site-ului dvs. (inclusiv orice panouri laterale).
Rețineți că lățimea maximă recomandată este de 1.600 de pixeli - dacă depășiți acest nivel, site-ul dvs. este probabil să se extindă dincolo de lățimea mai multor ecrane ale vizitatorilor și nu este recomandat.
Ca regulă generală, permiteți ~ 600 de pixeli pentru coloana dvs. de conținut și o valoare suplimentară de ~ 300 de pixeli pentru orice coloană. Chiar dacă site-ul dvs. are două coloane, nu există niciun motiv pentru care lățimea site-ului dvs. să depășească ~ 1.200 de pixeli.
În același ecran, selectați aspectul principal al site-ului dvs..
Aveți în total șase opțiuni. Primul este un layout de coloană zero (similar cu blogul Semnal vs. Noise), iar restul reprezintă o selecție de opțiuni variate ale barei laterale.
Cel mai popular aspect al blogului este un singur afișaj principal al coloanei, cu o coloană a barei laterale, de obicei cu bara laterală în partea dreaptă a conținutului principal. După cum puteți vedea din captura de ecran de mai sus, aspectul este selectat în mod prestabilit. Dacă doriți să mergeți cu ceva mai unic, alegeți un aspect diferit al coloanelor sau fiți mai îndrăzneți și mergeți cu o schemă de coloană zero.
În același ecran, selectați zonele de subsol ale subsolului site-ului dvs..
Subpaginile de subsol vor fi afișate sub conținutul dvs. și vor fi extinse pe toată lățimea site-ului (inclusiv coloanele). Acestea sunt "zone widgetized", ceea ce înseamnă că puteți glisa și plasa "widget-uri" pre-făcute (cum ar fi o casetă de căutare, postări recente, posturi populare etc.).
Aveți la dispoziție câte patru widget-uri de subsol pe site-ul dvs., sau nu există deloc.
Încorporarea propriului logo și a unei culori sau imagini de fundal personalizate poate face imediat o temă proprie. Din fericire, cu tema Canvas, acest lucru este ușor.
Dacă sunteți provocat grafic (ca mine), există o mulțime de opțiuni în ceea ce privește design-urile de logo-uri care se potrivesc fiecărui buget. Două locuri pentru a găsi designeri de logo-ul independent sunt FreelanceSwitch Job Board și site-ul Envato nou Microlancer.
Navigheaza catre Canvas> Opțiuni tematice> Pornire rapidă din bara laterală a WordPress. Faceți clic pe Încărcați buton sub Logo personalizat pentru a încărca un logo.
Navigheaza catre Canvas> Opțiuni tematice> Stil general din bara laterală a WordPress. Alegeți o culoare de fundal utilizând selectorul de culori.
Site-ul dvs. nu are nevoie pentru a avea o culoare de fundal, deși având unul este o modalitate ușoară de a vă seta site-ul în afară de alții.
În același ecran, faceți clic pe Încărcați buton sub Imagine de fundal pentru a încărca o imagine de fundal. Apoi utilizați Imagine de fundal Repetați, Poziția Poziția Pozitivă și Contextul atașament opțiuni pentru a vă asigura că imaginea de fundal este prezentată corect.
Împreună cu tipografia, aceasta este zona în care puteți avea cel mai mare impact. Opțiunile detaliate de personalizare ale Canvas vă permit să schimbați complet modul în care arată site-ul dvs. - de la bara de navigare la widget-urile de pe bara laterală și în subsol.
Urmând pașii de mai jos, veți găsi diferite opțiuni referitoare la tipografie. Sunteți bineveniți să experimentați cu ei în această etapă, dar ei vor fi acoperiți în etapa a patra și finală a acestui tutorial.
Navigheaza catre Canvas> Opțiuni tematice> Navigație primară din bara laterală a WordPress. Veți fi prezentat un număr de opțiuni, inclusiv (dar nu se limitează la):
Deși numărul mare de opțiuni poate părea copleșitor, fiecare este explicabil.
Începeți prin modificarea culorilor. Utilizați selectorul de culori pentru a defini a Culoare de fundal, Culoarea textului hover, Culoarea fundalului culorii, Culoarea textului pentru elementul curent și Culoarea fundalului pentru elementul actual. Rețineți că culorile pe care le alegeți trebuie să fie complementare unul cu celălalt - este puțin util să faceți atât culoarea de fundal, cât și culoarea textului albastru (după ce textul va dispărea atunci când este introdus peste).
Apoi editați margini de navigare. Definiți lățimile și culorile de margine pentru compas, Meniu derulantă din meniul derulant, Border Top, Partea de jos a frontierei și Frontală stânga / dreapta. În cele din urmă, dacă doriți ca bara dvs. de navigare să aibă colțuri rotunjite, selectați o sumă de pixeli în Navigare colțuri rotunjite caseta de eliberare.
Navigheaza catre Canvas> Opțiuni tematice> Widgeturi din bara laterală a WordPress. Veți fi prezentat un set de opțiuni similare cu cele din Navigare primară ecran, inclusiv (dar fără a se limita la):
Există o singură culoare principală care trebuie modificată și asta este Widget Culoare fundal. Puteți schimba drastic aspectul widget-urilor site-ului prin modificarea Widget Border, Widget Padding și Titlu widget Limita inferioară. În cele din urmă, vă recomand să setați Widgeturi rotunjite la aceeași valoare pe care ați setat-o Navigare colțuri rotunjite în etapa anterioară pentru a demonstra continuitatea designului.
Navigheaza catre Canvas> Opțiuni tematice> Footer din bara laterală a WordPress. Veți fi prezentat un set aproape identic de opțiuni în comparație cu cele găsite în cadrul Widget-uri ecran, inclusiv (dar fără a se limita la):
Vă recomandăm să setați aceste opțiuni într-o manieră care să corespundă setărilor widgetului. Seteaza Footer Background impreuna cu Footer Border Top, Footer Frontieră inferioară, Subsol Frontal Stânga / Dreapta și Subsoluri rotunjite în subsol.
În scopul acestui tutorial, tipografia se referă la fontul, culoarea și stilul tuturor textelor de pe site-ul dvs. - de la navigația primară la post-meta. Datorită structurii opțiunilor de personalizare Canvas, setările tipografice sunt împrăștiate pe diverse ecrane. Fiecare dintre următorii pași vă va arăta cum să modificați tipografia pentru fiecare secțiune distinctă a site-ului dvs. web.
Navigheaza catre Canvas> Opțiuni tematice> Navigație primară din bara laterală a WordPress și selectați a Stilul fontului pentru navigație.
Navigheaza catre Canvas> Opțiuni tematice> Postări / Pagini din bara laterală a WordPress. Veți fi prezentat un număr de opțiuni, inclusiv (dar nu se limitează la):
Cele mai importante setări de schimbare sunt Postare / Titlu font Font și Text stil text post / pagină. Acestea vor avea efectul cel mai dramatic în ceea ce privește crearea unui design unic al paginii.
Navigheaza catre Canvas> Opțiuni tematice> Stil general din bara laterală a WordPress. Utilizați selectorul de culori pentru a defini Culoare legătură și Culoarea legăturii de pe hartă.
Navigheaza catre Canvas> Opțiuni tematice> Widgeturi din bara laterală a WordPress.
Schimba Titlu widget și Widget Text.
Navigheaza catre Canvas> Opțiuni tematice> Footer din bara laterală a WordPress și schimbați Footer Font Style.
Până acum, ar trebui să aveți un site cu adevărat unic, dar călătoria dvs. către crearea unui blog de autoritate de succes nu este încă departe.
În următoarele două postări din această serie, mă voi concentra asupra a ceea ce puteți face pentru a vă face site-ul mai interesant și mai dinamic pentru vizitatori - atât în ceea ce privește funcționalitatea, cât și structura acestuia. După aceasta, vom trece pe adevăratul nitty-pietre, concentrându-ne pe crearea și promovarea unui conținut extraordinar.
Între timp, dacă aveți întrebări sau comentarii, vă rugăm să nu ezitați să intrați în contact prin secțiunea de comentarii de mai jos. Mult noroc!
Accentsconagua