Если Вы новичок здесь, вы можете подписаться на мой RSS Feed. Благодарим за посещение!
Джонсон коробки являются одной из тех вещей, которые относятся к каждому и предполагает, что каждый человек знает все о них и как делать их, - но по моему опыту, это не так. После опцию 'чистой страницы' на прошлой неделе, которую большинство людей пятнистый как потенциальная продажа / Squeeze странице логично следовать его с немного о Джонсон коробки.
Для тех, кто не знает, это те, цветные квадраты с твердыми или ломаную вокруг них, что особое внимание какой-нибудь текст, как правило, благо продукт, или продажная цена - все, что нужно обратить внимание. Они доказали способ увеличения конверсии. Так как вы их?
Прежде всего вам нужно немного кода, чтобы идти в 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-редактора, а не один в Visual 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>
Если вы хотите более чем одного стиля Джонсона флаг, то просто дать каждому создать различные Div имя.
Вы также можете использовать встроенный стиль, но я могу найти версию CSS легче, когда я создание шаблонов, но для полноты картины здесь код, который вы будете использовать в HTML-редакторе.
<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 комментарий)
