Фон как ссылка для вордпресса

A1
На сайте с 03.06.2017
Offline
0
742

Здравствуйте! Тема уже была, но там ответы слишком общие.

Подскажите, пожалуйста, какую строку и куда конкретно ( после чего именно?) добавлять в css, чтобы фоновая картинка на сайте вордпресс могла быть ссылкой?

body.landline {

background-color: #444;

background-image: url("img/default-background.jpg");

background-position: center center !important;

background-attachment: fixed !important;

background-size: cover;

font: 14px/180% Adventure, Arial, Helvetica, cursive;

color: #444;

overflow-wrap: break-word;

word-wrap: break-word;

}

melkozaur
На сайте с 06.04.2010
Offline
526
#1

Ann123,

background-image не сделать ссылкой никак.

Можно вставить после тега body ссылку, которая будет занимать все пространство фона.

Как-то так:

Стили:

#bglink {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

В коде шаблона соответственно вот так:

<body>

<a href="ваша_ссылка" id="bglink"></a>
--- тут весь остальной код -----
</body>
Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
CS
На сайте с 01.05.2017
Offline
5
#2

Ссылки через CSS не делаются, но можно сделать вот так https://jsfiddle.net/0aae2fxn/

A1
На сайте с 03.06.2017
Offline
0
#3

Не получается пока -) обоими способами

S
На сайте с 30.09.2016
Offline
469
#4

А и что же у Вас не получается? И где Вы там увидели 2 способа? Может быть, вы применили свой способ, или имеете в виду что-то другое?

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
N
На сайте с 12.09.2011
Offline
79
#5

Если это нужно для брендирования (реклама в шапке), то для этого есть плагины.

CP
На сайте с 12.08.2009
Offline
101
#6

https://jsfiddle.net/0aae2fxn/8/

Криво конечно) но вдруг поможет)

Курсор можно так же событием обработать, если про производительность забыть.

Профессиональный frontend: JS, html,css, Single-Page App (/ru/forum/964386)
demon2005
На сайте с 06.02.2010
Offline
117
#7

Neatly, посоветуете название плагина?

Машины должны работать. Люди должны думать. (Девиз компании "IBM") Хостинг ( http://goo.gl/em6I5 ), рекомендую. Код на скидку 965VI5O60E Выгодно купить/продать сайт ( http://www.telderi.ru/?pid=c0fb22 )
N
На сайте с 12.09.2011
Offline
79
#8

demon2005, я сама не пользуюсь, но вот навскидку:

de:branding (в статье описание, как с ним работать)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий