Teljesen a nulláról részletes leírásban számolok be arról, hogy tudsz házilag saját szerver környezetben létrehozni egy önálló weboldalt, amit későbbiek során feltölthetsz egy élő tárhelyre.

A részletes leírás során főbb vázlatpontokon keresztül végig vezetlek mi az amire ügyelned kell első weboldalad létrehozásakor.

Az egyes fejezetekről és külön-külön témákról videós segítségadás is készült, melyet a videós online tanfolyam-on nyomon tudsz követni

Továbbá egy díjmentes eBook is elérhető pdf formátumban a feliratkozott felhasználók számára. Az eBook tartalmazza a honlap szerkesztés alapvető lépéseit az oldal kialakításától kezdve egészen a weboldalad publikálásáig.

Feliratkozást követően válaszlevélben továbbítom számodra az ingyenes tananyagot PDF formátumban, melynek segítségével pár nap alatt nekiláthatsz első weboldaladnak!

Ha elakadnál nézd meg a részletes honlapszerkesztés tanfolyamról írt cikkemet vagy kérdezz bátran!

A teljes tartalom könnyen elsajátítható, programozói tudásra nem lesz szükséged. Elsősorban a beállítások, konfigurációknál kell első körben alaposan odafigyelni, végül a kezelőfelület és a legfontosabb sablonok, bővítmények már értelemszerűen végigvezetnek téged a honlap szerkesztés főbb lépésein.

Vágjunk is bele!

Mire lesz szükséged a weboldalad létrehozásakor?

Windows környezetben fogom megmutatni, de más operációs rendszereken is tudod használni az arra a platformra tervezett program segítségével.

• Saját szerver környezet
• Egyszerű tömörítő program
• Minimum egy szövegszerkesztő de legalább egy NotePad Plus, Visual Studio Code mi esetünkben már nem kell

Ehhez a folyamathoz biztosítanod kell egy alkalmazást, amelyen keresztül létre tudod hozni a weboldal létrehozásához szükséges virtuális környezetet.

A XAMPP telepítése viszonylag egyszerű folyamat. Itt van egy általános lépésről lépésre útmutató a XAMPP telepítéséhez Windows operációs rendszeren:

• Letöltés: Látogass el a hivatalos XAMPP weboldalra és válaszd ki a megfelelő verziót a Windows számára. Választhatsz az alapértelmezett XAMPP verziók közül vagy a különböző csomagok közül, amelyek kiegészítő szoftvereket is tartalmaznak (pl. MariaDB helyett MySQL).
• Letöltött fájl futtatása: Miután letöltötted a telepítőfájlt, indítsd el azt dupla kattintással. A Windows biztonsági figyelmeztetéseket kaphatsz, engedélyezd a futtatást.
• Telepítés: Válaszd ki a telepítési helyet a XAMPP számára. Alapértelmezés szerint a „C:xampp” könyvtárba települ, de megváltoztathatod, ha szeretnéd. Válaszd ki azokat a komponenseket (Apache, MySQL, PHP stb.), amelyeket telepíteni szeretnél. Általában mindet érdemes kiválasztani, hacsak nincsenek különleges igényeid.

XAMPP indítása: Nyisd meg a telepített XAMPP alkalmazást a Start menüből vagy a telepítés helyén található mappából. Indítsd el az Apache és MySQL szolgáltatásokat a Start gombra kattintva.

Tesztelés: Nyisd meg a webböngésződet és látogasd meg a localhost címet. Itt láthatod a XAMPP ellenőrzőpaneljét és hozzáférhetsz a telepített komponensekhez.

A CMS (Content Management System) egy olyan szoftver vagy rendszer, amely lehetővé teszi a felhasználók számára, hogy könnyen kezeljék és szerkesszék weboldalaik tartalmát anélkül, hogy szükség lenne kódolási ismeretekre. A CMS rendszer segítségével a felhasználók könnyen hozzáadhatnak, szerkeszthetnek vagy törölhetnek tartalmat a weboldalukon, például szöveget, képeket, videókat vagy más médiaelemeket.

Ezáltal a CMS rendszerek lehetővé teszik a weboldal tulajdonosai és szerkesztői számára, hogy dinamikus és friss tartalmat tartsanak karban anélkül, hogy minden egyes módosításnál be kellene avatkozniuk egy webfejlesztőt. Ez különösen hasznos olyan esetekben, amikor több felhasználó egyidejűleg dolgozik egy weboldalon, vagy amikor a tartalmat gyakran frissíteni kell.

A legnépszerűbb CMS rendszerek közé tartozik a WordPress, Joomla, Drupal és mások. Ezek a platformok általában könnyen testre szabhatók, és különböző bővítményekkel kiegészíthetők annak érdekében, hogy megfeleljenek a felhasználók egyedi igényeinek..

A tömörítőprogram (vagy tömörítőszoftver) egy olyan szoftver, amely lehetővé teszi a fájlok és mappák tömörítését és azok kisebb méretű archívumokká való alakítását. A tömörítésnek ez a folyamata csökkentheti a fájlok tárolási méretét, ami hatékonyabb tárolást és gyorsabb adatátvitelt eredményezhet.

Tömörítés mellett kicsomagolásra is alkalamasak ezek a programok. Például, amikor egy zip formátumú fájl adataira lenen szükséged, akkor egy tömörítőprogram segítségét szokás igénybe venni.

A leírásban a winrar tömörítő programot fogom használni, de természetesen más szoftverek közül is választhatsz

Worpdress letöltéséhez navigálj el a hivatalos weboldalra és töltsd le az aktuális verziót.

A WordPress csomag egy tömörített állományban lesz elérhető, amit szükséges lesz kibontanod.

Kibontani bármilyen tömörítőprogram segítéségvel megtehetsz . Néhány példa: Winrar, Winzip vagy Total Commander.
Ha nem lenne tömörítőprogramod, és a beállítása előtt állsz még és új a számodra, akkor kövesd végig itt a letöltés és telepítéshez szükséges tudnivalókat.

A WinRAR letöltése és telepítése szintén egyszerű folyamat. Itt van egy lépésről lépésre útmutató a Windows operációs rendszeren történő telepítéshez:

Letöltés: Látogass el a WinRAR hivatalos weboldalára és keresd meg a „Download” vagy „Letöltés” opciót.

Letöltött fájl futtatása: Miután letöltötted a telepítőfájlt, kattints rá dupla kattintással.

Telepítési hely kiválasztása: Válaszd ki azt a mappát, ahova a WinRAR-t telepíteni szeretnéd. Alapértelmezés szerint a „C:Program Files/WinRAR” könyvtárba települ, de megváltoztathatod, ha szeretnéd.

Befejezés: A telepítés befejezése után megjelenik egy végleges üzenet. Kattints a „Finish” vagy „Kész” gombra.

Most a WinRAR telepítve van a számítógépeden, és készen állsz arra, hogy használd. Amikor egy tömörített fájlt szeretnél kibontani, csak kattints rá jobb gombbal, és válaszd a „Kicsomagolás ide” vagy a „Extract here” opciót.

Fájlok kibontása: A letöltött WordPress fájlt csomagold ki egy átmeneti mappába. Ezt követően a kibontott mappa tartalmazza majd a WordPress fájljait és mappáit.

Mappa létrehozása: A XAMPP-ban a htdocs mappát használják a webes fájlok és alkalmazások tárolására. Ez a mappa az XAMPP telepítési helyén belül található. A Windows verzióban a telepítési hely alapértelmezése a C:xampp.

WordPress fájlok áthelyezése: A WordPress fájlokat és mappákat másold vagy mozgasd át a létrehozott htdocs mappába. Biztosítsd, hogy az összes WordPress fájl és mappa közvetlenül a htdocs mappában legyen, ne egy további almappában.

Kapcsolat

Vissza kell térned a XAMPP kezelőfelületére. Fontos, hogy amíg a weboldaladat szerkeszted enne ka programnak mindig a háttérben kell futnia. Ez most jelenleg a helyi szerver környezeted, ami nélkülözhetetlen a honlap szerkesztéshez. 

Miután újból elindítottad a programot, a MySQL felirattól jobbra az Admin parancsra kell rákattintani és ezzel a PHPmyADMIN kezelőfelületén fogod találni magadat. A PHPmyAdmin  lesz segítségedre abban, hogy új adatbázist hozz létre mielőtt a WordPress oldaladat beüzemelnéd. Új, meglévő adatbázisok kezelésére , lekérdezések végrehajtására is alkalmas.

Új adatbázis létrehozásához kattints a bal oldalon található új feliratra. Itt fogod létrehozni az új adatbázisodat, ami nélkülözhetetlen lesz a weboldalad telepítésekor.

Az adatbázis létrehozása felirat alá írd be az adatbázisodnak a nevét, majd tőle jobbra kattints a létrehozás gombra.

Létrehozást követően láthatod, hogy bal oldalon az új felirat alatt található listában megjelenik az adatbázisod azzal a névvel, amit beírtál. A példa kedvéért annyit írok, elsoadatbazisom.

Adatbázis név megadásnál ügyelj ara, hogy ne legyenek ékezetek benne.

Tedd le a tálcára a phpmyadmint ideiglenesen, ne felejtsd mindig futnia kell a háttérben, amíg a honlapodon dolgozol.

Navigálj el a szerver mappájának htdocs almapájába, vagyis a XAMPP, HTDOCS, és az almappádba, ahová korábban a wordpress fájlokat átmásoltad.

A fájlok között találsz egy wp-config-sample fájlt. Ez lesz az a fájl, amiben át kell írnod néhány sor adatot, hogy az oldalad első beállításait jól végezd el.

A biztonság kedvéért készíts erről a fájlról egy másolatot és ezt követően a másolt fájlodat nevezd át wp-config elnevezésre.

Ha megfigyelted ez a fájl php kiterjesztésű és módosítás előtt szükséged lesz egy szövegszerkesztőre.  Egyszerű notepad is megteszi de mégiscsak egy fokkal jobb programot ajánlanék, mégpedig a Notepad plus ,amit ingyenesen le tudsz tölteni a notepad plus hivatalos weboldaláról.

Azért ajánlanám, mert itt a különböző sorok áttekinthetőbbek és több fájlformátumot is támogat, így ebben a programban könnyen elboldogulsz.

Kezdjük is el az egyes adatoknak a beírását!

• A DB_NAME-től jobbra a mintaszöveget az idézőjeleken belül töröld ki és add meg annak az adatbázisnak a nevét, amit korábban létrehoztál pl.:elsoadatbazisom….
• A DB_USER-től jobbra a felhasználó esetében írd be a „root” kifejezést. A DB_PASSWORD-tól jobbra az idézőjelekben lévő szöveget töröld ki, egyenlőre üresen hagyhatod ajelszavadat, majd ha élesbe élő tárhely szolgáltatón  szerepelteted mindenképp adj meg egy erős jelszót. Egyenlőre mivel saját szerver környezetben futtatod hagyj üresen.
• Végül a DB_HOST-tól jobbra lévő szöveghez sem kell nyúlnod a mostani esetben, mivel „házi környezetben” dolgozol. 🙂

Miután mind a 3 értéket megadtad, felül kell írnod vagy egyszerűen rámentened a meglévő wp-config fájlodra és ezt követően már ténylegesen megkezdted a wordpress telepítését.

Nyisd meg a böngésződet, és látogasd meg a WordPress telepítési címét. Ez általában a localhost wordpress cím, ha a WordPress fájlokat az htdocs gyökérbe helyezted. A WordPress telepítési varázsló vezetni fog át a beállításokon.

1. Adatbázis beállítások megadása: A WordPress telepítési varázslójában add meg az előző lépésben létrehozott adatbázis nevét, felhasználónevét és jelszavát.
2. Webhely információk megadása: Adj meg egy címet a WordPress webhelynek, valamint egy admin felhasználónevet és jelszót a WordPress admin felületéhez.
3. Telepítés befejezése: Az utolsó lépésekben a WordPress kérni fogja, hogy jelentkezz be az admin felületre. Miután ezt megtetted, a WordPress telepítése befejeződött, és már használhatod a webhelyet.Ez a folyamat lépésről lépésre bemutatja, hogyan telepítheted a WordPress-t a XAMPP használatával a helyi számítógépeden.

A WordPress kezelőfelülete két fő részből áll: a bal oldali menüből és a fő tartalmi területről.

Bal oldali menü:

• Itt találod az összes funkciót és beállítást a webhelyedhez.
• Nézzük meg, mit tudsz csinálni:
  • Bejegyzések: Írj blogbejegyzéseket, oszd meg tartalmaidat.
  • Média: Tölts fel képeket, videókat 
  • Oldalak: Készíts állandó oldalakat a „Rólunk”, „Kapcsolat” és más fontos dolgokról.
  • Hozzászólások: Olvasd el és kezeld az olvasóid hozzászólásait!
  • Megjelenés: Változtasd meg a webhelyed kinézetét. Válassz sablont, színeket, betűtípusokat, widgeteket, ahogy tetszik!
  • Bővítmények: Telepíts bővítményeket, hogy új funkciókkal turbózd fel a webhelyedet!
  • Felhasználók: Kezeld a webhelyedhez hozzáféréssel rendelkező felhasználókat.
  • Eszközök: Találj itt hasznos eszközöket és beállításokat a webhelyedhez.
  • Beállítások: Konfiguráld a webhelyed összes beállítását, az általánosságoktól a permalink beállításokon át az olvasási beállításokig.

Fő tartalmi terület:

• Ez a rész attól függően változik, hogy mit csinálsz a bal oldali menüben.
• Itt tudod bevinni a tartalmat, konfigurálni a beállításokat, és mindent elvégezni, amire a webhelyeddel kapcsolatban szükséged van.

A WordPress frissítése egy egyszerű, de elengedhetetlen feladat, amit neked is el kell végezned a weboldalad karbantartása során. Ez nem csak a weboldalad biztonságát és teljesítményét javítja, de a legújabb funkciókhoz is hozzáférést biztosít.

Miért fontos a frissítés?

• Biztonság: A frissítések gyakran biztonsági hibákat javítanak, amelyeket kihasználhatnak a hackerek a weboldalad feltörésére. A legújabb verzió telepítésével megvédheted weboldaladat ezektől a fenyegetésektől.
• Teljesítmény: A frissítések javíthatják a weboldal betöltési idejét és teljesítményét. Ez jobb felhasználói élményt nyújt a látogatók számára, és javíthatja a weboldalad keresőmotorokban elfoglalt helyét (SEO).
• Funkciók: A frissítések új funkciókat adhatnak hozzá a WordPresshez, amelyekkel javíthatod weboldaladat. Ezek a funkciók új design elemeket, beépített marketing eszközöket, vagy akár fejlettebb tartalomkezelési lehetőségeket is tartalmazhatnak.

Hogyan frissítheted a WordPress-t?

Kétféleképpen frissítheted a WordPress-t:

1. Automatikus frissítés:

Ez a legegyszerűbb módja a frissítésnek. A WordPress automatikusan értesít, ha elérhető egy új frissítés. Csak kattints a „Frissítsd most” gombra a vezérlőpulton a frissítés telepítéséhez.

2. Manuális frissítés:

Ha nem szeretnéd várni az automatikus frissítést, manuálisan is frissítheted a WordPress-t. Ehhez le kell töltened a legújabb WordPress verziót a https://wordpress.org/download/ webhelyről. Ezután ki kell csomagolnod a fájlokat a weboldal tárhelyére, és felül kell írnod a régi fájlokat.

Fontos megjegyzések:

• Mindig készíts biztonsági mentést a weboldaláról a frissítés megkezdése előtt. Ez menteni fogja az adataidat, ha bármilyen probléma merülne fel a frissítés során.
• Frissítsd a WordPress magját, a bővítményeket és a sablont is.
• Ha bármilyen problémát tapasztalsz a frissítés során, fordulj a WordPress támogatási fórumához vagy a weboldal fejlesztőjéhez.

A WordPress frissítése egy gyors és egyszerű feladat, amellyel megvédheted weboldaladat, javíthatod a teljesítményét, és hozzáférést biztosíthatsz a legújabb funkciókhoz. Rendszeresen frissítsd a WordPress-t, hogy weboldalad biztonságos és naprakész maradjon.