În lecția anterioară am spus cum să creați un formular de abonament frumos și unic pentru site-ul dvs. Acum trebuie să-l inserați pe site și să îl conectați la serviciul listei de discuții. Aceasta este ceea ce va fi discutat.
apariție
Acum trebuie să lucrați puțin peste aspectul formei. Mai întâi, indicăm dimensiunile și adăugăm un fundal. După ultimele citate, dar înainte de simbolul> introduceți eticheta de stil și specificați atributele acesteia. De exemplu: puneți o lățime de 250 de pixeli, o înălțime de 450 și culoarea de fundal este albastru.
Acum codul nostru arată astfel:
Rețineți că culoarea este de obicei specificată în format hexazecimal. Puteți găsi codul de culoare în Photoshop făcând clic pe instrumentul dropper pe culoarea dorită și apoi pe caseta de culoare activă din partea inferioară a barei laterale. În fereastra deschisă de mai jos, după simbolul # și va fi acest cod.
Text-apel
Înainte este apelul nostru text pentru a vă abona la newsletter. Doar puneți-o în eticheta antetului și aliniați-o în centrul formularului:
Abonați-vă la newsletter
Dacă doriți, puteți schimba și fontul, culoarea, dimensiunea textului.
Efectuați câmpurile
Pentru egalizarea câmpului la formele centrului tag rămase a fost folosită în acest exemplu, la valoarea 40. Aceasta înseamnă că marginea stângă a câmpului de introducere situat la 40 de pixeli de la marginea întregului formular. Formularul dvs. va avea o mărime diferită, astfel că valoarea acestui parametru va necesita altul.
Faceți un buton
Numele, desigur, îl puteți pune pe cel care se simte mai mult. De asemenea, pentru toate elementele, puteți pune și alte elemente de design - câmpuri, linii, grosimea cadrului și multe altele.
În cele din urmă, nu uitați să puneți eticheta de închidere a formularului nostru:
Codul nostru
După toate aceste acțiuni simple, codul nostru a acumulat următoarea formă:
Abonați-vă la newsletter
Am plasat codul pe site
Ramane doar sa punem formularul de abonament pe site. Pentru a face acest lucru, du-te la panoul de control al WordPress și selectați meniul "widget-uri". Găsiți widgetul "text" acolo și trageți-l în locul în care doriți să plasați formularul de abonament. Apoi, trebuie să copiați codul rezultat și să îl inserați în câmpul de text al widget-ului. Și acum, formularul de abonare a apărut pe site.
Adevărat că nu poți să-l folosești încă. Următoarea lecție este dedicată modului de a lega un formular de abonament la serviciul Smartresponder.
Dacă doriți să dezvoltați site-ul dvs. pe un program special dezvoltat pentru acest program, deveniți student al Centrului nostru de instruire.
Partajați informațiile cu prietenii.
Dacă găsiți o eroare, selectați-o și apăsați Shift + Enter sau faceți clic aici. să ne informeze.
Articole similare
Trimiteți-le prietenilor: