CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>template:starter [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="template,starter"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/template:starter?do=index" title="Sitemap"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Current namespace" href="/feed.php?mode=list&ns=template"/> <link rel="edit" title="Edit this page" href="/template:starter?do=edit"/> <link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/template:starter"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/template:starter"/> <link rel="canonical" href="https://www.dokuwiki.org/template:starter"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='template';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"template:starter","namespace":"template","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=en" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">skip to content</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">User Tools</h3> <ul> <li class="action login"><a href="/template:starter?do=login&sectok=" title="Log In" rel="nofollow"><span>Log In</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Site Tools</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="template:starter" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Search" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Search">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="template:starter" /><select name="do" class="edit quickselect" title="Tools"><option value="">Tools</option><optgroup label="Page Tools"><option value="edit">Edit this page</option><option value="revisions">Old revisions</option><option value="backlink">Backlinks</option></optgroup><optgroup label="Site Tools"><option value="recent">Recent Changes</option><option value="media">Media Manager</option><option value="index">Sitemap</option></optgroup><optgroup label="User Tools"><option value="login">Log In</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/template:starter?do=recent" title="Recent Changes [r]" rel="nofollow" accesskey="r">Recent Changes</a></li><li class="action media"><a href="/template:starter?do=media&ns=template" title="Media Manager" rel="nofollow">Media Manager</a></li><li class="action index"><a href="/template:starter?do=index" title="Sitemap [x]" rel="nofollow" accesskey="x">Sitemap</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Trace:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/template:starter" class="breadcrumbs" title="template:starter">starter</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Sidebar"><div class="pad aside include group"> <h3 class="toggle">Sidebar</h3> <div class="content"><div class="group"> <p> <strong>Learn about DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/features" class="wikilink1" title="features" data-wiki-id="features">Features</a> & <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">reviews</a> </div> </li> <li class="level1"><div class="li"> <a href="/install" class="wikilink1" title="install" data-wiki-id="install">Installation guide</a></div> </li> <li class="level1"><div class="li"> <a href="/manual" class="wikilink1" title="manual" data-wiki-id="manual">User manual</a> & <a href="/wiki:syntax" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">syntax</a></div> </li> <li class="level1"><div class="li"> <a href="/changes" class="wikilink1" title="changes" data-wiki-id="changes">Release notes</a></div> </li> <li class="level1"><div class="li"> <a href="/faq" class="wikilink1" title="faq" data-wiki-id="faq">FAQ</a></div> </li> </ul> <p> <strong>Advanced Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/extensions" class="wikilink1" title="extensions" data-wiki-id="extensions">Extensions</a></div> </li> <li class="level1"><div class="li"> <a href="/development" class="wikilink1" title="development" data-wiki-id="development">Development manual</a></div> </li> </ul> <p> <strong>Corporate Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/faq:support" class="wikilink1" title="faq:support" data-wiki-id="faq:support">Get support</a></div> </li> <li class="level1"><div class="li"> <a href="/donate" class="wikilink1" title="donate" data-wiki-id="donate">Donations</a></div> </li> </ul> <p> <strong>Our Community</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Get involved</a></div> </li> <li class="level1"><div class="li"> <a href="/dokuinstall" class="wikilink1" title="dokuinstall" data-wiki-id="dokuinstall">Users</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">User forum</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Development mailinglist</a></div> </li> </ul> <hr /> <p> Follow us on <a href="https://phpc.social/@dokuwiki" class="urlextern" title="https://phpc.social/@dokuwiki">Mastodon</a> and other <a href="/social" class="wikilink1" title="social" data-wiki-id="social">social networks</a>. </p> <p> <a href="/privacy" class="wikilink1" title="privacy" data-wiki-id="privacy">Our Privacy Policy</a> </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>template:starter</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Table of Contents</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#starter_template">Starter Template</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#download_and_install">Download and Install</a></div></li> <li class="level2"><div class="li"><a href="#configuration">Configuration</a></div></li> <li class="level2"><div class="li"><a href="#more_info">More Info</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#credits">Credits</a></div></li> <li class="level3"><div class="li"><a href="#changes">Changes</a></div></li> <li class="level3"><div class="li"><a href="#demo">Demo</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#templates_based_on_starter">Templates based on Starter</a></div></li> <li class="level2"><div class="li"><a href="#comments">Comments</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#how_to_translate_this_theme">How to translate this theme?</a></div></li> <li class="level3"><div class="li"><a href="#how_to_insert_a_logo_image_instead_of_text">How to insert a logo image instead of text?</a></div></li> <li class="level3"><div class="li"><a href="#css_bug_w_zoom_plugin">CSS bug w/ zoom plugin</a></div></li> <li class="level3"><div class="li"><a href="#tools_hidden_-_can_t_login">Tools hidden - can't login</a></div></li> <li class="level3"><div class="li"><a href="#backlink_for_discussion_has_wrong_page_id">Backlink for Discussion Has Wrong Page ID</a></div></li> </ul></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="starter_template">Starter Template</h1> <div class="level1"> <div class="pluginrepo_entry"><div class="usageInfo"><div class="compatibility"><p class="label">Compatible with DokuWiki</p><div class="versions"><ul><li class="">2024-02-06 "Kaos" <strong><span>unknown</span></strong></li><li class="yes">2023-04-04 "Jack Jackrum" <strong><span>yes</span></strong></li><li class="">2022-07-31 "Igor" <strong><span>unknown</span></strong></li><li class="yes">2020-07-29 "Hogfather" <strong><span>yes</span></strong></li></ul></div></div><ul class="actions"><li><a class="download" href="https://github.com/selfthinker/dokuwiki_template_starter/zipball/master">Download</a></li><li><a class="bugs" href="https://github.com/selfthinker/dokuwiki_template_starter/issues">Report bugs</a></li><li><a class="donate" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=11071728">Donate</a></li></ul><div class="clearer"></div></div><div class="mainInfo"><p class="description"><a class="media" href="/templates"><img alt="template" class="medialeft" src="/lib/plugins/pluginrepo/images/dwplugin.png" width="60" height="60" /></a> The template that gets you started</p><a href="/_media/template:starter_template.png" class="media screenshot" title="Screenshot of starter" rel="lightbox" data-url="/_media/template:starter_template.png"><img src="/_media/template:starter_template.png?w=220&tok=563c11" alt="" width="220" /></a></div><div class="metaInfo"><dl><dt>Last updated on</dt><dd>2024-01-21</dd><dt>Repository</dt><dd><a class="urlextern" href="https://github.com/selfthinker/dokuwiki_template_starter">Source</a></dd></dl></div><div class="moreInfo"><p class="similar">Similar to <a href="/template:benjamin" class="wikilink1" title="template:benjamin" data-wiki-id="template:benjamin">benjamin</a>, <a href="/template:twigstarter" class="wikilink1" title="template:twigstarter" data-wiki-id="template:twigstarter">twigstarter</a></p><p class="tags">Tagged with <a href="/template?plugintag=sidebar#extension__table" class="wikilink1" title="List all plugins with this tag">sidebar</a>, <a href="/template?plugintag=simple#extension__table" class="wikilink1" title="List all plugins with this tag">simple</a>, <a href="/template?plugintag=start#extension__table" class="wikilink1" title="List all plugins with this tag">start</a></p></div><div class="authorInfo"><strong>By <a href="mailto:anika%20%5Bat%5D%20selfthinker%20%5Bdot%5D%20org" class="mail" title="anika [at] selfthinker [dot] org">Anika Henke</a></strong><ul><li><a href="/plugin:abc" class="wikilink1" title="plugin:abc" data-wiki-id="plugin:abc">abc</a></li> <li><a href="/plugin:ipa" class="wikilink1" title="plugin:ipa" data-wiki-id="plugin:ipa">ipa</a></li> <li><a href="/plugin:blockquote" class="wikilink1" title="plugin:blockquote" data-wiki-id="plugin:blockquote">blockquote</a></li> <li><a href="/plugin:loadskin" class="wikilink1" title="plugin:loadskin" data-wiki-id="plugin:loadskin">loadskin</a></li> <li><a href="/plugin:purplenumbers" class="wikilink1" title="plugin:purplenumbers" data-wiki-id="plugin:purplenumbers">purplenumbers</a></li> <li><a href="/plugin:wrap" class="wikilink1" title="plugin:wrap" data-wiki-id="plugin:wrap">wrap</a></li> <li><a href="/plugin:wikipediasnippet" class="wikilink1" title="plugin:wikipediasnippet" data-wiki-id="plugin:wikipediasnippet">wikipediasnippet</a></li> <li><a href="/template:ach" class="wikilink1" title="template:ach" data-wiki-id="template:ach">ach</a></li> <li><a href="/plugin:unformattedcode" class="wikilink1" title="plugin:unformattedcode" data-wiki-id="plugin:unformattedcode">unformattedcode</a></li> <li><a href="/plugin:fontface" class="wikilink1" title="plugin:fontface" data-wiki-id="plugin:fontface">fontface</a></li> <li>and 6 more</li></ul></div></div> <p> The <strong>Starter Template</strong> is designed to be the starting point of your custom template. It has a lot of inline comments in the code which should explain many things. It focuses less on design, but more on maintainability. </p> <p> It is done in a way which lets you worry less about DokuWiki's core styles. Instead you only need to care about the five main styles: </p> <ul> <li class="level1"><div class="li"> <code>basic.css</code>: You probably only want to touch this if you'd like to change general font sizes and font stacks.</div> </li> <li class="level1"><div class="li"> <code>structure.css</code>: You probably only want to touch this if you'd like to change the general structure of the site (to 3 columns or have different widths or make everything fluid or switch the sidebar to the right, etc).</div> </li> <li class="level1"><div class="li"> <strong><code>design.css</code></strong>: Here you can style all the bits that surround the page content.</div> </li> <li class="level1"><div class="li"> <strong><code>content.css</code></strong>: Here you can style all of the page content.</div> </li> <li class="level1"><div class="li"> <strong><code>mobile.css</code></strong>: Here you can style all of the changes for mobile devices and smaller screens.</div> </li> </ul> <p> You can find further advice on <a href="http://blog.andreas-haerter.com/2011/03/16/how-to-create-a-maintainable-dokuwiki-template" class="urlextern" title="http://blog.andreas-haerter.com/2011/03/16/how-to-create-a-maintainable-dokuwiki-template">How to create an easily maintainable DokuWiki template</a> written by Andreas Haerter (based on a former blog post by Michael Klier). </p> <p> Refer to <a href="/devel:templates" class="wikilink1" title="devel:templates" data-wiki-id="devel:templates">Template Development documentation</a> for general information. </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Starter Template] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="starter_template" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-2095" /><button type="submit" title="Starter Template">Edit</button></div></form></div> <h2 class="sectionedit2" id="download_and_install">Download and Install</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> For DokuWiki version 2014-05-05 (Ponder Stibbons) and later: Use the extension manager to install this template.</div> </li> <li class="level1"><div class="li"> For Binky or Weatherwax: You can <a href="/_media/template:dokuwiki_template_starter.zip" class="media mediafile mf_zip" title="template:dokuwiki_template_starter.zip (71.6 KB)">download an older version</a>.</div> </li> <li class="level1"><div class="li"> If you're interested in a more stripped down version of the template, you can use the <a href="https://github.com/selfthinker/dokuwiki_template_starter/tree/minimal" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/tree/minimal">"minimal" branch</a>. That version hardly uses any <abbr title="Cascading Style Sheets">CSS</abbr> at all and doesn't include any additional functionalities.</div> </li> </ul> <p> Refer to <a href="/template" class="wikilink1" title="template" data-wiki-id="template">template</a> on how to install and use templates in DokuWiki. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Download and Install] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="download_and_install" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2096-2703" /><button type="submit" title="Download and Install">Edit</button></div></form></div> <h2 class="sectionedit3" id="configuration">Configuration</h2> <div class="level2"> <p> These are in <em>[theme root]/starter/conf/default.php</em>. It can be changed from the Configuration panel. </p> <div class="table sectionedit4"><table class="inline"> <thead> <tr class="row0"> <th class="col0 leftalign">config option </th><th class="col1 leftalign">description </th><th class="col2 leftalign">default value </th> </tr> </thead> <tr class="row1"> <th class="col0 leftalign"> <code>hideTools</code> </th><td class="col1 leftalign"> hide editing and other tools when not logged in </td><td class="col2 leftalign"> <code>0</code> </td> </tr> <tr class="row2"> <th class="col0 leftalign"> <code>sidebarIsNav</code> </th><td class="col1"> use a <code>nav</code> element around the sidebar if it's mainly used for navigation, otherwise use an <code>aside</code> element (new since version 2021-01-25) </td><td class="col2 leftalign"> <code>1</code> </td> </tr> </table></div> <div class="secedit editbutton_table editbutton_4"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Table] " /><input type="hidden" name="target" value="table" /><input type="hidden" name="hid" value="table" /><input type="hidden" name="range" value="2837-3245" /><button type="submit" title="Table">Edit</button></div></form></div> <p> Config options in previous versions (removed in version 2021-01-25): </p> <ul> <li class="level1"><div class="li"> <code>discussionPage</code>: Discussion page functionality was removed and can be replaced by using the <a href="/plugin:talkpage" class="wikilink1" title="plugin:talkpage" data-wiki-id="plugin:talkpage">Talkpage Plugin</a>; just change the <code>talkns</code> option from 'talk' to 'discussion' to use the same namespace as before</div> </li> <li class="level1"><div class="li"> <code>userPage</code>: User page functionality was removed and can be replaced by using the <a href="/plugin:userpage" class="wikilink1" title="plugin:userpage" data-wiki-id="plugin:userpage">Userpage Plugin</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Configuration] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="configuration" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2704-3677" /><button type="submit" title="Configuration">Edit</button></div></form></div> <h2 class="sectionedit5" id="more_info">More Info</h2> <div class="level2"> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[More Info] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="more_info" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="3678-3701" /><button type="submit" title="More Info">Edit</button></div></form></div> <h3 class="sectionedit6" id="credits">Credits</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Thanks to <a href="https://forum.dokuwiki.org/u/andi" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/andi">Andreas Gohr</a> for general advice.</div> </li> <li class="level1"><div class="li"> Thanks to <a href="mailto:clarencedglee%20%5Bat%5D%20gmail%20%5Bdot%5D%20com" class="mail" title="clarencedglee [at] gmail [dot] com">Clarence Lee</a> for his design advice, especially concerning typography.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Credits] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="credits" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="3702-3895" /><button type="submit" title="Credits">Edit</button></div></form></div> <h3 class="sectionedit7" id="changes">Changes</h3> <div class="level3"> <p> If you are a template author using this template as a base for your own, you might want to check out the <a href="/template:starter:changes" class="wikilink1" title="template:starter:changes" data-wiki-id="template:starter:changes">list of detailed changes</a>. </p> <ul class="rss"><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/57b339e521e7fd993890289cf748e753763b2674" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/57b339e521e7fd993890289cf748e753763b2674">version 2024-01-21</a> (2024-01-21 14:12)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/4ead9a0fff1adf0c9e8a1026e6c12426c072b71c" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/4ead9a0fff1adf0c9e8a1026e6c12426c072b71c">treat inline SVGs the same way as other IMGs in CSS</a> (2024-01-21 14:12)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/4fd4824ec2655bbc5420cf392feb9b800833ef69" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/4fd4824ec2655bbc5420cf392feb9b800833ef69">adjust extensions for changed stylesheets from core in style.ini</a> (2024-01-21 14:11)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/b585e7d2c5e2f7a7f808f139e4e269c9b6ff1707" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/b585e7d2c5e2f7a7f808f139e4e269c9b6ff1707">version 2021-01-25</a> (2021-01-25 15:15)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/19699effcd29c23cb2cc309f62180e860af90efd" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/19699effcd29c23cb2cc309f62180e860af90efd">Hide background images from menu items inserted via plugins</a> (2021-01-25 15:12)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/166d431fde727d39bcce802e1c3428f876d0c701" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/166d431fde727d39bcce802e1c3428f876d0c701">Add semantic section elements and config if sidebar is nav or not</a> (2021-01-25 15:11)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/2a7be3141b3f6699f5a2ac1cebb4132567342d12" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/2a7be3141b3f6699f5a2ac1cebb4132567342d12">Add mobile menu (but commented out)</a> (2021-01-25 07:33)</div></li><li><div class="li"><a href="https://github.com/selfthinker/dokuwiki_template_starter/commit/bd2f980c16027e28b4b53d18d716ae42f84604b2" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/commit/bd2f980c16027e28b4b53d18d716ae42f84604b2">Implement new menu system (fixes #14)</a> (2021-01-25 07:31)</div></li></ul> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Changes] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="changes" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="3896-4168" /><button type="submit" title="Changes">Edit</button></div></form></div> <h3 class="sectionedit8" id="demo">Demo</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> <a href="http://demo.selfthinker.org/" class="urlextern" title="http://demo.selfthinker.org/">http://demo.selfthinker.org/</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Demo] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="demo" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="4169-4218" /><button type="submit" title="Demo">Edit</button></div></form></div> <h2 class="sectionedit9" id="templates_based_on_starter">Templates based on Starter</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="/template:dokuwiki" class="wikilink1" title="template:dokuwiki" data-wiki-id="template:dokuwiki">the new default template since Adora Belle</a></div> </li> <li class="level1"><div class="li"> <a href="/template:ach" class="wikilink1" title="template:ach" data-wiki-id="template:ach">ACH</a></div> </li> <li class="level1"><div class="li"> <a href="/template:monobook" class="wikilink1" title="template:monobook" data-wiki-id="template:monobook">monobook</a> (the DokuWiki <abbr title="Cascading Style Sheets">CSS</abbr> parts)</div> </li> <li class="level1"><div class="li"> <a href="/template:vector" class="wikilink1" title="template:vector" data-wiki-id="template:vector">vector</a> (the DokuWiki <abbr title="Cascading Style Sheets">CSS</abbr> parts)</div> </li> <li class="level1"><div class="li"> <a href="/template:taratasy" class="wikilink1" title="template:taratasy" data-wiki-id="template:taratasy">Taratasy</a></div> </li> <li class="level1"><div class="li"> <a href="/template:apricot" class="wikilink1" title="template:apricot" data-wiki-id="template:apricot">Apricot</a></div> </li> <li class="level1"><div class="li"> <a href="/template:scanlines" class="wikilink1" title="template:scanlines" data-wiki-id="template:scanlines">Scanlines</a></div> </li> <li class="level1"><div class="li"> <a href="/template:writers" class="wikilink1" title="template:writers" data-wiki-id="template:writers">Writer's</a></div> </li> <li class="level1"><div class="li"> <a href="/template:zenlike" class="wikilink1" title="template:zenlike" data-wiki-id="template:zenlike">Zenlike</a></div> </li> <li class="level1"><div class="li"> <a href="/template:benjamin" class="wikilink1" title="template:benjamin" data-wiki-id="template:benjamin">Benjamin</a></div> </li> <li class="level1"><div class="li"> <a href="/template:stm" class="wikilink1" title="template:stm" data-wiki-id="template:stm">STM</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Templates based on Starter] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="templates_based_on_starter" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="4219-4573" /><button type="submit" title="Templates based on Starter">Edit</button></div></form></div> <h2 class="sectionedit10" id="comments">Comments</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> clear and useful！ great！</div> </li> <li class="level1"><div class="li"> thank you, this template is very clean and useful for most cases! love this :)</div> </li> <li class="level1"><div class="li"> Very nice stuff.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Comments] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="comments" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="4574-4733" /><button type="submit" title="Comments">Edit</button></div></form></div> <h3 class="sectionedit11" id="how_to_translate_this_theme">How to translate this theme?</h3> <div class="level3"> <p> There are three files to translate: </p> <ul> <li class="level1"><div class="li"> <a href="https://github.com/selfthinker/dokuwiki_template_starter/blob/master/lang/en/lang.php" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/blob/master/lang/en/lang.php">lang/en/lang.php</a> is for everything you see on the frontend (although the “accessibility headlines” are hidden for most users) plus descriptions for style.ini placeholders which the <a href="/plugin:styling" class="wikilink1" title="plugin:styling" data-wiki-id="plugin:styling">Styling</a> plugin in the admin section uses. This file is the most important to translate.</div> </li> <li class="level1"><div class="li"> <a href="https://github.com/selfthinker/dokuwiki_template_starter/blob/master/lang/en/settings.php" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/blob/master/lang/en/settings.php">lang/en/settings.php</a> is for the configuration admin. This file is not as important as the other, as it will only be seen by the admin(s).</div> </li> <li class="level1"><div class="li"> <a href="https://github.com/selfthinker/dokuwiki_template_starter/blob/master/lang/en/style.txt" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/blob/master/lang/en/style.txt">lang/en/style.txt</a> is for extra information about configuration of the template displayed under the form of the <a href="/plugin:styling" class="wikilink1" title="plugin:styling" data-wiki-id="plugin:styling">Styling</a> plugin in the admin section.</div> </li> </ul> <p> You can either send me language files to update by email or post them here or in the <a href="https://github.com/selfthinker/dokuwiki_template_starter/issues" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/issues">bugtracker</a>. Please have a look at the <a href="https://github.com/selfthinker/dokuwiki_template_starter/tree/master/lang" class="urlextern" title="https://github.com/selfthinker/dokuwiki_template_starter/tree/master/lang">available translations</a> first. </p> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[How to translate this theme?] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="how_to_translate_this_theme" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="4734-5974" /><button type="submit" title="How to translate this theme?">Edit</button></div></form></div> <h3 class="sectionedit12" id="how_to_insert_a_logo_image_instead_of_text">How to insert a logo image instead of text?</h3> <div class="level3"> <p> Open the template's <code>main.php</code> and search for “logo”. It's explained in there. </p> </div> <div class="secedit editbutton_section editbutton_12"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[How to insert a logo image instead of text?] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="how_to_insert_a_logo_image_instead_of_text" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="5975-6111" /><button type="submit" title="How to insert a logo image instead of text?">Edit</button></div></form></div> <h3 class="sectionedit13" id="css_bug_w_zoom_plugin">CSS bug w/ zoom plugin</h3> <div class="level3"> <p> An image included with the zoom plugin will scroll over the footer and hide it </p> <blockquote><div class="no"> I cannot reproduce this. Do you have any more specific information? (Browser, other installed plugins, etc?) — <a href="https://forum.dokuwiki.org/u/ach" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/ach">Anika Henke</a> <em>2011/05/02 16:45</em></div></blockquote> </div> <div class="secedit editbutton_section editbutton_13"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[CSS bug w/ zoom plugin] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="css_bug_w_zoom_plugin" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6112-6387" /><button type="submit" title="CSS bug w/ zoom plugin">Edit</button></div></form></div> <h3 class="sectionedit14" id="tools_hidden_-_can_t_login">Tools hidden - can't login</h3> <div class="level3"> <p> In the template config, I selected «<em>hide editing and other tools when not logged in</em>» and then I logged out. But now I can't log in as there is no «Login» button/link showing. </p> <p> Am I missing something? — <em>Nactus 2011-11-10</em> </p> <blockquote><div class="no"> You probably need to save/remember the login <abbr title="Uniform Resource Locator">URL</abbr> (you can get it just by adding <em><code>?do=login</code></em> to any DokuWiki <abbr title="Uniform Resource Locator">URL</abbr>). In fact I use the following <a href="https://en.wikipedia.org/wiki/bookmarklet" class="interwiki iw_wp" title="https://en.wikipedia.org/wiki/bookmarklet">bookmarklet</a>:<br/> <pre class="code javascript">javascript<span class="sy0">:</span>window.<span class="me1">location</span><span class="sy0">=</span>window.<span class="me1">location</span><span class="sy0">+</span><span class="st0">"?do=login"</span></pre> <p> (I'm assuming the use of <a href="https://www.dokuwiki.org/Rewrite" class="interwiki iw_doku" title="https://www.dokuwiki.org/Rewrite">webserver rewriting</a>) —<a href="https://forum.dokuwiki.org/u/atnbueno" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/atnbueno">Antonio Bueno</a> <em>2011/11/11 21:40</em> </p> <blockquote><div class="no"> That sounds like a good idea! Thanks — <em>Nactus 2011-11-13</em></div></blockquote> </div></blockquote> </div> <div class="secedit editbutton_section editbutton_14"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Tools hidden - can't login] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="tools_hidden_-_can_t_login" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6388-7093" /><button type="submit" title="Tools hidden - can't login">Edit</button></div></form></div> <h3 class="sectionedit15" id="backlink_for_discussion_has_wrong_page_id">Backlink for Discussion Has Wrong Page ID</h3> <div class="level3"> <p> in line 31 of tpl_functions </p> <pre class="code">tpl_pagelink($backID, $backTitle); </pre> <p> returns </p> <pre class="code">discussion:home</pre> <p> for the page ID when the link is built. The issue is not with the _tpl_discussion function as replacing <em>$backID</em> with <em>'home'</em> produces the same problem. </p> <p> A fix is: </p> <pre class="code">tpl_pagelink(':'.$backID, $backTitle);</pre> <blockquote><div class="no"> Thanks. That's fixed since today's release. — <a href="https://forum.dokuwiki.org/u/ach" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/ach">Anika Henke</a> <em>2014-05-19 03:24</em></div></blockquote> </div> <div class="secedit editbutton_section editbutton_15"><form class="button btn_secedit" method="post" action="/template:starter"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1705843269" /><input type="hidden" name="summary" value="[Backlink for Discussion Has Wrong Page ID] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="backlink_for_discussion_has_wrong_page_id" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="7094-" /><button type="submit" title="Backlink for Discussion Has Wrong Page ID">Edit</button></div></form></div>  </div> <div class="docInfo"><bdi>template/starter.txt</bdi> · Last modified: <time datetime="2024-01-21T14:21:09+0100">2024-01-21 14:21</time> by <bdi>ach</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Page Tools</h3> <div class="tools"> <ul> <li class="edit"><a href="/template:starter?do=edit" title="Edit this page [e]" rel="nofollow" accesskey="e"><span>Edit this page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/template:starter?do=revisions" title="Old revisions [o]" rel="nofollow" accesskey="o"><span>Old revisions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/template:starter?do=backlink" title="Backlinks" rel="nofollow"><span>Backlinks</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Back to top [t]" rel="nofollow" accesskey="t"><span>Back to top</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Except where otherwise noted, content on this wiki is licensed under the following license: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=template%3Astarter&1743355161" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>