Как украсить тег more

Как украсить тег more | n-wp.ru

Я уже писал о том, как легко можно изменить скучный текст тега 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(https://вашсайт.ru/more.png) no-repeat left center;
	           }

Обратите внимание на http://вашсайт.ru/more.png -- это ваша картинка, которая будет являться ссылкой more. Экспериментируйте!

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*