Cum se adaugă o cutie Newsletter Înregistrează-te la postarea în Geneza cadru

Este foarte ușor să adăugați o casetă de înscriere pentru buletinul informativ după postarea în Geneza copil teme. Boost numărul de abonați e-mail prin adăugarea caseta de înscriere pentru buletinul informativ.

A+ A-

Cât de mulți abonați e-mail blog-ul dvs. are? Doriți să crească numărul de abonați prin e-mail? Atunci de ce nu pentru a adăuga caseta de înscriere pentru buletinul informativ după postarea? După publicarea Geneza modificări temă articol, mulți utilizatori tema Genesis ne cere să scrie tutorial cu privire la adăugarea caseta buletinul de înscriere. Deci, aici, în acest articol vă vom prezenta o modalitate prin care puteți adăuga o casetă de înscriere pentru buletinul informativ după postarea în site-uri web Genesis powered.

Brian Gardner a publicat deja articol pe același subiect, metoda lui se bazează pe implicit „Geneza eNews și actualizări“ widget. Dar, în timp ce punerea în aplicare caseta de înscriere pentru buletinul informativ folosind acest ghid, ne-am confruntat cu unele dificultăți. Metoda dată de Brian lucrează , dar problema principală este că nu puteți adăuga caseta de înscriere la buletinul informativ ambele locuri - în zona widget și mai jos , deoarece același post - CSS aplicat atât în domeniu , astfel încât caseta de înscriere în zona de widget va arata ciudat. Mulți utilizatori doresc să adăugați caseta de înscriere pentru buletine, la ambele locuri așa că aici vom arăta cea mai bună metodă de a face acest lucru, adăugați implicit Genesis eNews și actualizări ", widget în principal zona de widget-uri bara laterală și metoda de utilizare furnizate aici pentru a adăuga caseta de înscriere pentru buletine de mai jos postarea . Cu toate că metoda noastră este diferită, totuși se bazează pe metoda lui Brian, astfel de credite se duce la el.

Newsletter Signup Box Preview

Adăugarea de această casetă de înscriere în Geneza copilului teme este relativ simplu. Trebuie doar să urmați pașii simpli de mai jos și adăugați caseta profesionale de înscriere aratand ca este prezentat în imaginea de mai sus, după mesajele dumneavoastră.

Pasul 1

În Tabloul de bord WordPress -> Aspect -> Editor -> Uită - te în coloana din dreapta pentru fișierul function.php, deschide acel fișier și adăugați următorul cod la sfârșitul anului acesta.

A) Fragment de cod pentru utilizatorii FeedBurner:

/** Add a Newsletter Signup Box After Posts */
function add_newsletter_box() {
if(is_single()) {
?>

<div id="newsletterbox">
<div class="white-border">
<div class="newsletterbox-wrap">
<h4>Join Our Newsletter</h4>
<p>Join over 5,000 people who get free and fresh content delivered automatically each time we publish.</p>
<form id="subscribe" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Google/FeedburnerID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input id="subbox" type="email" name="email" onblur="if ( this.value == '' ) { this.value = 'Enter your email address...' } " onfocus=" if ( this.value == 'Enter your email address...') { this.value = '' }" value="Enter your email address..." />
<input type="hidden" value="Google/FeedburnerID" name="uri">
<input type="hidden" value="en_US" name="loc">
<input id="subbutton" type="submit" value="Sign Up">
</form>
</div>
</div>
</div> <?php
}
}
add_action ( 'genesis_after_post_content', 'add_newsletter_box', 10, 1);

Notă: Nu uitați să schimbați „Google / FeedburnerID“ text de dvs. reale Google / Feedburner ID - ul la două locuri.

B) Fragment de cod pentru utilizatorii MailChimp:

/** Add a Newsletter Signup Box After Posts */
function add_newsletter_box() {
if(is_single()) {
?>
<div id="newsletterbox">
<div class="white-border">
<div class="newsletterbox-wrap">
<h4>Join Our Newsletter</h4>
<p>Join over 5,000 people who get free and fresh content delivered automatically each time we publish.</p>
<form target="_blank" class="validate" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="http://techlila.us5.list-manage.com/subscribe/post?u=eefa99bc3d40d94a1820fed4b&id=b28d5bf727">
<input type="email" required="" placeholder="Enter your email address ..." id="mce-EMAIL" class="email" name="EMAIL" value="">
<input type="submit" class="button" id="mc-embedded-subscribe" name="subscribe" value="Sign Up">
</form>
</div>
</div>
</div>
<?php
}
}
add_action ( 'genesis_after_post_content', 'add_newsletter_box', 10, 1);

Notă: Nu uitați să schimbați „URL formă de acțiune“ , prin adresa URL formularul de acțiune MailChimp. Veți găsi adresa URL de acțiune în formă MailChimp -> Liste -> Pentru fila Site-ul dvs. și alegeți prima opțiune din drop-down - Înscriere Form Embed Code și căutați adresa URL formularul de acțiune (<form action =“TA MailChimp ACȚIUNEA URL“).

Dacă utilizați AWeber sau orice alt serviciu, apoi doar schimba codul între <form> </ form> tag-uri în mod corespunzător.

Pasul 2

Descărcați cutia pentru grafica newletter și le extrage din „/ images /“ dosar tema copilului Genesis. Acest grafic minunat creat de Brian, am adăugat doar un „eNews-panglica-blue.png“ imagine și fișierul modificat enews.png.

Pasul # 3

În Tabloul de bord WordPress -> Aspect -> Editor -> style.css. Adăugați următorul cod și actualizați fișierul.

/* Newsletter Box below Posts
------------------------------------------------------------- */
#newsletterbox {
background-color: #f5f5f5;
border: 10px solid #e4e4e4;
margin-top: 30px;
}
#newsletterbox .white-border {
border: 1px solid #fff;
}
.newsletterbox-wrap {
background: url(/p;quot;images/enews-ribbon.png&quot;) no-repeat scroll left top transparent;
margin: -17px -18px;
overflow: hidden;
padding: 45px 30px 40px;
text-align: center;
text-shadow: 1px 1px #fff;
}

.newsletterbox-wrap h4 {
text-align: center;
}

.newsletterbox-wrap p {
margin: 0 35px 20px;
text-align: center;
}
.newsletterbox-wrap input[type=&quot;email&quot;] {
background: url(/p;quot;images/enews.png&quot;) no-repeat scroll left center #fff;
box-shadow: 0 0 5px #ccc inset;
color: #999;
font-family: 'proxima-nova',sans-serif;
font-size: 12px;
margin: 0 5px;
padding: 15px 0 15px 45px;
width: 40%;
}

.newsletterbox-wrap input[type=&quot;submit&quot;] {
box-shadow: 0 1px 1px #a24a1d;
font-size: 14px;
font-weight: bold;
padding: 10px 15px;
text-transform: uppercase;
}

Acest CSS va lucra pentru utilizatorii FeedBurner și MailChimp, dacă utilizați orice alt serviciu, apoi schimba codul în mod corespunzător, pentru că este greu să ne pentru a oferi codul pentru fiecare serviciu, deoarece există o serie de servicii diferite pe care le puteți utiliza. Nu uitați să schimbați numele imaginii la „eNews-ribbon.png“ dacă doriți să utilizați o altă imagine colorată, de exemplu, eNews-panglica-blue.png.

Dacă vă confruntați cu dificultăți în timp ce adăugați o casetă de înscriere pentru buletinul informativ, apoi să ne anunțați în formă de comentarii.