Как добавить ссылку на логотип с помощью flexdashboard?

Я добавил логотип на свою панель управления после страницы документации flexdashboard. Теперь я хотел бы иметь возможность щелкнуть логотип и перенаправить его на внешнюю страницу.

Я знаю, что вы можете сделать гиперссылку на изображение с помощью r-markdown примерно так:

[![alt text](path to image)](web link to website)

Я просто изо всех сил пытаюсь интегрировать это в логотип на панели навигации гибкой панели инструментов. Кто-нибудь знает, как это сделать? Спасибо!

Я добавил логотип с такими строчками:

---
title: "My Report"
output: 
  flexdashboard::flex_dashboard:
    orientation: rows
    css: style.css
    logo: my-logo.png
---

r html r-markdown flexdashboard
person Claudia    schedule 30.07.2018    source источник

Ответы (1)


arrow_upward
11
arrow_downward

Один из способов - изменить логотип в процессе загрузки с помощью jQuery. Добавьте эти строки под заголовком YAML:

<script>
$('.navbar-logo').wrap('<a href="http://www.google.com">');
</script>

Мы просто выбираем элемент HTML, который является частью класса navbar-logo, и оборачиваем его тегом гиперссылки.

Если вы хотите, чтобы внешний веб-сайт открывался в новой вкладке, добавьте target=_blank к элементу a:

<a href="http://www.google.com" target=_blank>
person Martin Schmelzer    schedule 31.07.2018
comment
У меня еще нет права голоса, но этот ответ решил мою проблему. Большое спасибо! - person Claudia; 31.07.2018
comment
если у вас тоже есть торговая марка, сделайте следующее <script> $('.navbar-logo').wrap('<a href="http://www.google.com">'); $('.navbar-brand').wrap('<a href="http://www.google.com">'); </script> - person Manoj Kumar; 09.01.2021