template:readthedokus
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
template:readthedokus [2021-09-10 03:56] – my17560 | template:readthedokus [2024-01-29 17:57] (current) – [Adding a Fixed Header/Footer] coldscientist | ||
---|---|---|---|
Line 2: | Line 2: | ||
---- template ---- | ---- template ---- | ||
- | description | + | description |
author | author | ||
email : my17560@gmail.com | email : my17560@gmail.com | ||
- | lastupdate_dt : 2021-09-10 | + | lastupdate_dt : 2023-08-22 |
- | compatible | + | compatible |
depends | depends | ||
conflicts | conflicts | ||
Line 19: | Line 19: | ||
---- | ---- | ||
- | This is a theme that mimics | + | This is a DokuWiki |
+ | ===== Featuring ===== | ||
* "Read the Docs" appearance | * "Read the Docs" appearance | ||
* Embedded foldable TOC in the sidebar | * Embedded foldable TOC in the sidebar | ||
* Auto generated " | * Auto generated " | ||
- | |||
- | ===== Releases ====== | ||
- | |||
- | ==== 20210910 ==== | ||
- | |||
- | * Fixed the dynamic search result didn't show up. | ||
- | * Fixed style.ini referencing missing files. | ||
===== Download and Install ====== | ===== Download and Install ====== | ||
Line 38: | Line 32: | ||
* [[https:// | * [[https:// | ||
- | Refer to [[: | + | Refer to [[: |
+ | |||
+ | ===== Sites Using This Template ===== | ||
- | ===== Sites using this Template ===== | + | Please feel free to add your sites here or ask me via e-mail or GitHub issues. |
- | * [[https:// | + | * Web Components Based Javascript Framework |
- | ===== Template | + | ===== Template |
These are template settings for this theme. | These are template settings for this theme. | ||
^Option^Description^ | ^Option^Description^ | ||
- | |Sidebar position|" | + | |Sidebar position|Choose |
+ | |Use DokuWiki breadcrumbs|Check to use DokuWiki style breadcrumbs.| | ||
+ | |Show toolbox even when logged out|Check to show the Toolbox always. By default, it is not shown unless you log in.| | ||
+ | |Start Page|Set start page URL. This page is shown when the " | ||
+ | |Enable Font Awesome|Check if you want to use Font Awesome. | ||
+ | |Specify a tag to include Font Awesome|Specify tags to include FontAwesome.The tags specified here are put in the head tag.| | ||
+ | |Enable Google Fonts|Check if you want to use Google Fonts. Don't forget to put the necessary tags in the option below. Technically, | ||
+ | |Specify tags to include Google Fonts|Specify tags to include Google Fonts. | ||
+ | ===== Template Variables ===== | ||
- | + | These are some of the options on " | |
- | + | ||
- | ===== Template variables ===== | + | |
- | + | ||
- | These are some of the options on " | + | |
^Option^Description^ | ^Option^Description^ | ||
Line 62: | Line 62: | ||
|Side bar width|Sidebar width.| | |Side bar width|Sidebar width.| | ||
|Header height|Header height. The theme puts padding on the top of the page according to this value.| | |Header height|Header height. The theme puts padding on the top of the page according to this value.| | ||
- | |Footer height|Footer height. | + | |Footer height|Footer height. |
- | |CSS breakpoint for smart phones|Screen size less than this value will be treated as a smartphone.| | + | |CSS breakpoint for smartphones |
|CSS breakpoint for tablets|Screen size less than this value will be treated as a tablet. | | |CSS breakpoint for tablets|Screen size less than this value will be treated as a tablet. | | ||
===== Notes ===== | ===== Notes ===== | ||
- | ==== Sidebar | + | ==== Sidebar |
- | Use strong for captions, lists of links for items. Anything other than that won't be styled, so use your own styles for them. | + | Use strong for captions, |
E.g. | E.g. | ||
Line 78: | Line 78: | ||
* [[page2]] | * [[page2]] | ||
** Caption2 ** | ** Caption2 ** | ||
- | * [[page3]] | + | * page3 |
- | * [[page4]] | + | * page4 |
</ | </ | ||
- | ==== Previous/ | ||
- | Previous/ | + | Some index plugins are supported by this template and can be used in the sidebar. |
- | ==== No link to login page === | + | |
- | This theme doesn' | + | * [[doku> |
+ | * [[doku> | ||
+ | * [[doku> | ||
+ | * [[doku> | ||
+ | ==== Previous/ | ||
+ | |||
+ | Previous/ | ||
+ | ==== Link to Login Page === | ||
+ | |||
+ | This theme doesn' | ||
==== Admonitions ==== | ==== Admonitions ==== | ||
Line 105: | Line 112: | ||
* tip | * tip | ||
- | You can use "Wrap Plugin" | + | You can use "[[doku> |
< | < | ||
Line 113: | Line 120: | ||
</ | </ | ||
- | If you use the plugin, do not forget to add classes to the " | + | If you use the plugin, do not forget to add classes |
- | + | ||
- | ==== Recommended options === | + | |
- | + | ||
- | ^Option^Value^Description^ | + | |
- | |useheading|on|Breadcrumbs on the page header looks nicer.| | + | |
===== Customization ===== | ===== Customization ===== | ||
Line 125: | Line 126: | ||
==== Using Font Awesome ==== | ==== Using Font Awesome ==== | ||
- | This theme uses Font Awesome. The file is not included, so you need to include | + | Even though this theme works without |
- | === Hide substitusions === | + | A home icon will appear beside the title, and +/- buttons on TOC, a mobile menu button |
- | + | ||
- | The theme has minimum substitutions (for +/- buttons on TOC and a mobile menu button) and they are visible | + | |
- | + | ||
- | <code css> | + | |
- | #dw__toc .btn-expand img { | + | |
- | display: none; | + | |
- | } | + | |
- | + | ||
- | # | + | |
- | display: none; | + | |
- | } | + | |
- | </ | + | |
==== Using Google Fonts ==== | ==== Using Google Fonts ==== | ||
- | Since the original "Read the Docs" theme uses Lato and Robot fonts, this theme also specifies them in font-family in the theme CSS. If you want to use these fonts, you can use Google Fonts. To use them, you need to import them in your meta.html. | + | Also, you can use google fonts for better looking. 'Lato' |
- | <code html> | + | ==== Adding a Fixed Header/Footer |
- | <link href=' | + | |
- | <link href=' | + | |
- | </ | + | |
- | ==== Adding a fixed header/footer | + | |
- | This theme supports a fixed header and footer. On the " | + | This theme supports a fixed header and footer. On the " |
=== 1. Set header/ | === 1. Set header/ | ||
- | These values must be valid css values. | + | These values must be valid CSS values. |
e.g. " | e.g. " | ||
Line 161: | Line 146: | ||
=== 2. Create header.html/ | === 2. Create header.html/ | ||
- | Create a file " | + | Create a file " |
Here is a sample header.html. This example also shows how to toggle a sidebar. Clicking the string " | Here is a sample header.html. This example also shows how to toggle a sidebar. Clicking the string " | ||
Line 185: | Line 170: | ||
</ | </ | ||
- | You might want to hide a mobile menu since both the sticky header and the mobile menu are displayed at the same time on mobile devices. To hide the mobile menu add below to CSS file (dokuwiki | + | You might want to hide a mobile menu since both the sticky header and the mobile menu are displayed at the same time on mobile devices. To hide the mobile menu add below to the CSS file (DokuWiki |
< | < | ||
Line 193: | Line 178: | ||
</ | </ | ||
- | ==== Centering the content | + | ==== Centering the Content |
To center the content, enter the content width in the "Site width" option on the " | To center the content, enter the content width in the "Site width" option on the " | ||
Line 235: | Line 220: | ||
[8] ... footer.html | [8] ... footer.html | ||
</ | </ | ||
+ | |||
+ | ===== Releases ====== | ||
+ | |||
+ | {{rss> | ||
+ | ==== 20221122 ==== | ||
+ | |||
+ | * Refactored sidebar styles. Now <li> elements without links are indented properly. | ||
+ | * Modified to support the nspages plugin. | ||
+ | |||
+ | ==== 20220913 ==== | ||
+ | |||
+ | * Fixed " | ||
+ | * Added "Show toolbox even when logged out" option. | ||
+ | |||
+ | ==== 20220817 ==== | ||
+ | |||
+ | * Fixed a sidebar style. | ||
+ | * Modified to select a corresponding sidebar item when a hash is specified in the URL. | ||
+ | |||
+ | ==== 20220813 ==== | ||
+ | |||
+ | * Added styles to links to non-existent pages. | ||
+ | * Fixed warnings when index key doesn' | ||
+ | |||
+ | ==== 20220511 ==== | ||
+ | |||
+ | * Modified to support the simplenavi plugin. | ||
+ | |||
+ | ==== 20220413 ==== | ||
+ | |||
+ | * Modified the way to handle same page jump. | ||
+ | |||
+ | ==== 20220228 ==== | ||
+ | |||
+ | * Modified to make "Table of Contents" | ||
+ | * Fixed a TOC embedded in the wrong place in some cases. | ||
+ | |||
+ | ==== 20220219 ==== | ||
+ | |||
+ | * Modified to be able to render a hierarchical sidebar. | ||
+ | * Fixed to show "Edit this page" link only when the current user is editable. | ||
+ | * Modified to make non-admin pages localizable. | ||
+ | * Added " | ||
+ | |||
+ | ==== 20220208 ==== | ||
+ | |||
+ | * Removed " | ||
+ | |||
+ | ==== 20220207 ==== | ||
+ | |||
+ | * Added "Use DokuWiki breadcrumbs" | ||
+ | * Added "Start Page" option to specify start page. | ||
+ | * Google Fonts/Font Awesome location now defaults to blank to avoid using them via CDN easily since using CDN could be illegal in some countries. | ||
+ | |||
+ | ==== 20220106 ==== | ||
+ | |||
+ | * Added Font Awesome/ | ||
+ | |||
+ | ==== 20211011 ==== | ||
+ | |||
+ | * Fixed TOC embedding didn't work when the defer_js option is disabled. | ||
+ | |||
+ | ==== 20210917 ==== | ||
+ | |||
+ | * Fixed showing two vertical scrollbars on the mobile pages. | ||
+ | |||
+ | ==== 20210910 ==== | ||
+ | |||
+ | * Fixed the dynamic search result didn't show up. | ||
+ | * Fixed style.ini referencing missing files. | ||
+ | |||
template/readthedokus.1631238966.txt.gz · Last modified: 2021-09-10 03:56 by my17560