Εάν είστε νέοι εδώ, μπορεί να θέλετε να εγγραφείτε στο RSS feed μου. Ευχαριστίες για την επίσκεψη!
Johnson Boxes είναι ένα από εκείνα τα πράγματα που αναφέρεται σε όλους και να υποθέτει ότι όλοι γνωρίζουν τα πάντα για αυτούς και πώς να τους κάνουμε - αλλά από την εμπειρία μου που δεν το κάνουν. Μετά την επιλογή «καθαρών σελίδα», την περασμένη εβδομάδα την οποία οι περισσότεροι άνθρωποι εντοπίσει ως δυνητικές πωλήσεις / σελίδα συμπίεση φαίνεται λογικό να είναι συνέχεια με λίγο σχετικά Johnson Boxes.
Για όσους δεν γνωρίζουν, είναι οι χρωματιστό κουτιά με στερεά ή διακεκομμένη γραμμή γύρω τους ότι έμφαση κάποιο κείμενο, συνήθως όφελος του προϊόντος, ή την τιμή πώλησης - οτιδήποτε θέλετε να επιστήσω την προσοχή. Πρόκειται για μια δοκιμασμένη μέθοδος για την αύξηση των μετατροπών. Τόσο πώς να κάνει;
Πρώτα απ 'όλα όσα χρειάζεται το κομμάτι του κώδικα για να πάει στο custom_css.php σας που καθορίζει το ύφος και το είδος της θέσης σας, τότε μπορείτε ned να βάλουμε κάτι στο κείμενο της σελίδας σας ότι οι κλήσεις μέχρι το κουτί.
Μια απλή έκδοση δίνεται εδώ - μπορείτε να αναφερθεί λεπτομερώς σε αυτό, όπως σας παρακαλώ, αλλά αυτό θα σας δώσει ένα βασικό πλαίσιο
/*--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*/
Αυτό θα σας δώσει ένα κέντρο κουτί με κέντρο το κείμενο και μια σταθερή γραμμή γύρω από αυτό. Η σταθερή γραμμή δεν θέλει να είναι πολύ περισσότερο από 4px και συχνά λιγότερο. Αν θέλετε ένα σπασμένο συνόρων μόλις αντικαταστήσει «σταθερή» με την «διαψεύστηκαν». Αν θέλετε ένα ρευστό ύψος για τη θέση σας, μόλις χάσουν τη γραμμή ύψος.
Για να χρησιμοποιήσετε το χώρο κουτί το ακόλουθο κείμενο στη σελίδα σας (χρησιμοποιώντας το πρόγραμμα επεξεργασίας HTML, δεν είναι η οπτική ενός στην WP)
<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>
Αυτό είναι αυτό που χρησιμοποιείται για να παράγει τα παρακάτω πλαίσιο αν και το πιο συνηθισμένο χρώμα για τα σύνορα είναι # cc0000
/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/
και αυτό είναι αυτό που έβαλα στη σελίδα μου: --
<div id="johnson-box">
This is a Johnson Box
</div>
Αν θέλετε περισσότερα από ένα στυλ της Johnson ασφαλείας στη συνέχεια, μόλις δοθεί σε κάθε δημιουργήσει ένα διαφορετικό όνομα div.
Μπορείτε επίσης να χρησιμοποιήσετε ένα ενσωματωμένο στυλ, αλλά θεωρώ την έκδοση CSS ευκολότερη όταν είμαι δημιουργία προτύπων αλλά για λόγους πληρότητας εδώ είναι ο κώδικας, που θα χρησιμοποιούσατε σε 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>
Αυτό μπορεί να είναι λίγο βασικό για μερικούς από εσάς, αλλά ελπίζω ότι είναι χρήσιμο για κάποιον εκεί έξω.
comment } (1 σχόλιο)
