Сделайте так, чтобы все элементы класса CSS действовали как ссылки

Question

Я использую Squarespace для создания двуязычного сайта.

Логотип компании в навигационной панели устанавливается через панель Squarespace. Мне удалось переопределить английский логотип по умолчанию, вставив следующий код в заголовок:

<style> h1.logo { content: url("url_of_french_logo");} </style>

Это работает, чтобы изменить логотип с английского на французский, однако он теряет гиперссылку на домашнюю страницу (т.е. это просто изображение и не кликабелен).

Есть ли способ сделать эту ссылку на французскую домашнюю страницу? Это единственный элемент этого класса (h1.logo) на странице.

PS - у меня нет доступа к исходному коду. Все, что я могу сделать, это добавить код в заголовок или где-нибудь на странице (как блок кода).

Answer 1

Вы можете добавить прослушиватель событий на основе вас h1.logo запрос и использовать функцию

location.href = URL

URL Будучи вашим местом назначения, adn должен выглядеть так: " http://google.com/ "

Надеюсь это поможет:)

var logo = document.querySelectorAll('h1.logo');
logo[0].addEventListener("click", function() {
  location.href = URL;
})

<h1 class="logo">Click me</h1>