👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →
Я уже писал о том, как легко можно изменить скучный текст тега more. А как вообще изменить стиль этого тега, выделить его в общем содержимом. С удивлением для себя обнаружил, что в WordPress предусмотрен специальный класс, с помощью которого можно оформить ссылку more. Давайте посмотрим, как этим можно воспользоваться.
Чтобы раскрасить ссылку, посмотрите пример оформления:
.more-link {
border: thin solid black;
background: red;
font-size: 16px;
color: white;
}
Этот код нужно вставить в файл style.css.
А может поступим более радикально, и добавим в ссылку какую-нибудь картинку?
Открываем файл style.css и вписываем туда примерно это:
.more-link img {
width: 200px;
height: 100px;
padding: 5px;
background:url(http://вашсайт.ru/more.png) no-repeat left center;
}
Обратите внимание на http://вашсайт.ru/more.png -- это ваша картинка, которая будет являться ссылкой more. Экспериментируйте!
