Hogyan készítsünk weboldalt 3 óra alatt?

Ebben a cikkben megmutatom neked, hogyan készítek szemkápráztató weboldalt 3 óra alatt. A folyamatokat úgy építettem föl, hogy akár te is lemásolhatod. Ám nem meglepő módon, örömmel segítek neked a weblapkészítésben :).
A cikkben elhelyezett linkek új ablakban nyílnak, így nem navigálsz el a cikktől. Némelyike általam évek óta használt termékekhez vezető partnerlink.
Hogyan készítsünk weboldalt? 1. Domain név bejegyzés és tárhelyhez kapcsolás (30 perc)
Első lépésként válassz egy domain nevet. Arra figyelj, hogy a domain neved lehetőleg ne legyen több 10-12 karakternél, különben nehezen jegyzik meg az emberek, a promóciós anyagok készítése is bajosabb, és ha email címet is használsz majd, akkor macerás lesz mindenkinek veled levelezni. Vagy legalábbis kényelmetlenebb lesz beírni a címedet a levelezőprogramba.
Az egész procedúrára a Magyar Hostingot ajánlom. Ők külön WordPress tárhelyet is adnak, amire alapból fölinstallálták a programot. A WordPressel készítem el a weboldalt. Ez egy csodálatosan működő keretrendszer, melyet programozói tudás nélkül is sikerrel használhatsz.
A Mhosting oldalán a domain menüpontra kattintva az alábbi képernyő fogad. A domain regisztrációhoz szükséged lesz a személyi igazolvány adatokra.
Görgess lejjebb az oldalon, hogy megkezdhesd a domain regisztrációs folyamatot. Az Ellenőrzöm, hogy elérhető -e a domain gombra kattints.
Ide írd be a választott domain nevet. Ha minden oké, haladhatsz tovább.
Ahogy látod, nem csak hu végződésű nevet választhatsz, hanem többet is hozzárendelhetsz a honlapodhoz. Alapból 3 évet ír ki, de megvásárolhatod 1 évre is. Hu végződés esetén az 1800 Ft+Áfa / év.
Miután betetted a kosárba, alul a Folytat vagy a Pénztár gombra kattintasz.
A következő képernyő szakmai rész. A névszervereket tudnád átírni. Mivel a tárhelyed is az Mhostingnál lesz, mivel így érdemes összehangolni egy weblap felépítését, hogy a domain és a tárhely ugyanazon szolgáltatótól legyen, nem kell foglalkozod ezzel a képernyővel. Kattints fent a Válasszon tárhelyet új domainjéhez linkre. Ekkor az alábbi képernyő ugrik fel. Ahol a Honlap Most! menüpontot válaszd ki.
Kezdésnek elegendő, ha a legolcsóbbat választod. Akár napi 1000 látogatót is kiszolgál, ami már nem elhanyagolható mennyiség. 2 GB nagysága pedig elegendő a hatékony kezdéshez. Az ára pedig szuper, évi 4900 Ft. Később pedig egyszerűen bővítheted, ha úgy hozza a szükség. Kattints a Megrendelés gombra.
A következő képernyőn a már bejelölt opciót válaszd, és kattints a Használat gombra.
A következő képernyő a konfigurálásról szól. Itt mindent hagyhatsz a beállítások szerint. Ahogy látod, a WordPress Weboldalt előre föltelepítik neked. Ezzel sem lesz gondod. Ha szeretnéd, kérhetsz mintaadatokkal való feltöltést is. Ami azt jelenti, hogy egyfajta támpontot is kaphatsz a szükséges adatok kitöltéséhez. De tekintve, hogy ezt a bemutatót olvasod, erre nem lesz szükséged.
A következő lépés kép nélkül is egyértelmű. Az ellenőrzés minden bizonnyal helyes, így mehetsz tovább a fizetésre.
A számlázáshoz új fiókot kell létrehoznod. (Ha még nem vagy ügyfelük). Ez később rendkívül hasznos lesz, ugyanis azon keresztül tudsz belépni, és intézni a honlapszerkesztést.
A domain igényléshez ki kell tölteni egy űrlapot. Ez törvényi kötelezettség. Tudni kell ugyanis, hogy az adott domain kié.
Fizetésre többféle megoldás létezik, bátran használhatod a bankkártyás megoldást az ügy gyorsítása végett. A fizetés CIB Bankon keresztül történik 100% biztonságban.
Sikeres fizetés után email üzeneteket kapsz. Ezek közül az alábbiak a legfontosabbak.
Kattints a Nyilatkozat elfogadásra vár levélre.
A levélben ez áll. Értelemszerűen kattints a Kattintson ide linkre.
A Nyilatkozat elején a domain vásárláskor megadott személyes adatid szerepelnek. Alatta találod a Nyilatkozatot magyarul és angolul. Legalul egy Chapta kitöltése után fogadd el.
Majd utolsó lépésként kapsz egy sikeres nyilatkozattételről szóló értesítést a következő oldalon, majd ezt emailben is visszaigazolják.
A legfeljebb 24 órás határidő ne zavarjon, rendszerint percek alatt visszaigazolnak mindent.
Ezt 2 email-ben is elküldik értesítés gyanánt.
Az egyik arról szól, hogy a vásárolt domaint hozzáadták a tárhelyedhez. A másik, hogy a domain feltételesen a tiéd. Azért feltételesen, mert ha szeretne valaki benyújthat panaszt a névválasztással kapcsolatban, ha az mondjuk valamilyen védett márkanév vagy ahhoz hasonló lenne.
A domain szabályzat szerint a következő 8 nap során van lehetőség szerzői jogi vagy védjegy panasszal élni a delegálással szemben.
Amennyiben senki nem él panasszal, 8 nap múlva a domain név Bejegyzett állapotba kerül.
A lényeg: már használhatod a domaint, és elkezdhetjük az írói honlap elkészítését.
Megoldjam helyetted?
Ha nincs kedved ezzel vesződni, inkább az írással töltenéd az időt, válassz a weblapkészítési csomagjaim közül.
Hogyan készítsünk weboldalt? #2. A honlapod elérése, bejelentkezés (5 perc)
Egyre izgalmasabb részekhez érkezünk, mert ebben a fázisban valójában már élő a honlapod. Így most belépünk a Ügyfélkapus felületre a Mhosting oldalán, és megmutatom, hogyan éred el az oldaladat.
Lehetséges, hogy a tárhelyeddel kapcsolatos információkat is kiküldik a részedre, és onnan könnyebben elnavigálhatsz a honlapodhoz, de nézzük meg ezt a megoldást.
Töltsd ki az email cím és jelszó részt, majd kattints a Bejelentkezés gombra.
A Szolgáltatások menüpontot válaszd. Azon belül megtalálod a tárhelyedet és a domain nevedet. Kattints jobb oldalon a Részletek gombra.
Sok lehetőséget látsz majd. Ezek ne ijesszenek meg. Nem lesz rájuk szükséged. A bal oldali menüsorból válaszd ki a Cpanel lehetőséget.
Ettől a felülettől sem kell megijedned, bár elsőre valóban bonyolultnak tűnhet. Görgess az oldal aljára, és válaszd az alkalmazásaim menüpontot. Ott látnod kell a föltelepített WordPress-t. Kattints a felső sáv jobb oldalán lévő Tovább gombra.
A következő képernyőn a feltelepített WordPress oldalad elérését láthatod. Az írói weboldaladra a www.teoldalad.hu/wp-admin linken léphetsz be, értelemszerűen a saját domain neveddel helyettesítve. Ahogy a lenti képen is látszik. A belépéshez ezentúl nem kell a Cpanelhez navigálnod állandóan.
Megoldjam helyetted?
Ha nincs kedved ezzel vesződni, válassz a weblapkészítési csomagjaim közül.
Hogyan készítsünk weboldalt? 3. A weboldalad alapbeállítása (15 perc)
A WordPress oldalad alapbeállítását úgy oldjuk meg, hogy a lehető legszükségesebb eszközöket telepítjük fel. Olyan funkciókat, amelyek valóban hasznosak, és nem feleslegesen foglalják a helyet. Lassítják a weblapodat.
Ezek a funkciók úgynevezett bővítmények formájában mindennemű probléma nélkül.
Első körben megmutatom a telepítést, aztán megírom, melyeket használd az írói honlapodhoz.
Így néz ki a WordPress kezelőfelülete. Kattints a Bővítmények pontra, majd az új hozzáadására.
Az első bővítmény, amit telepítünk, a Klasszikus szerkesztő. Kattints a Telepítés most gombra.
Amikor elkészült a telepítéssel. Az alábbi képernyő fogad. A következő bővítmény telepítéséhez a Bővítmények keresése mezőbe írd be, hogy GDPR.
A keresési eredményekből válaszd a GDPR Cookie Compliance bővítményt, és kattints a Telepítés most gombra.
Majd kattints a menüben a Bővítményeken belül a Telepített bővítmények pontra. Itt láthatod azokat, amelyeket a programhoz kapcsoltak alapból, illetve, amelyeket az imént telepítettél.
A HeLLo DoLLy-t nyugodtan törölheted. Kattints hát a törlésre.
Aztán jelöld ki a négyzeteket kipipálva az összes fennmaradó bővítményt. Majd kattints a csoportműveleteken belül a Bekapcsolásra. Végül nyomj az Alkalmaz gombra.
Az alábbi kép fogad. Az Akismet értesítést figyelmen kívül hagyhatod. Navigálj a Beállításokon belül az Általános ponthoz.
Ezen a ponton belül módosíthatod a honlapod nevét. Ez jelenik majd meg a böngészőben, mint a weboldalad címe. Ennél a cikknél például a cikk címe jelenik meg. De ha a főoldalamra navigálsz, akkor az Weblapkészítés íróknak lesz a cím.
Itt rendszerint minden stimmelni szokott, úgyhogy ehhez nem kell nyúlnod.
A következő menüpont az Írás. Azzal nincs teendő. Ahogy Az Olvasás pontban sem kell módosítanod.
Amivel foglalkoznod kell az a Közvetlen hivatkozások pont. Ahol átállítjuk a Bejegyzés címe lehetőségre a hivatkozások kezelését. Ez SEO Szempontból hasznos igazán. A cikkeid jól könnyebben olvashatóak lesznek mind a keresőmotor, mind a felhasználók számára.
Jelöld be, és legalul kattints a Módosítások Mentése gombra.
A következő lépés, hogy rendbe szedd, ahogy majd megjelensz a cikkekben a szerzői weboldaladon. A bal oldalsó menüpontból válaszd ki a Felhasználók lehetőséget, és azon belül pedig az Adatlapot.
Az Adatlapon értelemszerűen tudod megadni az adatokat. Amit beírsz, például életrajzi infóként, az megjelenik majd a cikkek után vagy bárhol, ahova majd elhelyezzük a szerzői dobozt.
Nyilvánvalóan rövid bemutatkozást szánj ide, nem kell életrajzot írnod, mert az elcsúfítja a weblapodat.
Ami viszont fontos, hogy a WordPress Weboldalakhoz az úgynevezett Gravatar rendszeren keresztül lehet képet feltölteni. Alapból.
Ha nem szeretnél vesződni ezzel, akkor a fent megismert módon keress rá a Wp Avatar bővítményre. Telepítsd, majd kapcsold is be. Így lehetőséged nyílik közvetlenül innen, az adatlapodon keresztül profilképet feltölteni.
Még egy alapbeállítás szükséges a honlap testreszabása előtt. Ez pedig, hogy a leendő cikkeid kategóriáját (rovatát) is beállítsd. Legalább egyet.
Ehhez a bal oldali menüsorból a Bejegyzéseket válaszd ki. Azon belül pedig a Kategóriákat.
A WordPressben alapértelmezetten van egy minta bejegyzés és kategória is. Ez a kategorizálatlan néven fut. Kattints rá a szerkesztéshez, és írd át mondjuk írásaimra.
Amikor A keresőbarát nevet kell kitöltened, szintén használhatod a megadott kategória címet, csak ékezet nélkül.
Ha kész vagy, mentsd el. És lépj vissza a kategóriaoldalra. Egyébként új kategóriát is itt vehetsz fel a honlapodhoz.
Utolsó előkészületi lépésként navigálj a bal menüsorban a Megjelenésen belül a Sablon pontra.
Az alábbi képernyő fogad. Kattints az inaktív sablonok egyikére. Ezt onnan tudod, hogyha rámész a kurzorral az Élő Előnézet vagy a Bekapcsolás megjelenik mellette, mint lehetőség.
Kattints rá, majd a jobb alsó sarokban a Törlés pontra is, hogy eltávolítsd. Nem lesz rá szükség. Ha kész vagy, tedd meg ugyanezt a másik inaktívval is.
Ezzel el is készültünk az alapbeállításokkal. Jöhet a legfajsúlyosabb rész, az írói weboldal elkészítése, formálása, testre szabása. Szóval egy kis dizájn főbb funkciókkal kiegészítve.
Megoldjam helyetted?
Ha nincs kedved ezzel vesződni, válassz weblapkészítési csomagjaim közül.
Hogy készítsünk weboldalt? 4. A weboldal elkészítése: sablon, dizájn, szépítés (2 óra)
Ahhoz, hogy a weboldal gyorsan és igényesen elkészüljön, miközben a másolhatósága miatt nélkülözi a komolyabb kódolási munkákat prémium sablont használunk.
Ezek a sablonok ugyan pénzbe kerülnek, azonban kedvünk szerint állíthatjuk őket. Én a legszívesebben az általad is könnyen kezelhető Themify Ultra sablonját használom.
A PRémium WordPress sablonok legnagyobb előnye, hogy előre gyártott honlapokat is tartalmaznak, így neked sem kell szenvedned a kinézetével, amennyiben nincs hozzá tudásod vagy kedved időd stb.
A Themify Ultrához adnak 12 hasznos bővítményt, kiegészítőt is, amivel gyakorlatilag néhány kattintással létrehozhatod az oldalt.
A Standard csomag 59 USD. Adókkal együtt kb 22 ezer forint. Azonban szuper lehetőség a számodra. Nem kell annál magasabb csomagot venned. Ez bőven megteszi.
Itt tudod megvenni ezt a sablont.
A fizetési folyamat során regisztrálsz az oldalra, mert mint tag többször is letöltheted a sablon telepítőfájlt, ha szükséges, illetve a saját tagi fiókodban találod meg a licenszkulcsot is. Ezekről később beszélünk.
A fázisok közül most a sablon telepítését mutatom meg Neked, amellyel aztán Te is könnyedén személyre szabhatod azt írói weboldaladhoz.
A Themify Ultra sablon telepítése
Mint láthatod ezt most egy bő 6 perces videóban mutatom be az egyszerűség és a gyorsaság kedvéért.
Ezzel tulajdonképp a weboldal elkészült. Természetesen fel kell töltened képekkel, cikkekkel. Ezt értelemszerűen meg tudod csinálni. Gyorsan kitapasztalhatod. Annyi biztos, ha a sablon kezelőfelületét használod, nem tudod elrontani a dolgokat.
Nézd meg a csomagajánlatokat, és ha kérdésed van, keress.