{zpreferably} is an accessible template for pkgdown documentation websites. It is modified based on preferably
devtools::install_github('guang-yu-zhu/zpreferably')
After the successful installation, if you already have your pkgdown setup ready, you only need to specify the template
parameter as follow. Then, as before, you can build your site using build_site()
and deploy it manually using deploy_on_branch()
.
url: http://guang-yu-zhu.github.io/zpreferably/
template:
package: zpreferably
bootstrap: 3
params:
ganalytics:
toggle: manual # Manual Light/Dark Toggle
home:
title: zpreferably - a 'pkgdown' template
description: An accessible template for pkgdown websites with dynamic light/dark mode support
authors:
Guangyu Zhu:
href: https://guangyuzhu.rbind.io/
development:
mode: auto
repo:
url:
home: https://github.com/guang-yu-zhu/zpreferably
branch: main
navbar:
structure:
left: [home, reference, news]
right: [personal,github]
components:
personal:
text: "Persoanl Website"
href: http://guangyuzhu.rbind.io
⚠️ Keep in mind that you should NOT use
default_assets: false
when you change the default template. ‘preferably’ relies on some of the ‘pkgdown’ assets and templates.
In the case that you are using CI systems to build and deploy your website, you need to make sure that ‘preferably’ is available on the environment. For GitHub Action, add the following line to the “Install dependencies” section of your .github/workflows/pkgdown.yaml
file:
- name: Install dependencies
run: |
# ⚠️ leave other commands intact,
# and add the following command to the end of the list 👇🏼
remotes::install_deps(dependencies = TRUE)
install.packages("pkgdown", type = "binary")
devtools::install_github('guang-yu-zhu/zpreferably')
If you are using Travis-CI, add the following line to your .travis.yml
file:
In addition of pkgdown customization, Preferably offers a few more options as listed here.
Preferably allows for adding a custom analytic (in addition to ganalytics
) to your website via the canalytic
option.
template:
package: preferably
params:
canalytic:
domain: example.com
src: https://example.com/tracker.js
Setting these command will generate the following line in the HTML:
pkgdown 2.0 comes with a greater list of supported trackers that you can use out of the box, including Plausible.
In addition to the automatic color scheme switching, you can add a switch to the menu bar, e.g, , to allow for manual selection between light and dark themes. This can be done by setting the toggle
option to manual
.
Unfortunately, it is not possible to have both the automatic and manual mode at the same time. There is an user experience issue here, and it is almost impossible to deliver a seamless experience without involving the server-side, here, and here. So, you need to choose whether you like to give your users a manual toggle, or let your website adapts to their system preference.
⚠️ In order to remove the toggle button, remove the
toggle
parameter.