Ingyenes weboldal - WordPress fejlesztő eszközök - Minden amire szükséged lehet

A WebDizájn .hu gyorsan és a legjobb minőségben készíti el, vagy újítja fel weboldalad, grafikád!

Az Ingyenes weboldal - WordPress fejlesztő eszközök alapvető listáját azért szedtük össze, hogy megkönnyítsük a dolgodat, amikor először belevágsz a weboldal készítésbe. Legyen a weboldal WordPress vagy sem, mindig szükséged lesz egy jegyzettömbre, fájl kezelőre, grafikai szoftverre valamilyen kód szerkesztőre, ftp programra.

Nem csak a programokat, hanem a weboldal készítéshez és a speciálisan WordPress-hez szükséges szoftvereket és használatukat is megtudhatod ebből a cikkből. Megnézheted, hogyan lehet FTP kapcsolaton keresztül fájlt szerkeszteni, vagy WordPress kódrészletet, Snippet-et használni.

Az alábbi weboldal - WordPress fejlesztő eszközök és információk, nélkülözhetetlenek az új WordPress weboldal tulajdonosoknak vagy a leendő webmestereknek.

Weboldal fejlesztő eszközök - fájl kezelők, szöveg szerkesztők, kód szerkesztők.

A weboldal fejlesztés és kezelés közben biztos, hogy szükség lesz jegyzetelésre, fájlok másolására kódok módosítására. Nagyon sok jó kód szerkesztő szoftver van, így meg se próbálunk átfogó gyűjteményt készíteni.

Az általunk most ajánlott szoftverek arra valók, hogy a munkát megkezd, majd később magad kialakítsd a saját eszköztáradat. Természetesen a későbbiekben is ajánlunk majd további szoftvereket és eszközöket.

Egyszerű szöveg szerkesztés és kód szerkesztés, jegyzetelés

Munka közben sokszor elfordul, hogy jegyzetelni kell, vagy egy rendszer fájl (pl. PHP, CSS, JavaScript) tartalmát kell szerkeszteni, akár a gépeden akár távoli kapcsolat segítségével.

Ezekre, az operációs rendszer által biztosított jegyzettömb, csak nehézkesen és csak részben alkalmas, ezért érdemes másik szoftvert is használni.

Induláshoz bátran használd a Notepad++ ingyenes kód és így szöveg szerkesztőt. Ezzel minden felmerülő szerkesztési feladatot meg tudsz majd oldani, amire a kezdetben szükséged lesz. Miután már belerázódtál a munkába, nézz körbe és szerezd be a neked legszimpatikusabb kód szerkesztőt.

Notepad++ jegyzettömb, szöveg szerkesztő és kód szerkesztő - Videó tartalom

weboldal WordPress fejlesztő eszközök

A Notepad++ egy ingyenes forrás kód szerkesztő. Tökéletes weboldal fejlesztő eszköz, hiszen alkalmas arra, hogy kezdőként egyszerre használd, jegyzetelésre, szöveg szerkesztésre, rendszer fájlok - kód szerkesztésre (a neked fontos program nyelveket is támogatja, minta a PHP, JavaScript, CSS, XML, Json ...).

Tipp! A fájlkezelődben amit használni fogsz, érdemes beállítani alapértelmezett szerkesztőnek a Notepad++ -t.

További kedvelt kódszerkesztők: 1, Atom - az egyik legnépszerűbb ingyenes kódszerkesztő, rengeteg extrát lehet hozzáadni. 2, Visual Studio Code - A Microsoft multiplatform ingyenesen használható szerkesztője. 3, Light Table - Könnyen és gyorsan megtanulható és használható ingyenes kódszerkesztő.

Bővített prémium videó! Nézd meg az alábbi videó bővített változatát WebDizájn Start előfizetéssel!
A bővített verzióból megismerheted a Notepad++ fontos tippeit és trükkjeit amivel jelentősen felgyorsíthatod a munkafolyamatodat.

Előfizetői Videó

Az itt kitakart videót WebDizájn Start előfizetéssel nézheted meg. Kattints a gombra és olvasd el, hogy mi mindent tartalmaz az előfizetés, miért éri meg és miért nem akarsz ebből kimaradni.

Előfizetek a tartalomraMár előfizetőnk vagy? Kattints ide a belépéshez.

Helyi és távoli fájlok kezelése - fájl kezelő szoftverek (FTP, SFTP)

Munka közben a fájlok kezeléshez szükséged lesz fájlkezelő szoftverekre. A gépeden lévő fájlokat kezelheted akár az operációs rendszered beépített fájl kezelőjével. Szükséged lehet viszont arra, hogy a tárhelyedre feltölts fájlokat.  A távoli fájlok kezeléshez alapvetően három lehetőség szokott lenni.

fájl kezelés böngészővel - CPanel

A tárhelyed menedzsment szoftverének ha van fájl kezelője, akkor azzal is kezelheted a tárhelyed fájljait. Tipikusan ilyen pl. a CPanel ahol van lehetőséged a böngészőben kezelni, szerkeszteni és így fel-le tölteni a fájlokat a tárhelyeden.

FTP távoli fájl kezelés

Kezelheted még a tárhelyed fájljait FTP (File Transfer Protokol) segítségével. Ehhez egy olyan fájlkezelőre van szükséged ami képes kommunikálni FTP (protokoll) kapcsolattal. A tárhelyekhez mindig biztosítanak FTP kapcsolódási lehetőséget.

SFTP távoli fájl kezelés

Vannak esetek (pl virtual szerverek vagy egyéb tárhelyek) amikor van lehetőség SFTP (SSH File Transfer Protokol) segítségével kezelni a távoli fájlokat. Ez a legbiztonságosabb fájlkezelési mód. SFTP kapcsolódásra és fájlkezelésre általában az egyszerűbb tárhelyeken és tárhely szolgáltatásoknál nincs lehetőség. Természetesen az SFTP kapcsolódáshoz egy olyan fájl kezelőre van szükség, ami képes SFTP kapcsolatra.

Total Commander - fejlett fájlkezelő FTP funkcióval - Videó tartalom

weboldal WordPress fejlesztő eszközök

A Total Commander a legnépszerűbb 2 ablakos fájlkezelő. A 2 ablak segítségével könnyen kezelheted a gépeden lévő helyi és a tárhelyed távoli fájljait egyszerre. Elsősorban azért raktuk a listára, mert fejlett fájlkezelési funkciói vannak (mint pl. keresés a fájlok tartalmában, beépített tömörítés kezelés...) amik később hasznosak lehetnek.

Fontos még az is, hogy FTP protokol segítségével a távoli fájlok kezelésére is képes. Amennyiben nincs szükség SFTP kapcsolódásra, úgy ez a program mindenre megfelelő lehet neked.

A Total Commander egy shareware program, így magadnak ingyenesen letöltheted és kipróbálhatod később akár pedig regisztrálhatsz is.

WinSCP - Többfunkciós távoli fájlkezelő (FTP, SFTP, SCP, SFTP, WebDAV)

weboldal WordPress fejlesztő eszközök

A WinSCP ingynes távoli fájlkezelő, egy igazi svájci bicska, számos fájlkezelési protokollt támogat. Használhatod FTP, SFTP vagy egyéb protokollal történő távoli fájlkezeléshez.

Ezt is kipróbálhatod: FileZilla - ingyenes FTP és SFTP fájlkezelő. A Pro verzió még több fájl protokollt támogat.

WordPress fejlesztő eszközök

WordPress fejlesztő eszközök

A WordPress CMS legnagyobb előnye a gyors és viszonylag könnyű fejleszthetőség testre szabhatóság. Az esetek többségében egy-egy bővítménnyel, modullal vagy sablonnal meg lehet oldani a felmerülő feladatokat problémákat. Lesznek azonban esetek, amikor szükség lehet egyedi programozási kódok futtatására.

Az nem kérdés, hogy egy WordPress weboldal fejlesztése közben előbb utóbb szükséged lesz kisebb kódrészletek beszerzésére és futtatására, amiket Snippet -nek hívunk. A kérdés inkább az, hogy ezeket hogy tudod majd futtatni.

A WordPress kódrészlet - Snippet alapvető WordPress fejlesztő eszköz. Használatuk szinte elkerülhetetlen, ezért fontos megtanulni, hogyan lehet ezeket a kis kódokat futtatni.

WordPress kódrészelet - Snippet (minta)

Az alábbi WordPress kódrészlet egy úgynevezett "rövidkód"-ot regisztrál a WordPress-be amivel utána gyorsan és könnyen lehet köszönteni a látogatókat.
	  
	  /**
  Snippet Name: Látogató üdvözlet
  URI: https://webdizajn.hu/ingyenes-weboldal-wordpress-fejleszto-eszkozok
  Description: Látogató üdvözlő üzenet megjelenítése rövidkód segítségével. Használat [Üdvözlet]
  Version: 1.0
  Author: WebDizájn
  Author URI: https://webdizajn.hu
  License: GPLv2 or later
  Copyright 2005-2021  WebDizájn - webdizajn.hu	
*/

function webdizajn_udvozlet() {
	return "Üdvözöllek látogató";
}

add_shortcode ('Üdvözlet', 'webdizajn_udvozlet');

WordPress kódrészlet - Snippet használata (futtatása)

A kódrészek, Snippetek futtatásár 3 főbb módszer közül választhatsz:

  1. Az egyik lehetőséged, a témád (sablonod) function.php fájlnak a módosítása. Egyszerűen keresd meg a WordPress téma/sablon gyökér könyvtárában a function.php fájlt és másold be a legvégére a kódot amit szeretnél futtatni.
  2. A második lehetőség, hogy egy kódok futtatására alkalmas modult használsz, pl. az alább általunk is bemutatott Code Snippet bővítményt.
  3. Szintén jó megoldás az, amikor egy saját bővítményt készítesz. Ehhez is adunk segítséget, ha kicsit lejjebb görgetsz letölthetsz ingyen egy "üres" induló bővítményt ingyen. Ezt tudod használni. További cikkeinkben megtanítunk a használatára is.

WordPress téma, sablon, function.php módosítása

A WordPress téma, sablon funciton.php - fájljának módosításához keresd meg a tárhelyeden a WordPress telepítési könyvtár /wp-content/themes/bekapcsolt-sablon  könyvtárt és ott megtalálod a function.php-t amihez hozzá fűzheted a saját kódod vagy egy kódrészt - Snippetet.

Code Snippets WordPress bővítmény telepítése és használata.

A Code Snippets ingyenes WordPress bővítmény egyszerűen lehetővé teszi számodra, hogy egyedi PHP kódrészleteket (Snippet) futtassunk a WordPress működése közben. Ezeket a kódokat, ráadásul ki-be kapcsolhatod, rangsorolhatod.

Rendkívül hasznos bővítmény, ha szeretnél kódrészleteket, Snippetet futtatni a webhelyeden.

Letöltés: Töltsd le a Code Snippets bővítmény Magyar nyelvi fájlt tőlünk.

Fizess elő valamelyik WebDizájn előfizetésünkre és az előfizetés keretében "ingyen" letöltheted a magyar nyelvi fájlt.

Amennyiben nem szeretnél előfizetni, a letöltés egyszeri 1000 Ft, mellyel a fordítási munkánkat támogatod.

Tipp! Szerezd be az első kódrészletet Snippetet tőlünk! Jelenítsd meg, az alább ismertetett dinamikus Copyright feliratot weboldaladon. Ez kiírja az első és az utolsó évet automatikusan. A Videóban bemutatjuk az elhelyezését is.

Az alábbi kódrészlet segítségével bárhol elhelyezhetsz automatikusan generált Copyright feliratot a weboldaladon. Valami ilyesmit:

[a-Web-C]
A kódrészlet - Snippet:
Prémium WordPress Code Snippet - Kódrészlet! Használd, töltsd le, a WebDizájn Start előfizetéssel!
Az alábbi kódrészletet azonnal beillesztheted a saját weboldaladba és könnyedén megjelenítheted a Copyright üzenetet.

Előfizetői tartalom

Az itt kitakart tartalmat, csak a WebDizájn Start előfizetéssel nézheted meg. Kattints a gombra és olvasd el, hogy mi mindent tartalmaz az előfizetés, miért éri meg és miért nem akarsz ebből kimaradni.

Előfizetek a tartalomraMár előfizetőnk vagy? Kattints ide a belépéshez.

A kódrészlet - Snippet használata:

A fenti kódrészt először telepítsd. Ehhez másold a témád function.php  fájljának a végére, vagy telepítsd a fenti kódrészt a Code Snippets modul segítségével, esetleg rakd be a saját modulod futó fájljába.

Telepítés után két módon is használhatod ezt a Snippetet:

A WordPress adminisztrációs rendszerében a szerkesztő felületeken bárhol beillesztheted a Copyright feliratot a következő gyors kóddal (shortcode).

[WebDizájn-CopyRight]

Másik lehetőségként helyezd el az aktív témád, sablonod footer.php fájljában, vagy ahol szeretnéd, az alábbi PHP kódot.

		
		echo webdizajn_copyright();

Nézd meg az alábbi videóban, hogyan kell telepíteni, beállítani és használni a Code Snippet modult.

Saját WordPress bővítmény ingyenes letöltése és használata.

Vannak esetek amikor a saját kódok és fájlok futtatására és tárolására a legjobb megoldás egy saját egyedi WordPress bővítmény. Ez akkor a leghasznosabb, ha várhatóan később több funkciót és sok fájlt is használni szeretnél majd.

Tipp! Az üres induló bővítményt amit később sajátodként fejleszthetsz, most ingyen letöltheted az alábbi linkről. Ezt már előszítettük arra, hogy a saját fájljaidat és kódjaidat kezelhesd vele. Ne izgulj, ha most nincs mit bele raknod vagy nem tudod használni. Olvasd cikkeinket és biztos hasznos lesz később. Telepíteni ugyan úgy tudod majd mint bármilyen más WP bővítményt.

Grafikák képek szerkesztése

Weboldal fejlesztő eszközök

Grafikai programokból biztos sok oldalnyi listát tudnánk készíteni, egyről viszont szinte biztos, hogy Te is hallottál, mégpedig a Photoshop-ról. Hosszútávra tervezve, érdemes beszerezni a Photoshop képszerkesztőt, sajnos ez nem ingyenes.

A weboldal készítésnél sok grafikai feladatba bele futhatsz. Tökéletes program nincs, csak olyan ami neked jobban tetszik vagy fekszik. Két fő csoportra lehet választani ezeket a programokat, a letölthető programokra és a most egyre jobban hódító online alkalmazásokra.

Letölthető képszerkesztő és grafikai szoftverek

Nehéz lenne legjobbnak ajánlani bármelyik letölthető képszerkesztőt, hiszen sokszor nem is össze hasonlíthatók, ezért a lista semmikép sem tükröz fontossági sorrendet.

  • Gimp - Egy sokrétű képszerkesztő. A kezelését szokni kell, de érdemes meg tanulni a használatát.
  • PhotoWorks - Mesterséges intelligenciával dolgozó fotó - kép szerkesztő. Rendelkezik PRO verzióval is az ingyenes mellett.
  • Krita - Nálunk ez az egyik kedvenc, nagyon jól használható grafikai és rajz program, ami a képek általános kezelésére is tökéletes.
  • Inkscape - Grafikai tervező program vektoros grafikai anyagokhoz is. Elérhető magyar nyelven is.
TIpp: Gyors kép méret csökkentéshez, látogasd meg a TinyPNG oldalt és dobd be a képet a Panda macinak, legyen szó JPG-ről vagy akár PNG-ről. Ezután már töltheted is le az optimalizált verziót. Az optimalizált verzió fájlmérete, optimális lesz a webes használatra.

Online grafikai szolgáltatások

A grafikai szolgáltatások is egyre jobban költöznek a netre, különösen a webes és mobil megjelenéssekkel kapcsolatban. Nagy előnyük, a webes szolgáltatásoknak, hogy sokszor együttműködési lehetőségeket, ingyenes sablonokat és egyéb hasznos funkciót is kínálnak.

  • Canva - Talán a legnépszerűbb online grafikai szolgáltatás. Képszerkesztés, együttműködés, sablonok és prémium verziók. Mindez magyarul is.
  • PIXLR - Használhatod a fejlett fotó szerkesztő felületet PIXLR E, vagy a gyors és egyszerű grafikai tervezőt is PIXLR X.
  • fotor - Egy jól használható és nagyon népszerű online kép szerkesztő és grafikai program.
  • Adobe Photoshop Express - Ez a Photoshop egyszerűsített változata böngésző alapon, illetve mobilra, így Androidra vagy Apple-re le is töltheted.

Egyéb hasznos weboldal - WordPress fejlesztést segítő linkek és források

Egy WordPress weboldal fejlesztése közben sok eszközre és forrásra szükséged lesz és lehet. Megpróbáltuk össze szedni az igazán nélkülözhetetleneket neked. További cikkeinket érdemes olvasnod, mert még több ötletel fogunk segíteni neked.

Tipp! Iratkozz fel hírlevelünkre, vagy legyél előfizetünk, mert biztosan sok hasznos és fontos információhoz juthatsz meglévő vagy új cikkeinkből és videóinkból. Anyagaink minden témában folyamatosan jelennek meg, legyen az WordPress, SEO, Web, Grafikai tervezés, Weboldal üzemeltetés....

WordPress hoszting és üzemeltetés
WebDizájn

Stablil és gyors weboldalt szeretnél?

A WebDizájn legnépszerűbb szolgáltatása a teljes körű WordPress weboldal üzemeltetés.
A szolgáltatást tartalmazza a WordPress rendszergazdai szolgáltatást, sebesség optimalizálást és a biztonsági szint növelést valamint a prémium tárhelyet.

Felújítanád weboldalad vagy webáruházad?

A WebDizájn 15+ év tapasztalatával és tudásával készíti el új weboldaladat vagy webáruházadat. Ha szeretnéd, hogy weboldalad, webáruházad valóban a legújabb technológiák tudását kihasználva a piacvezetők közé kerüljön, bíz meg minket. Kiemelkedő és egyedi WebDizájn, WordPress, WooCommerce, Magento, SEO, Hoszting és Teljes Körű Üzemeltetés.

Hozzászólás

Vélemény, hozzászólás?

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

Hívj minket: +36 1 998 80 86 számon vagy küljd üzenetet:
Kapcsolat
checkmark-circlecross-circle