keres egy PSD WordPress konverziós megoldás? Szeretné átalakítani a kész webhely PSD-jét WordPress-re, de nem tudja, hogyan? Oké, segíthetek ebben az ügyben.

már tudja, hogy a WordPress az utóbbi idők egyik leggyakrabban használt és sokoldalú CMS platformja. Most egy teljesen működőképes weboldal létrehozása a PSD-től a WordPress témáig kódolás nélkül sokkal kényelmesebb egy olyan oldalkészítővel, mint az Elementor.

ebben a cikkben lépésről lépésre megmutatom “hogyan lehet átalakítani a PSD-t WordPress-be az Elementor & WidgetKit használatával”.

lássuk, hogyan.

kiválasztása PSD design

 hogyan lehet átalakítani PSD WordPress segítségével Elementor WidgetKit 1

mielőtt a PSD-t WordPress témává konvertálná, az első dolog, amit meg kell tennie, hogy kiválassza a weboldal PSD-kialakítását. Röviden, a PSD a PhotoShop Design rövidítése, az egyik legnépszerűbb tervezőeszköz, amellyel a legtöbb WordPress weboldal-tervezés létrejön.

a psdhub kiterjedt gyűjteményéből kiválaszthatja a kívánt PSD-terveket.

prémium minőségű ingyenes PSD sablonokat kínálnak webhelyéhez, mind személyes, mind kereskedelmi használatra. Ne feledje, hogy a kiválasztott PSD kialakításnak egyszerűnek és korszerűnek kell lennie.

ellenőrizze a következő tényezőket, miközben PSD-kialakítást választ,

  • tervezési struktúra: az első dolog, amit figyelembe kell venni, a tervezési struktúra. A tervezésnek nincs határa, de a kódolásnak van.
  • tiszta és elegáns elrendezés: A harmadik dolog az, hogy a preferált PSD kialakításnak tisztának és elegánsnak kell lennie. Segít a fejlesztőnek abban, hogy egy pixel tökéletes weboldalt készítsen egy tiszta és elegáns elrendezésből.
  • cél teljesítése: a második dolog az, hogy a tervezés teljesíti-e a célját vagy sem. Tegyük fel, hogy szüksége van egy utazási weboldalra, akkor a PSD tervezésének PSD utazási weboldalnak kell lennie.
  • komplexitás: végül próbálja figyelmen kívül hagyni a komplexitást, mint a PSD esetében a degn választásnál is.

itt a Psdhub Eventia-konferencia és Rendezvényszervező sablonját használjuk.

telepítse a WordPress-t

 hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 2

a WordPress jól ismert a könnyű telepítéséről. A legtöbb esetben a WordPress telepítése nagyon egyszerű folyamat, kevesebb, mint öt percet vesz igénybe. A PSD WordPress témává konvertálásához a WordPress telepítése a második lépés, amelyet figyelembe kell venni.
WordPress.org részletes cikket nyújt a” Hogyan telepítsük a WordPress-t ” webhelyük támogatási oldalán. Azonban; Itt található a WordPress telepítésének alapvető utasításai az Ön számára,

  1. először töltse le és csomagolja ki a WordPress csomagot.
  2. hozzon létre egy adatbázist a WordPress számára a webkiszolgálón, valamint egy MySQL-t.
  3. töltse fel a WordPress fájlokat a webszerver kívánt helyére:
  4. ha integrálni szeretné a WordPress-t a domain gyökerébe, helyezze át vagy töltse fel a kibontott WordPress könyvtár összes tartalmát a webszerver gyökérkönyvtárába.
  5. ha azt szeretné, hogy a WordPress telepítése a saját alkönyvtárában legyen a webhelyén, akkor hozza létre a blogkönyvtárat a szerveren, és töltse fel a kibontott WordPress csomag tartalmát a könyvtárba FTP-n keresztül.
  6. futtassa a WordPress telepítési parancsfájlját az URL elérésével egy webböngészőben.

ez az! A WordPress – t most telepíteni kell.

telepítse Elementor

 hogyan lehet átalakítani PSD WordPress segítségével Elementor WidgetKit 3

a cikk arról szól, hogy a PSD-t WordPress témává konvertáljuk az Elementor segítségével. Tehát szükségünk van Elementorra a PSD fájl testreszabásához, valamint szerkesztéséhez. Lássuk akkor, hogyan kell telepíteni az Elementort.
az Elementor az egyik legjobb teljes tervezési platform a pixel perfect design létrehozásához a WordPress – ben. Ez a legjobb a bővíthető felhasználóbarát tervezési megközelítés. Az Elementor telepítési folyamata szintén egyszerű feladat. Csak kövesse néhány egyszerű lépést, és készen áll a PSD megtervezésére az Elementor page builder alkalmazásban.

az Elementor plugin telepítésének két módja van. A telepítési folyamatot az alábbiakban ismertetjük,

az Elementor oldalon keresztül

  • először menj a elementor.com kattintson a Letöltés gombra.
  • a WordPress irányítópultján kattintson a Plugins > Új hozzáadása elemre.
  • kattintson a Plugin feltöltése elemre, és válassza ki az Elementor számára letöltött fájlt.

a WordPress irányítópulton keresztül

  • az irányítópulton kattintson a Plugins > Új hozzáadása elemre.
  • a keresőmezőbe írja be az Elementor elemet, és válassza a telepíteni kívánt Elementor oldalkészítőt.
  • telepítés után kattintson az Aktiválás gombra.

ez minden, amit meg kell tennie, hogy telepítse Elementor page builder. Az alábbi videót is követheti, ha többet szeretne megtudni a telepítési folyamatról.

telepítse a WidgetKit

 hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 4

WidgetKit for Elementor-a legfejlettebb & erőteljes Elementor kiegészítőkészlet, amely további elemek és elrendezések hozzáadásával növeli webhely-építési képességeit. Itt használjuk a widgeteket és annak elemeit a PSD-től a WordPress-ig történő konverzióhoz.
a WordPress és a WidgetKit használatával szinte bármilyen oldalt létrehozhatsz egy PSD-ből. A Widgetkit telepítése olyan egyszerű, mint egy PSD to WordPress téma megtervezése vele. A WordPress irányítópultján könnyen hozzáadhatja a WidgetKit-et néhány egyszerű lépés követésével. Lássuk csak,

telepítse a WidgetKit – et a WordPress irányítópulton keresztül

  • az irányítópulton kattintson a gombra Plugins > Új hozzáadása.
  • írja be a WidgetKit-et a keresőmezőbe, és válassza ki a WidgetKit elemet az Elementor telepítéséhez.
  • a sikeres telepítés után kattintson az Aktiválás gombra.

a WidgetKit készen áll az Elementorral való használatra. Ha bármilyen zavart még csak kövesse a videót. Ez is segít, hogyan kell használni WidgetKit.

konvertálja PSD-jét WordPress-be

 hogyan lehet átalakítani a PSD-t WordPress-be az Elementor WidgetKit segítségével 5

a telepítési rész befejeződött. Most itt az ideje, hogy konvertálja a PSD-t WordPress Elementor és WidgetKit formátumba. Rengeteg PSD WordPress szolgáltató, akik így PSD WordPress, valamint PSD Joomla átalakítás jelenleg. Azonban; megtervezheti saját preferált módját. Itt csak megmutatjuk a PSD WordPress-be konvertálásának alapvető módját.

különben is, akkor is választhat bármelyik Kész téma és sablon a kiterjedt gyűjteménye WordPress Themes & Plugins könyvtár.

próbálja meg követni a sorrendet, miközben elrendezést tervez a PSD-ből. Ez sokat segít,

hozzon létre egy új oldalt

az első dolog, amit meg kell tennie, hogy hozzon létre egy új oldalt a WordPress irányítópultjáról. A WordPress irányítópult bal felső sarkában kattintson a gombra oldalak > Új hozzáadása.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 6

Ezután kattintson a Szerkesztés Elementorral elemre az Elementor Oldalkészítő beírásához. Látni fogja az Elementor panelt az alábbiak szerint.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 7

az oldal felépítése PSD fájlból

oldal létrehozásához vagy a PSD konvertálásához WordPress témává három fő szempontot kell figyelembe venni; szakaszok, oszlopok és widgetek. Itt a szakaszok a legnagyobb építőelemek, és rögzíti az oszlopokat. Akkor elhelyezett kütyü belül oszlopok. A Szerkesztés opcióra kattintva a szekciót, az oszlopot és a widgeteket a fogantyúval vezérelheti.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 8

Add Header szakasz

a header szakasz itt egy meglévő téma Eventia által Themexpert. A WordPress van használja a meglévő téma, mint egy keret tervezése sablon egyébként WordPress maga hozzá egyet az Ön számára. Ezután hozzáadhat logót és több oldalt a meglévő tématerv vagy elrendezés használatával.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 9

hős szakasz hozzáadása

most konvertáljuk a hős részt. Először adjunk hozzá egy háttérképet, mint a PSD, majd adjunk hozzá oszlopot oszlopba több tartalom és ikon hozzáadásához.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 10

a számláló opcióhoz itt a WidgetKit visszaszámláló elemet használjuk. A kimenet és a szerkesztés opció alul található.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 11

Add belső rész

most itt az ideje, hogy tervezze meg a belső rész. Itt Elementor elemeket használunk háttér és szöveg hozzáadásához két oszlop között.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 12

ez az eseményről szakasz szerkesztése Elementor elemmel. Itt hozzáadunk néhány szöveget és banner képet a szakasz oszlopában. A nézet alább néz.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 13

a WidgetKit csapat függőleges ikonjával megtervezzük a PSD fájl hangszóró szakaszát. Ott adunk hozzá képeket és a közösségi oldal ikonját különböző oszlopban, névvel és megjelöléssel.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 14

ebben a részben csak néhány véletlenszerű ikont adunk a PSD-ből, és adunk egy címsort.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 15

nem tudunk mindent megtenni az Elementorral. Ebben az esetben mit teszünk? Az általunk használt addon különböző téma, vagy hogy egy addon a saját. Ez gyakori dolog, miközben PSD-t tervez a WordPress témához. Itt használjuk menetrend Addon származó Eventia téma.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 16

a Blog részben a WidgetKit blog körhinta elemét használjuk. A különböző tartalmi vizuális felveheti háttér még tovább gombra is.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 17

a lábléc szakaszhoz itt egy meglévő témát használunk Eventia by Themexpert mint a fejléc szakasz előtt. Itt kapunk több közösségi oldal ikonját, valamint egy feliratkozás gombot.

  • hogyan lehet átalakítani a PSD-t WordPress-re az Elementor WidgetKit használatával 18

Preview & az oldal közzététele

miután elkészült az oldal megtervezésével a PSD-ből, megtekintheti a munkáját, és közzéteheti azt. Szerkeszthet egy közzétett oldalt is, és a munkát piszkozatként mentheti. Ez azt jelenti, hogy nem fogja tönkretenni a közzétett oldalt, miközben munkáját vázlatként menti. Itt van az Eventia PSD előnézeti képe.

Utolsó Szó

Articles

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

Az e-mail-címet nem tesszük közzé.