Site-urile dezvoltate pe platforma WordPress, in care este integrat editorul vizual Elementor, permit afisarea de texte si imagini diferite in functie de dispozitivul de pe care este accesat site-ul. In acest tutorial, va prezentam cum puteti folosi aceasta functie la site-urile dezvoltate de firma noastra.
1. Accesarea editorului Elementor
- Din panoul de control WordPress, navigati la Pagini sau Articole.
- Selectati si deschideti pagina sau articolul pe care doriti sa il editati.
- Apasati pe Editeaza cu Elementor.
2. Activarea previzualizari modului Responsive
- In bara superioara a editorului, gasiti trei pictograme – desktop, tableta si telefon.
- Selectati pictograma telefonului sau a tabletei pentru a accesa versiunea mobila a paginii sau a articolului.
3. Personalizarea elementelor pentru versiunea mobila a siteului
- Dati click pe elementul din pagina pe care doriti sa il personalizati.
- In meniul din stanga, accesati fila Stil.
- Dati clic pe pictograma in forma de creion din dreptul optiunii Tipografice.
- In fereastra deschisa, faceti clic pe pictograma desktop din dreptul optiunii Dimensiune, apoi selectati pictograma mobil din submeniu.
- Acum puteti modifica continutul dorit (dimensiunea textului, alinierea continutului, spatierea etc).
De asemenea, puteti adapta pe mobil imaginile, subtitlurile, sectiunile si alte elemente sau chiar puteti sa ascundeti anumite elemente in functie de dispozitiv.
4. Salvarea modificarilor
- Dupa ce ati terminat de editat, apasati butonul Publica pentru a salva modificarile.
Nota: Modificarile efectuate intr-un mod (de exemplu mobil) nu afecteaza celelalte moduri de afisare (ex versiunea desktop).
Daca aveti intrebari sau aveti nevoie de suport suplimentar, nu ezitati sa contactati echipa noastra.
*Click pe imagine pentru o marime mai mare!
Ai nevoie de un site prezentare sau un magazin online? Cere acum o oferta.