15%

Economisește 15% la toate serviciile de găzduire

Testează-ți abilitățile și obține Reducere la orice plan de găzduire

Utilizați codul:

Skills
Începeți
21.10.2024

Cum să Folosești Șabloanele de Start în WordPress pentru a Construi Orice Site ai Nevoie

Șabloanele de pornire în WordPress sunt machete de pagini complet proiectate, pre-construite, pe care le puteți importa pe site-ul dvs. cu un singur clic, oferindu-vă o structură vizuală completă — anteturi, subsoluri, pagini interioare, tipografie și scheme de culori — fără a scrie o singură linie de cod. Acestea sunt incluse cu teme precum Astra, Neve, Kadence și OceanWP și sunt accesate prin plugin-uri companion care se conectează la o bibliotecă de design-uri specifice industriei.

Valoarea practică este semnificativă: în loc să asamblați o pagină de start de la zero, importați un șablon potrivit nișei dvs. (produs SaaS, firmă de avocatură, magazin WooCommerce, portofoliu), apoi înlocuiți conținutul placeholder cu al dvs. Întregul proces, de la o instalare WordPress goală la un site stilizat cu mai multe pagini, poate dura sub 30 de minute — cu condiția ca mediul de hosting să fie configurat corespunzător.

Ce aveți nevoie înainte de a începe

Înainte de a accesa panoul de control WordPress, verificați următoarele cerințe preliminare de pe server. Multe eșecuri la importul șabloanelor se datorează unei configurații de hosting inadecvate, nu unor erori ale plugin-urilor.

Cerințe minime PHP și memorie:

  • PHP 7.4 sau mai nou (PHP 8.1+ recomandat pentru temele moderne)
  • memory_limit setat la cel puțin 256 MB în php.ini
  • max_execution_time de 300 de secunde sau mai mult
    upload_max_filesize și post_max_size ambele la 64 MB sau mai mult
    
    Dacă utilizați un plan de Hosting VPS, puteți edita aceste valori direct în /etc/php/8.1/fpm/php.ini (ajustați calea versiunii pentru a corespunde stack-ului dvs.) și reîncărcați PHP-FPM:
    sudo nano /etc/php/8.1/fpm/php.ini
    # Set: memory_limit = 256M, max_execution_time = 300
    sudo systemctl reload php8.1-fpm
    În mediile shared, aceste limite sunt adesea setate prin panoul de control al hostingului. Dacă utilizați un plan de Hosting Web Shared, verificați secțiunea de configurare PHP din cPanel sau contactați suportul pentru a ridica limitele înainte de a încerca un import complet al site-ului.
    SSL este puternic recomandat înainte de lansare. Importarea unui șablon prin HTTP și apoi trecerea la HTTPS ulterior cauzează probleme de conținut mixt în imaginile și scripturile încorporate. Configurați Certificatul SSL înainte de a rula importul.
    Pasul 1: Alegeți o temă care suportă șabloane de pornire
    Nu orice temă WordPress vine cu o bibliotecă de șabloane. Următoarele patru sunt cele mai mature ecosisteme, fiecare cu sute de șabloane și dezvoltare activă:
    
    
    
    Temă
    Dimensiunea bibliotecii de șabloane
    Compatibilitate cu Page Builder
    Bază ușoară (KB)
    Nivel gratuit
    
    
    
    
    
    
    
    
    —
    —
    —
    —
    —
    
    
    
    
    
    
    
    
    **Astra**
    250+ șabloane
    Elementor, Gutenberg, Beaver Builder, Brizy
    ~50 KB
    Da
    
    
    
    
    
    
    
    
    **Neve**
    100+ șabloane
    Elementor, Gutenberg, Brizy
    ~30 KB
    Da
    
    
    
    
    
    
    
    
    **Kadence**
    100+ șabloane
    Gutenberg (nativ), Elementor
    ~40 KB
    Da
    
    
    
    
    
    
    
    
    **OceanWP**
    50+ șabloane
    Elementor, Gutenberg
    ~60 KB
    Da
    
    
    
    
    
    Astra este opțiunea cel mai frecvent utilizată și are cea mai profundă integrare cu Elementor. Kadence este cea mai bună alegere dacă doriți să rămâneți complet în editorul nativ de blocuri Gutenberg și să evitați dependența de un page builder terț. Neve este cel mai optimizat pentru performanță din start.
    Pentru a instala tema aleasă:
    
    Conectați-vă la panoul de control WordPress.
    Navigați la Aspect > Teme.
    Faceți clic pe Adaugă nou, căutați tema după nume.
    Faceți clic pe Instalează, apoi pe Activează.
    
    Pasul 2: Instalați plugin-ul Starter Templates
    Fiecare ecosistem de teme folosește un plugin ușor diferit pentru a expune biblioteca sa de șabloane. Tabelul de mai jos mapează temele la plugin-urile lor companion:
    
    
    
    Temă
    Nume plugin
    Slug WordPress.org
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    Astra
    Starter Templates
    `astra-sites`
    
    
    
    
    
    
    
    
    Neve
    Neve Pro / Otter Blocks
    `otter-blocks`
    
    
    
    
    
    
    
    
    Kadence
    Kadence Starter Templates
    `kadence-starter-templates`
    
    
    
    
    
    
    
    
    OceanWP
    Ocean Extra
    `ocean-extra`
    
    
    
    
    
    Pentru Astra (cel mai comun flux de lucru):
    
    Mergeți la Plugin-uri > Adaugă nou.
    Căutați Starter Templates.
    Instalați și activați plugin-ul numit Starter Templates – Elementor, Gutenberg & Beaver Builder Templates.
    
    Odată activat, un nou element de meniu apare sub Aspect > Starter Templates.
    Caz limită critic: Dacă migrați un site existent și aveți deja conținut, nu rulați un import complet al site-ului. Acesta va suprascrie paginile, meniurile și widget-urile existente. Folosiți în schimb Import Single Page sau Import Home Template și îmbinați manual elementele de design de care aveți nevoie.
    Pasul 3: Selectați și importați un șablon de pornire
    După activarea plugin-ului, expertul de import se lansează automat sau este accesibil prin Aspect > Starter Templates.
    Flux de lucru:
    
    Alegeți page builder-ul. Expertul vă întreabă dacă doriți să utilizați Elementor, Gutenberg sau Beaver Builder. Această alegere este permanentă pentru import — nu puteți combina builder-e în cadrul unui singur import de șablon. Alegeți Gutenberg dacă doriți o configurare mai ușoară, fără plugin-uri; alegeți Elementor dacă aveți nevoie de flexibilitate avansată drag-and-drop.
    
    
    Filtrați după categorie. Șabloanele sunt organizate pe industrii (Business, eCommerce, Agenție, Restaurant, Portofoliu, Educație etc.). Folosiți bara de căutare pentru filtrare după cuvinte cheie.
    
    
    Previzualizați înainte de import. Faceți clic pe orice miniatură de șablon pentru a deschide o previzualizare live. Inspectați paginile interioare (Despre, Contact, Blog) — nu doar pagina de start — deoarece pagina de start arată adesea îngrijit, în timp ce paginile interioare sunt sărace.
    
    
    Alegeți domeniul de import:
    
    
    Import Complete Site — importă toate paginile, postările, meniurile, widget-urile și setările de personalizare ale temei. Cel mai bun pentru site-uri noi.
    Import Home Template — importă doar macheta paginii de start. Cel mai bun pentru site-urile existente unde doriți să reîmprospătați doar pagina principală.
    
    
    Confirmați importul. Plugin-ul va descărca conținut demo, imagini (de pe Unsplash sau CDN-ul plugin-ului) și setările de personalizare. Pe conexiuni mai lente sau servere restrictive, acest proces poate dura 60–90 de secunde.
    
    Ce se importă și ce nu:
    
    
    
    Resursă
    Importată
    Note
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    Machete de pagini
    Da
    Toate paginile din demo
    
    
    
    
    
    
    
    
    Imagini demo
    Da
    Imagini placeholder din Unsplash CDN
    
    
    
    
    
    
    
    
    Plugin-uri (WooCommerce etc.)
    Solicitat
    Instalatorul de plugin-uri rulează ca parte a expertului
    
    
    
    
    
    
    
    
    Postările/paginile dvs. existente
    Nu
    Conținutul existent nu este șters dacă nu alegeți „Delete Previously Imported Data”
    
    
    
    
    
    
    
    
    Setări domeniu personalizat/DNS
    Nu
    Trebuie configurate separat
    
    
    
    
    
    
    
    
    Certificat SSL
    Nu
    Trebuie pre-configurat
    
    
    
    
    
    Pasul 4: Personalizați șablonul
    Utilizarea editorului Elementor
    Navigați la Pagini, treceți cu mouse-ul peste orice pagină și faceți clic pe Editează cu Elementor. Editorul vizual se deschide cu macheta importată complet editabilă.
    Acțiuni cheie de personalizare:
    
    Înlocuiți imaginile: Faceți clic pe orice widget de imagine, apoi faceți clic pe miniatura imaginii din panoul din stânga pentru a deschide biblioteca media. Înlocuiți imaginile demo cu propriile resurse.
    Editați textul direct: Faceți clic direct pe orice element de text pentru a-l edita în loc.
    Culori și fonturi globale: În Elementor, mergeți la Setări site > Culori globale și Fonturi globale pentru a defini paleta de brand și sistemul de tipografie la nivel de site. Schimbarea unei culori globale actualizează simultan fiecare element care o referențiază pe toate paginile.
    Structura secțiunilor și coloanelor: Faceți clic dreapta pe orice secțiune pentru a o duplica, șterge sau muta. Folosiți panoul Navigator (pictograma straturi din bara de instrumente de jos) pentru machete complexe cu secțiuni imbricate.
    
    După editare, faceți clic pe Actualizează (nu Publică — pagina este deja publicată; Actualizează salvează modificările dvs.).
    Utilizarea editorului de blocuri Gutenberg
    Navigați la Pagini, faceți clic pe Editează pe pagina țintă. Editorul de blocuri se deschide cu macheta bazată pe pattern-uri importată.
    Acțiuni cheie de personalizare:
    
    Faceți clic pe orice bloc pentru a-l selecta. Folosiți bara de instrumente de deasupra blocului pentru opțiuni de aliniere, culoare și formatare.
    Folosiți Vizualizarea listă (pictograma linii stivuite din bara de instrumente de sus) pentru a vedea și naviga ierarhia completă a blocurilor — esențial pentru șabloane complexe cu blocuri Group și Cover imbricate.
    Pentru a schimba stilurile globale, mergeți la Aspect > Editor > Stiluri (teme Full Site Editing) sau Aspect > Personalizare (teme clasice).
    Panoul Stiluri din Site Editor vă permite să setați tipografia globală și paletele de culori care se propagă în toate blocurile.
    
    Notă de performanță: Șabloanele bazate pe Gutenberg generează HTML mai curat și se încarcă mai rapid decât cele bazate pe Elementor, deoarece nu necesită JavaScript-ul runtime al Elementor. Pentru site-urile unde Core Web Vitals sunt o prioritate, calea Gutenberg este măsurabil mai bună.
    Pasul 5: Configurați setările globale ale temei
    După import, deschideți Aspect > Personalizare pentru a ajusta fin sistemul global de design. Panourile disponibile variază în funcție de temă, dar toate temele majore cu șabloane de pornire expun:
    Tipografie:
    
    Setați familia de fonturi principală pentru titluri (H1–H6) și textul corpului.
    Definiți dimensiunile fonturilor, înălțimile liniilor și spațierea literelor la nivel global.
    Folosiți fonturi de sistem (-apple-system, BlinkMacSystemFont, sans-serif) sau o selecție Google Fonts. Fonturile de sistem elimină o cerere HTTP externă și îmbunătățesc scorurile LCP.
    
    Culori:
    
    Definiți o culoare primară (accent de brand), culoare secundară, culoare text și culoare de fundal.
    Aceste valori populează proprietăți CSS personalizate (--wp--preset--color--primary) la care toate blocurile și widget-urile importate fac referință.
    
    Aspect:
    
    Setați lățimea globală a containerului (de obicei 1200px–1440px pentru design-uri moderne).
    Configurați aspectul antetului: antet fix, antet transparent la derulare, comportamentul meniului mobil.
    Configurați coloanele subsolului, zonele de widget-uri și textul drepturilor de autor.
    
    Specific Astra: Personalizatorul Astra are un panou de Performanță unde puteți dezactiva încărcarea Google Fonts (util dacă găzduiți fonturile local pentru conformitatea GDPR) și activa minificarea CSS.
    Pasul 6: Înlocuiți conținutul placeholder
    Conținutul demo al șablonului este intenționat generic. Înlocuirea sistematică este mai rapidă decât editarea pagină cu pagină:
    
    Mergeți la Pagini și sortați după Dată pentru a găsi toate paginile importate în timpul configurării șablonului.
    Deschideți fiecare pagină și înlocuiți:
    
    
    Titlul și textul corpului cu conținutul dvs. real.
    Imaginile demo cu propriile fotografii sau imagini stock licențiate. Folosiți text alt descriptiv pentru fiecare imagine.
    Numerele de telefon, adresele și adresele de email placeholder.
    Link-urile de navigare demo — verificați Aspect > Meniuri pentru a vă asigura că toate elementele de meniu indică spre pagini reale.
    
    
    Actualizați Titlul site-ului și Motto-ul sub Setări > General.
    Setați Pagina de start și Pagina de blog sub Setări > Citire.
    
    Pas critic pentru SEO: După înlocuirea conținutului, instalați Yoast SEO sau Rank Math și setați un meta titlu și o meta descriere unice pentru fiecare pagină. Importurile de șabloane nu populează metadatele SEO.
    Pasul 7: Extindeți funcționalitatea cu plugin-uri
    Șabloanele de pornire oferă schele de design, nu funcționalitate. În funcție de tipul site-ului dvs., veți avea nevoie de plugin-uri suplimentare:
    
    
    
    Tip site
    Plugin recomandat
    Scop
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    eCommerce
    WooCommerce
    Catalog de produse, coș, checkout
    
    
    
    
    
    
    
    
    Generare de lead-uri
    WPForms sau Contact Form 7
    Formulare de contact și solicitări
    
    
    
    
    
    
    
    
    Membership
    MemberPress sau Restrict Content Pro
    Conținut restricționat
    
    
    
    
    
    
    
    
    SEO
    Rank Math sau Yoast SEO
    SEO on-page, sitemap-uri, schema
    
    
    
    
    
    
    
    
    Performanță
    WP Rocket sau LiteSpeed Cache
    Caching, minificare, lazy loading
    
    
    
    
    
    
    
    
    Securitate
    Wordfence sau Solid Security
    Firewall, scanare malware
    
    
    
    
    
    
    
    
    Backup
    UpdraftPlus
    Backup-uri automate off-site
    
    
    
    
    
    Dacă rulați WooCommerce, verificați că planul dvs. de hosting poate gestiona sarcina suplimentară a bazei de date. Un VPS cu cPanel vă oferă spațiul de resurse și interfața de management pentru a gestiona WooCommerce la scară fără constrângerile hostingului shared.
    Pasul 8: Previzualizați, testați și lansați
    Înainte de publicare, parcurgeți această listă de verificare pre-lansare:
    QA vizual:
    
    Previzualizați pe desktop, tabletă și mobil folosind previzualizarea responsivă a WordPress Customizer sau DevTools din browser.
    Verificați că nu rămân imagini demo pe nicio pagină.
    Verificați că toate fonturile s-au încărcat corect (limitarea rețelei în DevTools poate dezvălui pâlpâirea la schimbarea fonturilor).
    
    Testare funcțională:
    
    Trimiteți fiecare formular și confirmați că emailul de notificare sosește. Verificați configurația Hosting Email dacă emailurile tranzacționale nu se livrează — funcția implicită wp_mail() a WordPress se bazează pe funcția mail() a PHP, pe care mulți hosteri o blochează. Folosiți un plugin SMTP (WP Mail SMTP, Post SMTP) cu credențiale autentificate.
    Faceți clic pe fiecare link de navigare și buton. Șabloanele importate conțin uneori URL-uri demo hardcodate.
    Testați fluxul de checkout dacă WooCommerce este activ.
    
    Linie de bază pentru performanță:
    
    Rulați un test PageSpeed Insights pe pagina de start. Vizați un LCP sub 2,5 secunde și un scor CLS sub 0,1.
    Dacă scorurile sunt slabe, activați caching-ul, optimizați imaginile (convertiți în WebP) și luați în considerare un CDN.
    
    Securitate:
    
    Asigurați-vă că HTTPS este aplicat la nivel de site. Verificați că nu există avertismente de conținut mixt în consola browserului.
    Schimbați numele de utilizator implicit al administratorului WordPress dacă este încă admin.
    Setați permisiunile fișierelor: directoarele la 755, fișierele la 644, și wp-config.php la 600.
    
    Odată ce toate verificările sunt trecute, site-ul este pregătit. Dacă se află încă pe un domeniu temporar, actualizați Adresa WordPress (URL) și Adresa site-ului (URL) sub Setări > General după ce îndreptați domeniul. Puteți înregistra sau transfera domeniul dvs. prin Înregistrare domeniu dacă nu ați făcut-o deja.
    Capcane comune și cum să le evitați
    Importul eșuează la mijlocul procesului: De obicei cauzat de PHP memory_limit sau max_execution_time prea scăzut. Ridicați aceste valori conform secțiunii de cerințe preliminare, apoi reîncercați importul.
    Imaginile demo nu se încarcă după import: Plugin-ul Starter Templates extrage imagini dintr-un CDN extern. Dacă serverul dvs. are restricții HTTP de ieșire sau un firewall care blochează cererile externe, imaginile nu se vor descărca. Includeți în lista albă domeniile CDN ale plugin-ului sau relaxați temporar regulile de ieșire în timpul importului.
    Șablonul arată diferit față de previzualizare: Aceasta înseamnă aproape întotdeauna că un plugin necesar (Elementor Pro, un add-on specific) nu a fost instalat. Expertul de import listează plugin-urile necesare — instalați-le pe toate înainte de import.
    Modificările din Customizer nu se aplică paginilor importate: Unele șabloane Elementor folosesc propriile setări globale ale Elementor în loc de personalizatorul temei. Modificările făcute în Aspect > Personalizare nu vor afecta elementele controlate de Elementor. Folosiți Elementor > Setări site pentru acele pagini.
    Regresie de performanță după import: Importurile complete ale site-ului încarcă toate plugin-urile și resursele demo. Auditați plugin-urile active după import și dezactivați tot ce nu aveți nevoie. Fiecare plugin activ adaugă overhead de execuție PHP la fiecare încărcare de pagină.
    Matricea de decizie tehnică: Alegerea căii de construire
    
    
    
    Scenariu
    Cale recomandată
    
    
    
    
    
    
    
    
    —
    —
    
    
    
    
    
    
    
    
    Site nou, fără conținut existent, nevoie de viteză
    Astra + Starter Templates + Elementor, import complet al site-ului
    
    
    
    
    
    
    
    
    Site critic pentru performanță (prioritate Core Web Vitals)
    Kadence + Kadence Starter Templates + doar Gutenberg
    
    
    
    
    
    
    
    
    Site existent, redesign doar pagina de start
    Orice temă + import șablon pagină unică
    
    
    
    
    
    
    
    
    Magazin WooCommerce
    Astra sau Kadence + șablon specific WooCommerce
    
    
    
    
    
    
    
    
    Developer care construiește pentru un client
    Neve + temă copil + importuri selective de blocuri
    
    
    
    
    
    
    
    
    Amprentă minimă de plugin-uri necesară
    Kadence + Gutenberg, fără Elementor
    
    
    
    
    
    Listă de verificare pre-lansare
    
    Limita de memorie PHP este de 256 MB sau mai mult înainte de import
    Certificatul SSL este activ și HTTPS este aplicat
    Importul complet al site-ului finalizat mai întâi pe un mediu de staging, apoi transferat în producție
    Tot textul și imaginile placeholder demo înlocuite
    Meta titlurile și descrierile SEO setate pe fiecare pagină
    Toate formularele testate cu livrarea reală a emailului confirmată
    Meniurile de navigare verificate — fără link-uri moarte sau URL-uri demo
    Linia de bază de performanță măsurată cu PageSpeed Insights
    Plugin de caching activ și configurat
    Numele de utilizator admin schimbat față de cel implicit admin
  • Permisiunile wp-config.php setate la 600
  • DNS-ul domeniului îndreptat spre IP-ul corect al serverului

Întrebări frecvente

Pot folosi un șablon de pornire pe un site WordPress existent fără a pierde conținutul actual?

Da, dar trebuie să selectați „Import Single Page” sau „Import Home Template” în loc de „Import Complete Site”. Importul complet al site-ului va suprascrie paginile, meniurile și zonele de widget-uri existente. Faceți întotdeauna un backup complet înainte de orice operațiune de import.

Șabloanele de pornire funcționează cu orice temă WordPress sau doar cu unele specifice?

Șabloanele de pornire sunt legate de ecosisteme specifice de teme. Plugin-ul Astra Starter Templates funcționează doar cu tema Astra. Kadence Starter Templates necesită tema Kadence. Nu puteți importa încrucișat șabloane între teme incompatibile.

De ce paginile importate arată diferit față de previzualizarea șablonului?

Cea mai comună cauză este un plugin necesar lipsă — de obicei Elementor Pro sau un add-on premium. Expertul de import listează toate plugin-urile necesare; instalați-le pe fiecare înainte de import. O cauză secundară este o limită de memorie PHP care a determinat eșecul silențios al importului, lăsând unele resurse nedescărcate.

Utilizarea unui șablon de pornire va afecta negativ SEO-ul site-ului meu?

Nu în mod inerent, dar șabloanele de pornire importă conținut demo fără metadate SEO. Trebuie să setați manual meta titluri, descrieri și date structurate unice pentru fiecare pagină. În plus, unele șabloane grele cu Elementor generează HTML umflat care poate afecta negativ Core Web Vitals — auditați cu PageSpeed Insights după import.

Pot trece la un alt șablon de pornire după ce mi-am personalizat deja site-ul?

Tehnic da, dar este distructiv. Importarea unui nou șablon complet al site-ului suprascrie personalizările existente. Abordarea practică este să exportați setările actuale ale personalizatorului (folosind un instrument de export al temei), să importați noul șablon pe un site de staging, să migrați manual conținutul, apoi să transferați site-ul de staging în producție.

15%

Economisește 15% la toate serviciile de găzduire

Testează-ți abilitățile și obține Reducere la orice plan de găzduire

Utilizați codul:

Skills
Începeți