WordPress alapozó tanfolyam összefoglaló

WordPress alapozó tanfolyam kezdőknek

A WordPress alapozó tanfolyam utolsó leckéjéhez értünk, amely az eddigi leckék összefoglalója lesz, amely segít felkészülni az utolsó kvíz kitöltésére. A tematika szerint haladok, így minden lecke legfontosabb részét újra bemutatom (nem feltétlenül ezek fognak bekerülni a kvízben). [hosszú lesz, de CSAK ismétlés]

WordPress rendszer telepítése

Telepítés futtatása

A telepítéshez nem kell már config.php-t szerkesztened, ha a WordPress számára szerkeszthetőre állítod. A telepítés megkezdéséhez a megfelelő URL-t kell meghívnod:

  • https://www.weboldalam.hu/ – főkönyvtár
  • https://www.weboldalam.hu/blog – alkönyvtár
  • https://aldomain.weboldalam.hu/ – aldomain

Ha betöltött a WordPress, akkor ezt kell látnod, ha a csomagban nem volt előre elkészített config.php:

wordpress-telepites-ingyenes-wordpres-alapozo-tanfolyam

WordPress telepítése

Az instrukciók alapján a következő adatokra lesz szükségünk:

  • Adatbázis neve: a második pontban létrehozott adatbázis neve
  • Adatbázis felhasználó név: az a felhasználó, akivel az adatbázist létrehoztad
  • Adatbázis jelszó: az adatbázis felhasználó jelszava
  • Adatbázis kiszolgáló: általában localhost, de szolgáltató függő
  • Tábla előtag: ahogy a segédlet is mutatja több WordPress esetén ajánlott, de kötelezően megváltoztatandó, mert az illetéktelen behatolások adatbázisoldalról a javasolt wp_ előtag felhasználásával történik

WordPress rendszer alapbeállítások

Közvetlen linkek

Az URL struktúra minden oldal számára sarkalatos pont. (a jól megválasztott domain után) A böngészők szeretik a statikusnak tűnő URL-ket, amelyek nem .php-re (https://purpleonlinemedia.eu/index.php) végződnek és nincsenek benne ?p= változóhívások (https://www.purpleonlinemedia.hu/?p=123).

Helyette ez jelenik meg:

  • https://www.purpleonlinemedia.hu/2015/04/13/minta-bejegyzés/
  • https://www.purpleonlinemedia.hu/2015/04/minta-bejegyzés/
  • https://www.purpleonlinemedia.hu/archivum/123
  • https://www.purpleonlinemedia.hu/minta-bejegyzés/
  • vagy egyedileg határozzuk meg: https://www.purpleonlinemedia.hu/%post_id%/%category%/%postname%/

De mit is jelent ez pontosan, miért van erre szükség? A felhasználók számára is érthető URL-ek segítik a könnyebb eligazodást és a keresőmotorok is könnyebben bejárják az oldalt, ha a megfelelő struktúrát megtaláljál. Az egyedi URL-t így néz ki: https://www.purpleonlinemedia.hu/526/wordpress-alapozo-tanfolyam/wordpress-cms-rendszer-telepitese/ és azért ajánlom, mert minden olyan tényező benne van, amely alkalmassá teszi a visszakövethetőségre.

Nézzük, hogy mit jelentenek a következő paraméterek:

  • %post_id% = a bejegyzés azonosítója, Google Newsba csak akkor lehet ajánlani, ha van egy 3 jegyű azonosító az URL-ben, hiába nem szép, de sok előnnyel jár
  • %category% = a kategória neve, amelybe a bejegyzést tettük – egy bejegyzés több kategóriában is szerepelhet, de csak egy URL-je lesz
  • %postname% = a bejegyzés neve, ebben van a legtöbb kulcsszó és már a linkből lehet tudni, hogy miről olvashatunk a bejegyzésbe
wordpress-konfiguracio-kozvetlen-linkek-wordpres-alapozo-tanfolyam

Közvetlen link

WordPress rendszer téma választás

Mit kell tudnia a designnak?

A mai trendeknek megfelelő oldalakon a következő stílusjegyeket, funkciókat lehet észrevenni:

  • Responsive design: az egyes platformokra nem kell külön optimalizálni az oldalt, mert a téma méretei a befogadó eszköz képernyőjéhez igazítják azt. (lásd. ez az oldal)
  • A főoldalon általában van egy slider, amelyben az aktuális cikkek és termékek rotálják egymást. (lásd. https://eau-d-arquebusade.ch/)
  • A főoldalon és a kategória oldalakon kiemelve megjelennek a legfrissebb cikkek. (lásd. https://trekdirection.hu/)
  • A főoldal sok esetben hasonlít egy landing pagehez, amely bemutatja a céget és megjeleníti a friss tartalmakat (lásd. ez az oldal)
  • Az oldalakon HTML5 technikával jelennek meg a speciális effektek – vibráló gombok, becsúszó ablakok stb.
  • A stílus letisztult, kevésbé harsány, amely kiemeli tartalmakat.
  • A menü minden oldal tetején megjelenik.
  • Beépített az oldal tetejére mutató hivatkozás, ahogy fokozatosan görgetünk a lap aljára.

A lista végtelenségig folytatható, így azt javaslom, hogy keresd a téma leírásában a HTML5, CSS3 kifejezéseket, hogy Apple termékeken is optimálisan jelenjenek meg a tartalmak. Mindenképpen kerüld a flash-t tartalmazó oldalakat, de ragaszkodj az animáltsághoz, amelynek az alapfeltétele a HTML5 és CSS3 megléte. A responzivitást tartsd szem előtt, mert így egy oldallal elérhetsz asztali gépes, tabletes és okostelefonos látogatókat is.

WordPress bővítmények kategorizálva

Teljesítmény és biztonság

A WordPress egy PHP alapú keretrendszer, amelyre egy HTML5, CSS3, JAVASCRIPT kombinációjából építünk egy megjelenést, amelybe egy adatbázisból töltünk be tartalmakat. Az oldal teljesítményét ennek a három tényezőnek az optimális elegye adja, valamint a biztonságot is e stabil 3-as adja. A teljesítmény növeléséhez a lekérdezések számának optimalizálásával, a fájlok méretének csökkentésével és az adatbázis terhelésének csökkenése révén juthatunk el.

  1. WP SuperCache: Chachelő és teljesítmény növelő plugin, amely pontosabb, mint a svájci óra. Egy programon belül kezeli a chachet és a fájlcsökkentést (JS, CSS), hogy az oldalad sebesség növekedjen.
  2. WP Optimize: adatbázis karbantartó, amely csak a hasznos sorokat hagy az adatbázisban, évente elég egyszer elvégezni a nagytakarítást
  3. Better WordPress Minify: automatikus fájlcsökkentő alkalmazás (JS, CSS), amely telepítés után nem igényel beállítást. Kisebb látogatottságú honlapokhoz ajánlják.
  4. Duplicator: a legkézenfekvőbb bővítmény, amely segít az oldalad biztonságos áthelyezésére egy másik tárhelyre/mappába.
  5. Redirection: A 404 Az oldal nem található hibaüzeneteket monitorozza és egyszerű 301 egyes átirányítással gátolja a látogatók visszafordulási esélyét

WordPress Favicon bővítmény

Beállítás és használat

A telepített bővítményt aktiválni kell, majd a Megjelenés menüből ki kell választani a Favicon almenüt. A következő képen jól látható, hogy a médiatárból tudunk megadni Favicont. Ennek mérete kötött, hogy a legoptimálisabb kép készülhessen. Képméret: 260 * 260

wordpres-alapozo-tanfolyam-wordpress-favicon-bovitmeny-beallitasa

A Favicon almenüre kattintva a képen látható egyszerű kezelőfelület jelenik meg, amely a médiatárból kiválasztott képből hozza létre a Favicont. A kép mérete rögzített: 260 * 260 px.

WordPress WP No Category Base bővítmény

WP No Category Base bővítmény aktiválása és annak eredménye

Beállítás előtti URL: https://www.purpleonlinemedia.hu/category/wordpress-alapozo-tanfolyam/

Beállítás utáni URL: https://www.purpleonlinemedia.hu/wordpress-alapozo-tanfolyam/

Természetesen lehet a listáról más alkalmazást választani, vagy saját megoldást keresni, esetleg a kódban turkálni, DE miért? Érdemes több munkát belefektetni, mint amennyit nyerünk ezzel a módosítással? Nem.

Mit nyerünk?

  • Keresőoptimalizálás szempontjából az URL rövidebb lesz
  • Egy fölösleges szó eltűnik, amely a találati listában való megjelenés esélyét rontja
  • Az olvasó szeme könnyebben átlátja a beállítás utáni URL-t

WordPress All In One SEO Pack bővítmény

Beállítás

A beállításokat az All in One SEO Pack menübont Beállítások menüpontjában állíthatjuk be.

wordpres-alapozo-tanfolyam-wordpress-all-in-seo-pack-bovitmeny-general-settings

Általános beállítások

Canonical URLs (gyűjtő URL): az alkalmazás megszünteti a több linken való elérést, ezáltal a Google nem tekinti duplikációnak, amely súlyos szankciókat vonna maga után: a találati listán komoly visszaesés, esetleg a találati listában való megjelenés teljes megvonása

No Pagination for Canonical URLs: eltünteti az URL végén található lapozás jelét pl. https://éndomainem.hu/page/2 >>> https://éndomainem.hu

Enable Custom Canonical URLs: egyéni gyűjtő URL-ek állíthatók be minden bejegyzésnél, de csak akkor lesz aktív, ha itt bepipáljuk a jelölőnégyzetet

Set Protocol For Canonical URLs: protokoll választás a gyűjtő URL-ek beállításához – auto, HTTP, HTTPS

Use Original Title: a bővítmény által beállított címet használja

Use Schema.org Markup: séma beállításával tovább növeli a SEO értékét

Log important events: fontosabb események logolása a további optimalizáláshoz

WordPress Contact Form 7 bővítmény

Új űrlap szerkesztő felület:

  • fent: űrlap neve – ez fog megjelenni a listában, csak az azonosítást szolgálja
  • balra lent: űrlap HTML kódja – itt formázható az űrlap
Változók kezelése

Változók kezelése

Az űrlapra felhelyezhetünk szövegmezőt, Email cím mezőt, URL mezőt, Telefonszám mezőt, Lenyíló listát, Jelölő dobozokat, Rádiógombokat és még sok hasznos mezőt. Ezeket a jobb oldalt lenn található szerkesztőben hozhatjuk létre:

  1. A lenyíló menüből kiválasztjuk a számunkra megfelelő mezőt
  2. Bejelöljük, hogy kötelező vagy sem
  3. Elnevezzük a későbbi azonosítások miatt
  4. Opcionálisan megadhatunk css id-t vagy class-t
  5. Mezőtől függő beállítások következnek
  6. Beállíthatunk alapértelmezett értéket
  7. Megjelenik a két shortcode: a megjelenítéshez és a válasz levelekhez

WordPress Bejegyzések és oldalak szerkesztése

Bejegyzés írása

Cím: a bejegyzés címe, tartalmazza a kulcsszavakat, legyen tömör és sokatmondó

Média hozzáadása: képek, fájlok hozzáadása a bejegyzéshez

Szerkesztő felület: “egyszerűsített WORD szerkesztő”

Grafikus <> HTML nézet váltás: a grafikus nézetben az látjuk ahogy meg fog jelenni az oldal, míg HTML nézetben a HTML tagek közötti szövegeink láthatók. Ez a nézet azok számára lesz érdekes, akik nagy magabiztossággal tudják a HTML-t formázni és nem elégszenek meg a szerkesztő felület lehetőségeivel.

Bejegyzés törzs: ide írod a bejegyzésed, itt formázod és szerkeszted.

Kivonat: a bejegyzés összefoglalója, újságírásban leadnek hívják. Tömören figyelemfelkeltő cikkösszegző.

wordpres-alapozo-tanfolyam-wordpress-bejegyzes-írása

Bejegyzés írása

WordPress alapozó tanfolyam összefoglaló

A tanfolyam során megtanultad telepíteni a WordPress keretrendszerét. Beállítottad a szükséges alapbeállításokat. Kiválasztottad a neked tetsző és technikailag megfelelő témát. Megismertél alapvető bővítményeket, amelyek közül többet is részletesen megismertél. Így a weboldalad az alapvető funkciókat már el tudja látni. A WordPress weboldal tartalom nélkül nem fog semmilyen hasznot hozni, így bejegyzésekkel és oldalakkal tartalmat kell hozzáadnod. Ha ezzel megvagy, akkor az alapokat lefektetted.

A WordPress alapozó tanfolyam célja az volt, hogy ezt egyszerűen, magadtól, külső segítség nélkül létre tudd hozni az első WordPress weboldaladat.

FIGYELEM: a WordPress alapozó tanfolyam önmagában nem elég ahhoz, hogy sikeres weboldalad legyen. Megfelelő tartalom, továbbfejlesztés nélkül és marketing tevékenység

WordPress alapozó tanfolyam záró kvíz

Ahogy a lecke elején is jeleztem a WordPress alapozó tanfolyam végén kvíz segítségével mérheted le a tudásodat. Ha készen állsz, akkor indítsd a kvízt.

[WpProQuiz 3]

WordPress alapozó tanfolyam záró kérdőív

Őszinte leszek veled: ez volt az első hírlevél alapú online tanfolyamon, ezért minden visszajelzést szívesen fogadok. Ha van még 5-10 perced rám, akkor válaszolj a következő kérdésekre. A válaszadók között minden hónapban kisorsolok egy WordPress témájú pólót.

A kérdőívet itt érheted el: WordPress alapozó tanfolyam záró kérdőív

Gratulálok elolvastad a tizedik, egyben utolsó leckét és elvégezted a
WordPress alapozó tanfolyamot.

0 Comments

Submit a Comment

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Hírlevél feliratkozás

FRISS TARTALMAK, AJÁNLATOK, ÚJDONSÁGOK

  1. Elsőkézből értesülhetsz új tartalmainkról
  2. Készülő Online Kurzusaink tesztelője lehetsz
  3. Tájékoztatást kapsz az új tematikus hírlevél listáinkról



Kiemelt bejegyzések