Als je nieuw bent hier, kunt u zich wilt abonneren op mijn RSS-feed. Bedankt voor uw bezoek!
Dozen Johnson zijn een van die dingen die iedereen verwijst naar en gaat ervan uit dat iedereen weet alles over hen en hoe ze te doen - maar in mijn ervaring ook niet. Naar aanleiding van de optie 'schoon pagina' vorige week die de meeste mensen zag als een mogelijke verkoop / knijp pagina lijkt het logisch om vervolgens met een beetje over Johnson Boxes.
Voor iedereen die niet weet, zijn ze deze gekleurde vakken met een vaste of gebroken lijn om hen heen dat de nadruk wat tekst, meestal een uitkering van het product of de verkoopprijs - alles wat u wilt de aandacht vestigen op. Ze zijn een bewezen methode om meer conversies. Dus hoe maak je ze?
Allereerst moet u de bit code te gaan in uw custom_css.php dat de stijl en het type van uw vak geeft, dan moet je ned om iets in je pagina tekst die roept dat vak.
Een eenvoudige versie is hier gegeven - je kunt uitweiden over het als je wilt, maar dit geeft je een basis-box
/*--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*/
Dit geeft je een gecentreerde box met gecentreerde tekst en een ononderbroken lijn omheen. De vaste lijn wil niet veel meer dan 4px en vaak minder. Als u een gebroken rand vervangt u 'vaste' met 'gestreepte'. Als u een vloeistof hoogte voor uw vak wilt, alleen missen de hoogte lijn.
Om het vak plaatst u het volgende gebruiken in uw pagina tekst (met behulp van de HTML-editor, en niet de visuele een in WP)
<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>
Dit is wat ik gebruikt om het vak onder genereren maar de meer gebruikelijke kleur voor de rand is # cc0000
/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/
en dit is wat ik in mijn pagina: --
<div id="johnson-box">
This is a Johnson Box
</div>
Wilt u meer dan een stijl van Johnson Box dan geef zetten elk een andere naam div.
U kunt ook gebruik maken van een inline stijl, maar ik vind de CSS versie makkelijker als ik het opzetten van sjablonen, maar voor de volledigheid hier is de code, die je zou gebruiken in de 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>
Dit kan een beetje basis voor sommigen van u, maar ik hoop dat het nuttig is om iemand die er zijn.
comment } (1 comment)
