Hvis du er ny her, vil du kanskje abonnere på min RSS feed. Takk for besøket!
Johnson Boxes er en av de tingene som alle refererer til, og forutsetter at alle vet alt om dem og hvordan du gjør dem - men i min erfaring de ikke. Etter den "rene siden alternativet i forrige uke som de fleste oppdaget som et potensielt salg / klem siden det synes logisk å følge den opp med litt om Johnson bokser.
For alle som ikke vet, de er de fargede boksene med en solid eller brukket linje rundt dem som vekt litt tekst, vanligvis en fordel av produktet, eller salgsprisen - noe du ønsker å rette oppmerksomheten mot. De er en velprøvd metode for å øke konverteringer. Så hvordan gjør du dem?
Først av alt du trenger bit av koden for å gå i custom_css.php som spesifiserer stil og type boksen din, så du ned å sette noe på siden din tekst som kaller opp den boksen.
En enkel versjon er gitt her - kan du utdype det som du vil, men dette vil gi deg en grunnleggende boks
/*--Johnson-Box--*/
div#johnson-box{
display: center;
background: #YOUR-COLOR-CHOICE-HERE;
border: YOUR-BORDER-WIDTH-HEREpx solid #YOUR-COLOR-CHOICE-HERE;
width: YOUR-WIDTH-HEREpx;
height:YOUR-HEIGHT-HEREpx;
text-align: center;
}
/*--End Johnson-Box*/
Dette vil gi deg en sentrert boks med sentrert tekst og en heltrukket omkring. Den heltrukne linjen ikke ønsker å være mye mer enn 4px og ofte mindre. Hvis du ønsker et brutt grensen bare erstatte solid 'med' knust. Hvis du ønsker en væske høyde for boksen din, bare glipp høyden linjen.
Hvis du vil bruke boksen plasserer du følgende i siden din tekst (ved hjelp av HTML-redigeringsprogram, ikke det visuelle en i WP)
<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>
Dette er hva jeg brukes til å generere boksen nedenfor men den mer vanlige fargen på kantlinjen # cc0000
/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/
og dette er hva jeg legger i min side: --
<div id="johnson-box">
This is a Johnson Box
</div>
Hvis du vil ha mer enn én stil Johnson Box så bare gi hvert sette opp en annen div navn.
Du kan også bruke en innebygd stil, men jeg finner CSS versjon lettere når jeg setter opp maler, men av hensyn til fullstendighet her er koden, som du ville bruke i html editor.
<div style="display: center; background: #YOUR-COLOR-CHOICE-HERE; border: 1px solid #YOUR-COLOR-CHOICE-HERE; width: YOUR-WIDTH-HEREpx; height:YOUR-HEIGHT-HEREpx; text-align: center;">
YOUR TEXT AND IMAGES HERE
</div>
Dette kan være litt grunnleggende for noen av dere, men jeg håper den er nyttig til noen der ute.
comment } (1 kommentar)
