căutați o soluție de conversie PSD în WordPress? Doriți să convertiți site-ul dvs. gata PSD la WordPress, dar nu știu cum? Bine, te pot ajuta cu această problemă.

știți deja că WordPress este una dintre cele mai utilizate și versatile platforme CMS din ultima vreme. Acum, crearea unui site web complet funcțional de la PSD la Tema WordPress fără codificare este mult mai confortabilă cu un constructor de pagini precum Elementor.

în acest articol, vă voi arăta „cum să convertiți un PSD în WordPress folosind Elementor & WidgetKit” pas cu pas.

să vedem cum.

selectarea unui design PSD

Cum de a converti PSD la WordPress folosind Elementor WidgetKit 1

înainte de a converti o temă PSD în WordPress, primul lucru pe care trebuie să-l faceți este să selectați un design PSD al unui site web. Pe scurt, PSD este prescurtarea pentru PhotoShop Design, unul dintre cele mai populare instrumente de proiectare cu care sunt create cele mai multe designuri de site-uri WordPress.

puteți alege oricare dintre desenele PSD preferate din colecția extinsă de PSDHUB.

acestea oferă șabloane PSD gratuite de calitate premium pentru site-ul dvs. web, atât pentru uz personal, cât și pentru uz comercial. Amintiți-vă, design-ul PSD selectat trebuie să fie simplu și contemporan proiectat.

verificați următorii factori în timp ce alegeți un design PSD,

  • structura de proiectare: primul lucru pe care trebuie să-l luați în considerare este structura de proiectare. Designul nu are limite, dar codificarea are.
  • aspect curat și Elegant: Al treilea lucru este că designul PSD preferat trebuie să fie curat și elegant. Ajută dezvoltatorul să facă un site web pixel perfect dintr-un aspect curat și elegant.
  • îndeplinirea scopului: al doilea lucru este dacă designul îți îndeplinește scopul sau nu. Să presupunem că aveți nevoie de un site de călătorie, atunci designul PSD trebuie să fie un site de călătorie PSD.
  • complexitate: în cele din urmă, încercați să ignorați complexitatea, deoarece este pentru PSD, de asemenea, în alegerea degn.

aici vom folosi Eventia-conferință și Eveniment șablon de Management de la PSDHUB.

instalați WordPress

 Cum de a converti PSD la WordPress folosind Elementor WidgetKit 2

WordPress este bine-cunoscut pentru ușurința de instalare. În majoritatea circumstanțelor, instalarea WordPress este un proces foarte simplu și durează mai puțin de cinci minute pentru a fi finalizată. Pentru a converti o temă PSD în WordPress, instalarea WordPress este al doilea pas care trebuie luat în considerare.
WordPress.org oferă un articol detaliat despre” cum se instalează WordPress ” pe pagina de asistență a site-ului lor. Cu toate acestea; Iată instrucțiunile de bază ale instalării WordPress pentru dvs,

  1. mai întâi descărcați și dezarhivați pachetul WordPress.
  2. creați o bază de date pentru WordPress pe serverul dvs. web, precum și un MySQL.
  3. încărcați fișierele WordPress în locația dorită pe serverul dvs. web:
  4. dacă doriți să integrați WordPress în rădăcina domeniului dvs., mutați sau încărcați tot conținutul directorului WordPress dezarhivat în directorul rădăcină al serverului dvs. web.
  5. dacă doriți să aveți instalarea WordPress în propriul subdirector de pe site-ul dvs. web, atunci creați directorul blog pe serverul dvs. și încărcați conținutul pachetului WordPress dezarhivat în director prin FTP.
  6. rulați scriptul de instalare WordPress accesând adresa URL într-un browser web.

asta e! WordPress ar trebui să fie acum instalat.

instalați Elementor

Cum de a converti PSD la WordPress folosind Elementor WidgetKit 3

articolul se referă la conversia unei teme PSD în WordPress folosind Elementor. Deci, avem nevoie de Elementor pentru a personaliza, precum și pentru a edita fișierul PSD. Să vedem atunci, cum se instalează Elementor.
Elementor este una dintre cele mai bune platforme de design complet pentru a crea un design Perfect pixel în WordPress. Este cel mai bine pentru abordarea sa extensibilă de design ușor de utilizat. Procesul de instalare pentru Elementor este, de asemenea, o sarcină simplă. Doar urmați câțiva pași simpli și sunteți gata să vă proiectați PSD-ul în Elementor Page builder.

există două moduri de a instala pluginul Elementor. Procesul de instalare este descris mai jos,

Via site-ul Elementor

  • mai întâi mergeți la elementor.com și faceți clic pe Descărcare.
  • în tabloul de bord WordPress, Faceți clic pe pluginuri > Adăugați nou.
  • Faceți clic pe Încărcare Plugin și alegeți fișierul pe care l-ați descărcat pentru Elementor.

Via WordPress dashboard

  • din tabloul de bord, faceți clic pe Plugins > Adăugați nou.
  • în câmpul de căutare, introduceți Elementor și alegeți Elementor Page builder de instalat.
  • după instalare, faceți clic pe Activare.

aceasta este tot ce trebuie să faceți pentru a instala Elementor Page builder. De asemenea, puteți urmări videoclipul de mai jos pentru a afla mai multe despre procesul de instalare.

instalați WidgetKit

Cum de a converti PSD la WordPress folosind Elementor WidgetKit 4

WidgetKit pentru Elementor-cele mai avansate & puternic Elementor Addons Kit care îmbunătățește capacitățile site-ul dvs. de construcție prin adăugarea de mai multe elemente și machete. Aici vom folosi widget-uri și elemente ale sale pentru PSD la conversie WordPress.
puteți crea aproape orice fel de pagini dintr-un PSD folosind WordPress și WidgetKit. Instalarea Widgetkit este la fel de simplu ca pentru a proiecta un PSD la WordPress temă cu ea. Din tabloul de bord WordPress puteți adăuga WidgetKit cu ușurință urmând câțiva pași simpli. Să vedem,

instalați WidgetKit prin tabloul de bord WordPress

  • din tabloul de bord, faceți clic pe Plugins > Adăugați nou.
  • introduceți WidgetKit în câmpul de căutare și alegeți WidgetKit pentru Elementor de instalat.
  • după instalarea cu succes, faceți clic pe Activare.

WidgetKit este gata de utilizare cu Elementor acum. Dacă aveți orice confuzie încă urmați doar video. Acest lucru vă va ajuta, de asemenea, despre cum să utilizați WidgetKit.

conversia PSD la WordPress

Cum de a converti PSD la WordPress folosind Elementor WidgetKit 5

partea de instalare a fost finalizată. Acum este timpul să convertiți PSD în WordPress Elementor și WidgetKit. Există o mulțime de PSD la furnizorul de servicii WordPress care dau PSD la WordPress, precum și PSD la conversia Joomla în prezent. Cu toate acestea; puteți proiecta propriul mod preferat. Aici vom arăta doar un mod de bază de conversie a unui PSD în WordPress.

în plus, puteți alege, de asemenea, oricare dintre temele și șabloanele noastre gata făcute din colecția extinsă a directorului nostru de pluginuri pentru teme WordPress &.

încercați să urmați secvența în timp ce proiectați un aspect din PSD. Acest lucru vă va ajuta foarte mult,

creați o pagină nouă

primul lucru pe care trebuie să-l faceți este să creați o pagină nouă din tabloul de bord WordPress. Din partea stângă sus a tabloului de bord WordPress, faceți clic pe pagini > Adăugați nou.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 6

apoi faceți clic pe Editare cu Elementor pentru a intra Elementor Page Builder. Veți vedea un panou Elementor așa cum se arată mai jos.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 7

Construiți-vă pagina din fișierul PSD

pentru a construi o pagină sau a converti un PSD în Tema WordPress, există trei lucruri principale de luat în considerare; secțiuni, coloane și widget-uri. Aici secțiuni sunt cele mai mari blocuri de construcție, și surprinde coloanele. Puteți plasat widget-uri în interiorul coloanelor. Făcând clic pe opțiunea Editare, puteți controla secțiunea, coloana și widget-urile cu mânerul lor.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 8

adăugați secțiunea antet

pentru secțiunea antet aici folosim o temă Eventia existentă de Themexpert. În WordPress aveți utilizați o temă existentă ca un cadru pentru proiectarea unui șablon altfel WordPress se adaugă unul pentru tine. Apoi, puteți adăuga logo-ul și mai multe pagini lor prin utilizarea de design temă existent sau aspectul.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 9

adăugați secțiunea erou

acum convertim secțiunea erou. În primul rând vom adăuga o imagine de fundal ca ca PSD, apoi se adaugă coloană în coloană pentru adăugarea de conținut multiplu și pictograma.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 10

pentru opțiunea counter aici vom folosi WidgetKit Countdown element. Opțiunea de ieșire și editare este mai jos.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 11

adăugați secțiunea interioară

acum este timpul să proiectați secțiunea interioară. Aici folosim elemente Elementor pentru a adăuga fundal și text între două coloane.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 12

aceasta este despre acest eveniment secțiunea Editare cu Elementor element. Aici adăugăm câteva imagini text și banner în coloana secțiunii. Vederea se uită mai jos.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 13

cu pictograma verticală WidgetKit team proiectăm secțiunea de difuzoare a fișierului PSD. Acolo adăugăm imagini și pictograma site-ului social în diferite coloane cu nume și Denumire.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 14

în această secțiune adăugăm doar câteva pictograme aleatorii din PSD și dăm un titlu.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 15

Nu putem face totul cu Elementor. În acest caz, ceea ce facem? Noi folosim addon din diferite teme sau de a face un addon pentru propria noastră. Acesta este un lucru obișnuit în timp ce proiectați o temă PSD la WordPress. Aici vom folosi programul Addon din tema Eventia.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 16

pentru secțiunea Blog folosim elementul carusel al blogului WidgetKit. Cu conținut vizual diferit, puteți adăuga fundal chiar citește mai mult buton, de asemenea.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 17

pentru secțiunea subsol aici vom folosi o Eventia temă existentă de Themexpert așa cum facem înainte de secțiunea antet. Aici vom obține mai multe site-ul social pictograma lor și un buton de abonare.

  • cum se convertește PSD în WordPress folosind Elementor WidgetKit 18

previzualizare & publicați pagina dvs.

după ce ați terminat de proiectat pagina dvs. din PSD, puteți previzualiza munca dvs. și o puteți publica. De asemenea, puteți edita o pagină publicată și puteți salva lucrarea ca schiță. Asta înseamnă că nu vă veți strica pagina publicată în timp ce vă salvați munca ca schiță. Aici este vizual previzualizare a Eventia PSD.

Ultimul Cuvânt

Articles

Lasă un răspuns

Adresa ta de email nu va fi publicată.