Studiu de caz07 / 18

VISARH

Birou de arhitectură · temă WordPress personalizată · RO/RU/EN

VISARH este un birou de arhitectură din Moldova. Designul exista deja ca prototip React, iar sarcina mea la RocketSEO a fost să-l transform într-o temă WordPress pe care biroul o editează singur, în română, rusă și engleză.

Rol: Dezvoltator WordPress
Perioadă: iun. – oct. 2026
Context: Agenție · RocketSEO
Format: Hibrid · Chișinău

WordPress
PHP
ACF Pro
WPML
Vanilla JS
pdf.js
BEM

Cod de client, nepublic

visarh.mdnepublicUn site de client fără link public, așa că aici nu există captură de ecran

Sarcina

Prototipul arăta gata, dar toate textele și fotografiile erau scrise direct în componentele React. Biroul avea nevoie de aceleași pagini pe WordPress, cu proiectele, serviciile, echipa și clienții gestionate din admin și cu orice text traductibil.

Aspectul și comportamentul prototipului păstrate pagină cu pagină
Proiecte, servicii, echipă și clienți ca și conținut pe care biroul îl editează singur
Trei limbi fără șabloane duplicate
Documentele proiectelor se citesc pe pagină, nu doar se descarcă

Ce am construit

Din React în WordPress

Am mutat prototipul pagină cu pagină în șabloane PHP cu markup BEM și CSS simplu pe custom properties. Comentariile din cod arată din ce componentă React vine fiecare parte.
Patru tipuri de postări (portofoliu, servicii, echipă, clienți) și o categorie ierarhică de proiecte cu filtru în arhiva portofoliului.
Membrii echipei și clienții nu au pagini proprii, așa că acele adrese fac redirecționare 301 spre arhivă.

Conținut și limbi

Șapte grupuri de câmpuri ACF salvate ca JSON local și o pagină de setări a temei pentru contacte, hartă și rețele sociale.
O configurare WPML pentru 4 tipuri de postări, 1 taxonomie, 23 de câmpuri și 5 texte din setări, plus fișiere de traducere RO și RU pentru circa 100 de texte ale temei.
Un mic script CLI care reconstruiește fișierul .pot și compilează fișierele .po și .mo.

Paginile proiectelor

Fiecare proiect are o galerie cu lightbox, un video YouTube în modul de confidențialitate și documente PDF în file.
PDF-urile se afișează direct pe pagină cu pdf.js. Biblioteca se încarcă doar când se deschide fila cu documentul, iar paginile se randează pe măsură ce derulezi.
CSS-ul și JS-ul comune se încarcă peste tot, iar fiecare șablon adaugă doar fișierele lui.

Rezultat

tipuri de conținut pe care le editează biroul: 4
limbi prin WPML: 3
grupuri de câmpuri ACF în JSON local: 7

Tema nu folosește constructor de pagini și nici jQuery. Tot JavaScript-ul înseamnă șase scripturi mici, simple, pentru header, meniu, FAQ, cardurile de proiecte, galerie și fereastra echipei.