2017-07-07 12 views
0

ここで解決策を見つけようとしましたが、他のフォーラムで何も見つかりませんでした。上部のナビゲーションバーにURLリンクを追加するには

フレックスダッシュボードを使用してウェブサイト(HTMLファイル)を作成しています。それはいくつかのページを持ち、それぞれが上のナビゲーションバーからアクセスできます。ような何か:

Home 
======================================================================= 

Row 
----------------------------------------------------------------------- 

### Cover Picture {.no-title} ![](picture0.jpg) 

Page 1 
======================================================================= 

Row 
----------------------------------------------------------------------- 

### Picture 1 {.no-title} ![](picture1.jpg) 

Row 
----------------------------------------------------------------------- 

### Picture 2 {.no-title} ![](picture2.jpg) 

私はGoogleのように、外部のウェブサイトへのナビゲーションバーにリンクを追加したいです。

[www.google.com] 
======================================================================= 

私はその上でクリックしたときしかし、それは[www.google.com]と呼ばれる私のhtml内の空白のページに行く:私は単にのようなものを追加してみました。実際にGoogleのウェブページにアクセスするには、リンクを右クリックして[新しいタブで開く]をクリックする必要があります。私は、ドロップダウンナビゲーションバーのメニューを使用しようとすると

同じことが起こります:カスタム名を使用して

Google's Page [www.google.com] 
======================================================================= 

あるいは:私もリンクする前のページに名前を挿入しようとした

[www.google.com] {data-navmenu="External URLs"} 
======================================================================= 

[www.bing.com] {data-navmenu="External URLs"} 
======================================================================= 

リンクの場合:

[www.google.c]という空白のページを作成した場合私がNavbarでそれをクリックすると、私のHTMLの中のその空のページに行きます。しかし、実際に私はその空のページが存在することを望んでいない、私はちょうど私のNavbarの外部リンクが欲しいことを理解する方法はありますか?それは私が書くとしたらないよう

私はリンクが動作するようにしたい:私はそれをクリックすると

### [www.google.com] 

は、それがGoogleのウェブサイトに直進します。

ご協力いただきまして誠にありがとうございます。

+0

ひどいflexdashboard [現時点では_site.ymlをサポートしていません](https://github.com/rstudio/rmarkdown/issues/) 784)。 navbarからの外部リンクがサポートされているので(http://rmarkdown.rstudio.com/rmarkdown_websites.html#site_navigation)そのように。あなたは[rmarkdown does it](https://github.com/rstudio/rmarkdown/blob/f0cb2f1e8e8743ac114e7e62ae3ff02a105bd530/R/render_site.R)の仕組みを見たいかもしれません。私はコードを介してスレッドを失った。 – wibeasley

答えて

0

あなたは、あなたのYAMLで

--- 
title: "My dashboard" 
output: 
    flexdashboard::flex_dashboard: 
    navbar: 
     - { icon: "fa-question-circle", href: "https://google.com", align: right } 
--- 

を使用して右側にリンクを追加することができます - これはリンクとして疑問符のアイコンを配置します。その他のオプションについては?flexdashboard::flex_dashboardと入力してnavbarという名前のセクションをチェックしてください。

+0

インデントが異なっている必要があります.1つはナビバーの前に、もう2つは " - {icon ...."の前にあります。 – fmarm

関連する問題