使用 Rmarkdown 和revealjs 为每张幻灯片添加页脚答案

【问题标题】：Including a footer an every slide with Rmarkdown and revealjs使用 Rmarkdown 和revealjs 为每张幻灯片添加页脚
【发布时间】：2017-10-30 19:14:21
【问题描述】：

我的公司要求所有内部和外部演示文稿都为每张幻灯片使用经过批准的页脚，这会促使每个人将内容复制并粘贴到 PowerPoint 中。

但是，我很想使用 R 笔记本制作revealjs_presentation 幻灯片。谁能提供一个简单的 Rmarkdown 笔记本示例（或 pandoc 模板？）我可以修改它吗？

我想这对很多公司的很多人都有用。

【问题讨论】：

使用revealJS，每张幻灯片都在
元素中。如果您在
的末尾放置一个
元素，那么它会将其放置在每张幻灯片上。然后，您可以根据需要设置此样式。这是我在一次会议上的演示文稿，每张幻灯片上都有一个按钮作为页脚：thejoshdean.com/fusion2017
谢谢，乔希。在那个位置添加<p style="font-size:12px">Restricted</p> 对我来说可能已经足够了。
我希望 R 社区的人能够阐明我如何在 R 笔记本框架内实现自动化，这样我就可以让我公司的其他人参与进来。

【解决方案1】：

可以使用revealjs::revealjs_presentation 中的includes 参数/参数在所有幻灯片上添加固定页脚。（非常感谢之前的评论者的建议让我想到了这一点）。

例如，我想为每张幻灯片添加公司徽标和免责声明页脚。我创建了一个 HTML 文件，包含在文档正文之前，内容如下：

<div id="header-footer">
  <img class="slide-logo" src="corporate-logo.png"/>
  <p class="slide-footer">Corporate disclaimer</p>
</div>

然后我在我的 R markdown 文档（Rmd 文件）的 YAML 标头中包含了这个带有 includes 参数的文档正文之前的 sn-p：

output: 
  revealjs::revealjs_presentation:
    css: styles.css
    includes:
      in_header: header.html

然后，为了将徽标放置在右上角并将页脚固定在每张幻灯片的底部，我使用了以下 CSS（存储在 styles.css）：

/********** Customise logo, and footer disclaimer **********/
/* Position the corporate logo in the top right of the page */
#header-footer .slide-logo {
  position: absolute;
  top: 15px;
  right: 50px;
  height: 60px;
  width: 150px;
}


/* Style/position the footer text */
#header-footer .slide-footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    text-align: center;
    font-size: 65%;
}

当然，您可以使用 CSS 来设置您喜欢的样式。

一个限制是，这会将徽标和页脚放置在每张幻灯片上，包括标题（但具有整个幻灯片背景图像的幻灯片除外，它隐藏了免责声明和徽标）。我目前正在尝试找出一种方法来限制某些幻灯片的徽标/免责声明。

我还没有这样做，但是应该可以将其包装到自定义模板中，以直接与您组织的新 RMarkdown 文档集成，例如在RMarkdown book 中查看第 17 章和第 18 章。

我希望这对你/其他人仍然有用。

【讨论】：