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

Ebben a cikkben megmutatom neked, hogyan készítek szemkápráztató honlapot 3 óra alatt. A folyamatokat úgy építettem föl, hogy akár te is lemásolhatod.

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, melynek megvásárlása esetén jutalékot fizet nekem a rendszer. Neked emiatt Nem lesz plusz költséged. Sőt. A használt sablon esetében még jobban is jársz.

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 honlap 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 a WordPress weboldal készítését.

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.

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 honlapodat.

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 honlapké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 honlapodat.

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.

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.

A cikk elkészültét szakmailag támogatta a webark.hu.