Formular de abonare inaintea articolelor

[Marcous]

Aveti vreo idee cum as putea pune pe blog un formular de abonare inaintea articolelor, imediat sub header? Daca as putea sa il fac sa apara si doar atunci cand utilizatorii intra de pe telefonul mobil, ar fi extraordinar.

Ca sa va faceti o idee despre ce formular vorbesc, atasez o imagine:

intro.png

[enzoloco]

creaza cu Contact Form 7 un formular cu 2 campuri: nume si adresa de mail. Sau doar cu un camp: adresa de mail. Iei codul pe care il genereaza formularul si in bagi intr-un widget care sa apara in header, sau il inserezi direct in header.php (ar trebui sa mearga si asa).
Sau folosesti mailchimp. au si ei ceva shortcode de genul asta care trebuie inserat.

[Marcous]

Dar asta nu inseamna ca il va afisa si inainte de meniul de sub header?

La mine constructia site-ului e putin diferita de cea din imagine: am headerul, meniul, dupa aceea titlul de articol si continutul..

Eu vreau sa afisez formularul intre meniu si titlul articolului..

[<Mania>]

Marcous, daca ai tema foarte customizabila trebuie sa ai in sectiunea Wigets un loc sub header unde sa pui coduri, imagini, etc.
Incearca si varianta lui enzoloco, incearca sa il pozitionezi la sfarsitul fisierului header.php iar apoi la inceput, sau incearca in mai multe locuri sa vezi cum se potriveste si/daca nu da eroare/i.

[Hapiuc Robert]

Incearca https://sumome.com/, are un tool pentru asa ceva.

[enzoloco]

Eu vreau sa afisez formularul intre meniu si titlul articolului..

Sincer, cred ca tot inserand codul direct in pagina poti face asta.
Dar, daca incerci sa reinventezi roata posibil sa nu obtii efectul pe care il doresti. Adica, eu ma astept sa fie formularul la sfarsitul paginii, sau in stanga, lipit de scroll, sau sa vina sub forma de pop up daca vreau sa inchid pagina. Pentru ca omul se decide sa se aboneze dupa ce citeste ceva relevant, nu inainte. E o chestie de obisnuinta si cred ca sunt destui in aceeasi situatie cu mine.
Din acelasi motiv la un magazin online nu este recomandat sa pui filtre in partea dreapta, pt ca nimeni nu se asteapta sa fie acolo.

[Analiză]

Ai 4 Dimensiuni de ecrane ,telefoane, tablete,monitoare pc si monitoare Hd.
In css pentru tablete, monitoare pc si monitoare hd pui optiunea de hide iar pentru telefoane pui display: none;
Faci un div in html acolo unde vrei sa apara si incluzi clasa cu css ul pentru mobile.

Efectul onclick se face cu jquery.

[Marcous]

sincer, suna bine, dar nu am inteles nimic Nu ca ai fi tu de vina, doar ca nu ma pricep aproape deloc la programare..

[Analiză]

In style.css sau ce folosesti tu :

Ai asa :

@media screen and (min-width: 980px) /* Desktop */ {
clasa.desktop{
background: red;
}
.hidden {
display: none;
}
}

@media screen and (max-width: 979px) /* Tablet */ {
.clasa-tableta{
background: blue;
}
.hidden {
display: none;
}
}

@media screen and (max-width: 500px) /* Mobile */ {
.clasa-mobil {
background: green;
}


}
In pagina ta html,css acolo unde vrei sa afisezi div-ul tau ai asa :
<div class="hidden">Aici pui continutul Formularului de Abonare
</div>
Codul asta face ca orice continut se afla in <div> sa fie vizibil doar pentru : mobil asa cum ai cerut.
Folosesti wordpress?
Am presusus ca ai codul jquery il pentru form-ul tau.

[Marcous]

wordpress folosesc. Deci toate codurile astea trebuie sa le adaug eu manual?