Cum adaugi un banner de tip imagine într-un widget pe wordpress

imagine: pixabay.com

Nu voi intra în detalii tehnice pentru că acest mic ghid este pentru începători, precum și pentru cei care nu cunosc editarea conținutului web la nivel de cod. Voi simplifica pe cât e de posibil pentru ați ușura și scurta procesul de lucru.

Întâi de toate vom încărca imaginea pe server, accesând în panoul de administrare http://siteul-tău.com/wp-admin/ meniul Media -> Add New(1).
Apoi vom trage imaginea noastră prin drag-and-drop în câmpul care se află mai jos de Upload New Media ori vom folosi butonul Select Files(2).

Încărcare imagine

După încărcare v-om accesa legătura Edit pentru a obține legătura către imagine.

Obținerea legăturii către imagine.

Se va deschide o fereastră nouă unde vom putea găsi legătura către imagine(Mai jos de inscripția File URL).

De aici vom copia legătura pe care o vom folosi mai departe

Pentru a adăuga widget-ul cu bannerul accesăm Appearance -> Widgets și prin drag-and-drop poziționăm un widget de tip Text în sidebar-ul în care avem nevoie să vedem banner-ul.

Selectăm widget-ul de tip text

Adăugăm în widget unul din codurile de mai jos:

Pentru ca legătura să se deschidă într-o fereastră nouă:

<a href=”http://adresa-de-destinatie.com" target=”_blank”><img src=”http://adresa-locatie-imagine.com/directorii/imagine.jpg" style=”max-width:100%;height:auto” /></a>

Pentru ca legătura să se deschidă în aceeași fereastră:

<a href=”http://adresa-de-destinatie.com" ><img src=”http://adresa-locatie-imagine.com/directorii/imagine.jpg" style=”max-width:100%;height:auto” /></a>
Adăugăm unul din cele două coduri de mai sus

Înlocuim http://adresa-de-destinatie.com cu legătura că tre care trebuie să redirecționeze bannerul și http://adresa-locatie-imagine.com/directorii/imagine.jpg cu legătura către imagine care am obținut-o mai sus.

Salvăm cu ajutorul butonului Save.

Salvăm

Acum banner-ul e afișat pe site :)