<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>First Time User - DND 5th Edition</title>
    
    
    
    <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script>
    <script  type="text/javascript">
        var URL_HOST = 'www.wikidot.com';
        var URL_DOMAIN = 'wikidot.com';
        var USE_SSL =  true ;
        var URL_STATIC = 'https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327';
        // global request information
        
        var WIKIREQUEST = {};
        WIKIREQUEST.info = {};
        
        WIKIREQUEST.info.domain = "dnd5e.wikidot.com";
        WIKIREQUEST.info.siteId = 1475899;
        WIKIREQUEST.info.siteUnixName = "dnd5e";
        WIKIREQUEST.info.categoryId = 11887291;
        WIKIREQUEST.info.themeId = 2386862;
        WIKIREQUEST.info.requestPageName = "help:first-time-user";
        OZONE.request.timestamp = 1755515703;
        OZONE.request.date = new Date();
        WIKIREQUEST.info.lang = 'en';
                WIKIREQUEST.info.pageUnixName = "help:first-time-user";
        WIKIREQUEST.info.pageId = 48865953;
                        WIKIREQUEST.info.lang = "en";
        OZONE.lang = "en";
        var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    </script>
    
    


    
        <script  type="text/javascript">
    
        require.config({
            baseUrl: URL_STATIC + '/common--javascript',
            paths: {
                'jquery.ui': 'jquery-ui.min',
                'jquery.form': 'jquery.form'
            }
        });
    
    </script>
    
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
            
    
    
    
    
    <meta http-equiv="content-language" content="en"/>
    <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script>
            <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.2.0/bootstrap.min.js"></script>
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
             <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        
        <link href="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--fonts/awesome/3.2.1/font-awesome.min.css" rel="stylesheet">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
    
    <style type="text/css" id="internal-style">
        
        /* modules */
        
                /* bootstrap */
            @import url(https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.2.0/bootstrap.min.css);
                
        /* theme */
                    @import url(https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/bootstrap-base/css/style.css);
                    @import url(https://dnd5e.wdfiles.com/local--theme/standard-yellow/style.css);
            </style>
    
            <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        
        
    <link rel="shortcut icon" href="/local--favicon/favicon.gif"/>
    <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/>
    
            <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" />
        
        
            <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/>
    
        <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-18234656-1']);
        _gaq.push(['_setDomainName', 'none']);
        _gaq.push(['_setAllowLinker', true]);
        _gaq.push(['_trackPageview']);

        _gaq.push(['old._setAccount', 'UA-68540-5']);
        _gaq.push(['old._setDomainName', 'none']);
        _gaq.push(['old._setAllowLinker', true]);
        _gaq.push(['old._trackPageview']);

            </script>
    
    <script type="text/javascript">
        window.google_analytics_uacct = 'UA-18234656-1';
        window.google_analytics_domain_name = 'none';
    </script>
    
        <link rel="manifest" href="/onesignal/manifest.json" />
    <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script>
    <script>
        var OneSignal = window.OneSignal || [];
        OneSignal.push(function() {
          OneSignal.init({
            appId: null,
          });
        });
    </script>
        
<style>
.admins-only, li.admins-only{  display: none; }
</style>
<script data-cfasync="false">window.nitroAds=window.nitroAds||{createAd:function(){return new Promise(e=>{window.nitroAds.queue.push(["createAd",arguments,e])})},addUserToken:function(){window.nitroAds.queue.push(["addUserToken",arguments])},queue:[]};</script>
<script data-cfasync="false" async src="https://s.nitropay.com/ads-143.js"></script>
<style>
.image-box .col-md-12{
    padding: 0;
    float: none;
}
.image-box{
    border-radius: 6px;
    padding: 6px;
    border: 1px solid #E7E7E7;
    background: #FFF;
    margin: 1.25em;
}
.image-box *{  overflow: hidden; }
.image-box.image-box-middle,
.image-box.image-box-left,
.image-box.image-box-right{  margin: 4px auto; }
.image-box.image-box-left.force-float-true{
    margin: 4px 10px 4px 0;
    float: left;
}
.image-box.image-box-right.force-float-true{
    margin: 4px 0 4px 10px;
    float: right;
}
.image-box .image-box-heading{
    color: #777;
    background-color: #F2F2F2;
    text-align: center;
    letter-spacing: .5px;
    font-size: 110%;
    padding: .25em 1em;
    border-radius: 6px 6px 2px 2px;
    margin: 0 0 4px 0;
}
.image-box .image-box-heading p{  margin: 0; }
.image-box .image-box-image{  margin: 0; }
.image-box .image-box-image p{  margin: 0; }
.image-box .image-box-image img{  margin: 0 auto; }
.image-box .image-box-link{
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    display: block;
    width: 100%;
    transition: border-color 256ms linear;
    -moz-transition: border-color 256ms linear;
    -webkit-transition: border-color 256ms linear;
    -o-transition: border-color 256ms linear;
}
.image-box .image-box-link:hover{
    border-color: rgba(66, 139, 202, 1);
    text-decoration: none;
}
.image-box .image-box-link[href=none]{  pointer-events: none; }
.image-box .image-box-caption{
    font-size: 80%;
    color: #999;
    text-align: center;
    margin: 4px 0 0 0;
}
.image-box .image-box-caption p:last-child{  margin: 0; }
.image-box.image-box-primary{  border-color: #D9E8F4; }
.image-box.image-box-primary .image-box-heading{
    background-color: #428BCA;
    color: #FFF;
}
.image-box.image-box-primary .image-box-caption{  color: #428BCA; }
.image-box.image-box-info{  border-color: #DEF2F8; }
.image-box.image-box-info .image-box-heading{
    background-color: #5BC0DE;
    color: #FFF;
}
.image-box.image-box-info .image-box-link:hover{  border-color: #46B8DA; }
.image-box.image-box-info .image-box-caption{  color: #5BC0DE; }
.image-box.image-box-success{  border-color: #DEF1DE; }
.image-box.image-box-success .image-box-heading{
    background-color: #5CB85C;
    color: #FFF;
}
.image-box.image-box-success .image-box-link:hover{  border-color: #4CAE4C; }
.image-box.image-box-success .image-box-caption{  color: #5CB85C; }
.image-box.image-box-danger{  border-color: #F7DDDC; }
.image-box.image-box-danger .image-box-heading{
    background-color: #D9534F;
    color: #FFF;
}
.image-box.image-box-danger .image-box-link:hover{  border-color: #D43F3A; }
.image-box.image-box-danger .image-box-caption{  color: #D9534F; }
.image-box.image-box-warning{  border-color: #FCEFDC; }
.image-box.image-box-warning .image-box-heading{
    background-color: #F0AD4E;
    color: #FFF;
}
.image-box.image-box-warning .image-box-link:hover{  border-color: #EEA236; }
.image-box.image-box-warning .image-box-caption{  color: #F0AD4E; }

@media(min-width: 992px){
    .image-box{  width: auto; }
    .image-box.image-box-left{
        margin: 4px 10px 4px 0;
        float: left;
        clear: left;
    }
    .image-box.image-box-right{
        margin: 4px 0 4px 10px;
        float: right;
        clear: right;
    }
}
</style>
<style>
.image-box .col-md-12{
    padding: 0;
    float: none;
}
.image-box{
    border-radius: 6px;
    padding: 6px;
    border: 1px solid #E7E7E7;
    background: #FFF;
    margin: 1.25em;
}
.image-box *{  overflow: hidden; }
.image-box.image-box-middle,
.image-box.image-box-left,
.image-box.image-box-right{  margin: 4px auto; }
.image-box.image-box-left.force-float-true{
    margin: 4px 10px 4px 0;
    float: left;
}
.image-box.image-box-right.force-float-true{
    margin: 4px 0 4px 10px;
    float: right;
}
.image-box .image-box-heading{
    color: #777;
    background-color: #F2F2F2;
    text-align: center;
    letter-spacing: .5px;
    font-size: 110%;
    padding: .25em 1em;
    border-radius: 6px 6px 2px 2px;
    margin: 0 0 4px 0;
}
.image-box .image-box-heading p{  margin: 0; }
.image-box .image-box-image{  margin: 0; }
.image-box .image-box-image p{  margin: 0; }
.image-box .image-box-image img{  margin: 0 auto; }
.image-box .image-box-link{
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    display: block;
    width: 100%;
    transition: border-color 256ms linear;
    -moz-transition: border-color 256ms linear;
    -webkit-transition: border-color 256ms linear;
    -o-transition: border-color 256ms linear;
}
.image-box .image-box-link:hover{
    border-color: rgba(66, 139, 202, 1);
    text-decoration: none;
}
.image-box .image-box-link[href=none]{  pointer-events: none; }
.image-box .image-box-caption{
    font-size: 80%;
    color: #999;
    text-align: center;
    margin: 4px 0 0 0;
}
.image-box .image-box-caption p:last-child{  margin: 0; }
.image-box.image-box-primary{  border-color: #D9E8F4; }
.image-box.image-box-primary .image-box-heading{
    background-color: #428BCA;
    color: #FFF;
}
.image-box.image-box-primary .image-box-caption{  color: #428BCA; }
.image-box.image-box-info{  border-color: #DEF2F8; }
.image-box.image-box-info .image-box-heading{
    background-color: #5BC0DE;
    color: #FFF;
}
.image-box.image-box-info .image-box-link:hover{  border-color: #46B8DA; }
.image-box.image-box-info .image-box-caption{  color: #5BC0DE; }
.image-box.image-box-success{  border-color: #DEF1DE; }
.image-box.image-box-success .image-box-heading{
    background-color: #5CB85C;
    color: #FFF;
}
.image-box.image-box-success .image-box-link:hover{  border-color: #4CAE4C; }
.image-box.image-box-success .image-box-caption{  color: #5CB85C; }
.image-box.image-box-danger{  border-color: #F7DDDC; }
.image-box.image-box-danger .image-box-heading{
    background-color: #D9534F;
    color: #FFF;
}
.image-box.image-box-danger .image-box-link:hover{  border-color: #D43F3A; }
.image-box.image-box-danger .image-box-caption{  color: #D9534F; }
.image-box.image-box-warning{  border-color: #FCEFDC; }
.image-box.image-box-warning .image-box-heading{
    background-color: #F0AD4E;
    color: #FFF;
}
.image-box.image-box-warning .image-box-link:hover{  border-color: #EEA236; }
.image-box.image-box-warning .image-box-caption{  color: #F0AD4E; }

@media(min-width: 992px){
    .image-box{  width: auto; }
    .image-box.image-box-left{
        margin: 4px 10px 4px 0;
        float: left;
        clear: left;
    }
    .image-box.image-box-right{
        margin: 4px 0 4px 10px;
        float: right;
        clear: right;
    }
}
</style>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--modules/js/misc/NewPageHelperModule.js"></script>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--modules/js/list/ListPagesModule.js"></script>
</head>
<body id="html-body">
<div id="skrollr-body">
<!---------------------------------------------------------
  Standard Template Layout
  Developed by the Wikidot Community
  Version: 1.01.141118
---------------------------------------------------------->
<a name="page-top"></a>

<div class="container-wrap-wrap">
<div class="container-wrap">
 
<header class="header-wrap" role="banner">
  <div class="container header">
    <div class="site-title">
      <h1><a href="/"><span>DND 5th Edition</span></a></h1>
      <h2><span>community wiki</span></h2>
    </div>
    <div class="login-status">
      <a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Create account</a> <span>or</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Sign in</a> 
    </div>
    <div id="search-top-box" class="form-search">
    <form id="search-top-box-form" action="dummy" class="input-append">
        <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Search this site" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Search"/>
    </form>
</div>
  </div>
 
  
  <nav class="top-bar-wrap navbar navbar-default" role="navigation">
    <div class="container top-bar">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-top-target">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">Home</a>
      </div>
      <div class="collapse navbar-collapse navbar-top-target">
        

<ul class="nav navbar-nav">
<li><a href="/main:about">About <span class="fa fa-info-circle"><span style="white-space: pre-wrap;">&nbsp;</span></span></a></li>
<li><a href="/system:join">Membership <span class="fa fa-user"><span style="white-space: pre-wrap;">&nbsp;</span></span></a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Help Docs <span class="fa fa-question-circle"><span style="white-space: pre-wrap;">&nbsp;</span></span></a>
<ul class="dropdown-menu">
<li><a href="/help:_home">User Guide</a></li>
<li><a href="/help:first-time-user">First Time User</a></li>
<li><a href="/help:quick-reference">Quick Reference</a></li>
<li><a href="/help:creating-pages">Creating Pages</a></li>
<li><a href="/help:editing-pages">Editing Pages</a></li>
<li><a href="/help:navigation-bars">Navigation Bars</a></li>
<li><a href="/help:using-modules">Using Modules</a></li>
<li><a href="/help:templates">Templates</a></li>
<li><a href="/help:css-themes">CSS Themes</a></li>
</ul>
</li>
<li class="dropdown admins-only"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="fa fa-cog"><span style="white-space: pre-wrap;">&nbsp;</span></span></a>
<ul class="dropdown-menu">
<li><a href="/_admin">Site Manager</a></li>
<li><a href="/nav:top">Edit Top Bar</a></li>
<li><a href="/nav:side">Edit Side Bar</a></li>
<li><a href="/css:_home">CSS Manager</a></li>
<li><a href="/system:recent-changes">Recent Changes</a></li>
<li><a href="/system:list-all-pages">List All Pages</a></li>
</ul>
</li>
</ul>



<div style="display : none;">
</div>

      </div>
    </div>
  </nav>
  
 
  <div class="header-extra-div-1"><span></span></div>
  <div class="header-extra-div-2"><span></span></div>
  <div class="header-extra-div-3"><span></span></div>
</header>
 
<main class="content-wrap" role="main">
  <div class="container content">
    <div class="row">
    
      <nav class="side-bar-wrap col-md-3">
        <div class="side-bar">
          <div class="side-bar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-side-target">
              <span>Menu</span>
            </button>
          </div>
          <div class="collapse navbar-collapse navbar-side-target">
            

<div class="text-center" style="margin-bottom: 12px;"><div class="error-block">You should be logged in to clone a site.</div></div>
<h1 ><span>Site Navigation</span></h1>
<ul>
<li><a href="/help:_home">User Guide</a></li>
<li><a href="/help:first-time-user">First Time User</a></li>
</ul>
<ul>
<li><a href="/main:about">About</a></li>
<li><a href="/main:contact">Contact</a></li>
<li><a href="/legal:_home">Legal</a></li>
<li><a href="/forum:start">Discussion Forums</a></li>
<li><a href="/system:members">Members</a></li>
</ul>
<h1 ><span>Create a Page</span></h1>

<div class="new-page-box" style="text-align: center; margin: 1em 0;">
	<form action="dummy.html" method="get" onsubmit="WIKIDOT.modules.NewPageHelperModule.listeners.create(event);">
		<input class="text" name="pageName" type="text" size="20" maxlength="128" style="margin: 1px"/>
				<input type="submit" class="button" value="New page" style="margin: 1px;"/>
																
	</form>
</div>

                    
            <!-- wikidot_below_sidebar_160x600 -->
<div id="wad-dnd5e-below-sidebar" class="wd-adunit wd-ad-np wd-adunit-below_sidebar"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-below-sidebar', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 160, 600 ] ],
  "report": {
    "enabled": true,
    "wording": "Report Ad",
    "position": "bottom-right"
  },
  "mediaQuery": "(min-width: 1000px)"
  });
</script>
        
    

            <div style="display: none"></div>
          </div>
        </div>
      </nav>
      
      <div class="main-content-wrap col-md-9">
      
        <div class="main-content">
          <div class="page-title page-header"><span>First Time User</span></div>
          <div class="breadcrumbs"><a href="/help:_home">User Guide</a> &raquo; First Time User</div>
          
        
            <!-- wikidot_top_728x90 -->
<div id="wad-dnd5e-above-content" class="wd-adunit wd-ad-np wd-adunit-above_content"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-above-content', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 728, 90 ] ],
  "report": {
    "enabled": true,
    "wording": "Report Ad",
    "position": "bottom-right"
  },
  "mediaQuery": "(min-width: 768px)"
  });
</script>
<div id="wad-dnd5e-above-content-mobile" class="wd-adunit wd-ad-np wd-adunit-above_content"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-above-content-mobile', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 320, 50 ], [320, 100] ],
  "report": {
    "enabled": true,
    "icon": true,
    "wording": "Report Ad",
    "position": "top-right"
  },
  "mediaQuery": "(min-width: 320px) and (max-width: 767px)"
  });
</script>
        
    

<div id="page-content">

<p>If this is your first time using Wikidot, then you've come to the right place. Whether you are familiar with web development or not, coming to understand Wikidot's modules or page structure will greatly aid you as you bring your website to life.</p>
<p>We want to ease the learning curve so that you can become comfortable with the interface. This tutorial will by no means cover everything Wikidot offers, but we hope it will spark a curiosity.</p>
<table style="margin:0; padding:0">
<tr>
<td style="margin:0; padding:0">
<div id="toc">
<div id="toc-action-bar"><a href="javascript:;" onclick="WIKIDOT.page.listeners.foldToc(event)">Fold</a><a style="display: none" href="javascript:;" onclick="WIKIDOT.page.listeners.unfoldToc(event)">Unfold</a></div>
<div class="title">Table of Contents</div>
<div id="toc-list">
<div style="margin-left: 1em;"><a href="#toc0">Editing Pages</a></div>
<div style="margin-left: 1em;"><a href="#toc1">Creating New Pages</a></div>
<div style="margin-left: 2em;"><a href="#toc2">Non-existent Pages</a></div>
<div style="margin-left: 2em;"><a href="#toc3">Categories</a></div>
<div style="margin-left: 1em;"><a href="#toc4">Modules</a></div>
<div style="margin-left: 1em;"><a href="#toc5">Good luck!</a></div>
</div>
</div>
</td>
</tr>
</table>
<h1 id="toc0"><span>Editing Pages</span></h1>
<p>At the bottom of every page, you should see a row of buttons. Each of these buttons corresponds to an action related to the page you are on. If you click the Edit button, it will take you into an editing window that reveals the source code of the page.</p>
<p>If you cloned this template, then try editing this page now and see if you can find a hidden paragraph under this one.</p>
<div class="alert alert-info"></div>
<p>If you did the exercise exactly as written, you will find that only part of the paragraph appears. If you understand why that is, then you're on your way to becoming a syntax expert! Go ahead and click the button below if you want clarification.</p>
<div class="collapsible-block">
<div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;">Show&nbsp;me!</a></div>
<div class="collapsible-block-unfolded" style="display:none">
<div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">Hide&nbsp;me!</a></div>
<div class="collapsible-block-content">
<div class="row">
<div class="col-md-6">
<div class="image-box image-box-middle force-float-false image-box-default" style="width: {$width}; max-width: {$max-width};">
<div class="col-md-12 image-box-heading" style="diBefore Editne;">
<p>Before Edit</p>
</div>
<div class="col-md-12 image-box-image" style="text-align: center;"><a class="image-box-link" href="http://css.wikidot.com/local--files/csi:help-first-time-user/wd_beforeEdit.png"><img src="http://css.wikidot.com/local--files/csi:help-first-time-user/wd_beforeEdit.png" title="" class="img-responsive img-rounded" alt="Image Unavailable" width="{$width}" /></a></div>
<div class="col-md-12 image-box-caption" style="diThe comment encompasses the entire passage.ne;">
<p>The comment encompasses the entire passage.</p>
</div>
<div style="display: none !important;">

</div>
</div>
</div>
<div class="col-md-6">
<div class="image-box image-box-middle force-float-false image-box-default" style="width: {$width}; max-width: {$max-width};">
<div class="col-md-12 image-box-heading" style="diAfter Editne;">
<p>After Edit</p>
</div>
<div class="col-md-12 image-box-image" style="text-align: center;"><a class="image-box-link" href="http://css.wikidot.com/local--files/csi:help-first-time-user/wd_afterEdit.png"><img src="http://css.wikidot.com/local--files/csi:help-first-time-user/wd_afterEdit.png" title="" class="img-responsive img-rounded" alt="Image Unavailable" width="{$width}" /></a></div>
<div class="col-md-12 image-box-caption" style="diThe initial comment was removed, but look! It begins again later.ne;">
<p>The initial comment was removed, but look! It begins again later.</p>
</div>
<div style="display: none !important;">

</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr />
<p>You may have noticed a toolbar when editing the page. This toolbar can assist you in creating <strong>bold</strong> and other styled texts, though you can also consult the <a href="/help:quick-reference">Quick Reference</a> as well.</p>
<p>For more on page editing, see <a href="/help:editing-pages">Editing Pages</a>.</p>
<h1 id="toc1"><span>Creating New Pages</span></h1>
<p>Perhaps the most important thing you will be doing when building your site is creating new pages. The Standard Template gives you a module located on the sidebar that allows you to create pages rather easily, though there are a couple of things you might want to know before starting.</p>
<h2 id="toc2"><span>Non-existent Pages</span></h2>
<p>Firstly, if you <strong><a class="newpage" href="/demo:create-page">click on this link</a></strong>, you will see what happens when a user attempts to visit a non-existent page. If you click where it says &quot;create page&quot;, it will bring you to an editing screen where you may place the initial contents of the page.</p>
<h2 id="toc3"><span>Categories</span></h2>
<p>Next, it is important to discuss the topic of <strong>page categories</strong>. Every page has a <em>pagename</em> and a <em>title</em>. The title is what you see on this page, whereas the pagename is what is encoded in the URL. For this page, the title is &quot;First Time User&quot;, and the pagename is &quot;help:first-time-user&quot;. Note that these need not match!</p>
<p>When you enter the name of a page into the module in the sidebar, you will create a page that, by default, has a pagename and a title that are the same. For example, if you type &quot;First Page&quot; into the form, you will get a page called &quot;First Page&quot; with a pagename &quot;first-page&quot;.</p>
<div class="alert alert-warning">
<p>Notice the difference between that newly created pagename and the pagename of this page. This page's name has a special prefix, &quot;help:&quot;. The <em>help</em> is called the page's <strong>category</strong>, and the colon separates the category from the name. The &quot;first-page&quot; page, unfortunately, does not have a category.</p>
</div>
<p>Categories are extremely useful for organizing the pages in your website. After you've been working for a year, you may find, for instance, that you have a couple hundred pages. These pages, however, may be blog posts, info pages and so on. If you don't use categories, these pages will not be distinct. You can use categories, however, to separate the kinds of pages (ie. &quot;blog:&quot; and &quot;info:&quot;).</p>
<p>A variety of Wikidot tools and modules natively account for categories, and hence it is a very good practice to get into the habit of using categories when creating pages. In order to give a page a category when using the form in the sidebar, simply put the category name followed by a colon like you see above!</p>
<p>For more info, see <a href="/help:creating-pages">Creating Pages</a></p>
<h1 id="toc4"><span>Modules</span></h1>
<p>Let's see an application of using categories with pages. Wikidot has a handy tool called the ListPages module that does what it says: lists pages. For example, let's say that you wanted to create a list of all the help pages on this site.</p>
<p>One way you could do this is by going through every page and seeing whether it is a help page or not and then manually form a bulleted list like so:</p>
<div class="row">
<div class="col-sm-6">
<ul>
<li>First Time User</li>
<li>Editing Pages</li>
<li>?????</li>
</ul>
</div>
<div class="col-sm-6">
<div class="code">
<pre>
<code>* First Time User
* Editing Pages
* ?????</code>
</pre></div>
</div>
</div>
<p>But then, you always have to ask. What if you missed one? What if you create another page in the future and forget to update the list? Even worse, what if you had many lists like this scattered throughout the site, and you had to update them all? If only there were an easier way! Well&#8230;</p>
<div class="alert alert-success">
<p>The ListPages module will automatically list pages given criteria.</p>
</div>
<p>It's automatic. All the work is done for you. You don't have to worry about missing a page because the module will find them for you. Furthermore, if you add a page latter, the output of the ListPages module will update accordingly.</p>
<p>Therefore, it is as simple as:</p>
<div class="row">
<div class="col-sm-6"><div class="list-pages-box">    

<ul>
<li>CSS Themes</li>
<li>Templates</li>
<li>Using Modules</li>
<li>Navigation Bars</li>
<li>Editing Pages</li>
<li>Creating Pages</li>
<li>First Time User</li>
<li>Quick Reference</li>
</ul>

    
    
    
    </div></div>
<div class="col-sm-6">
<div class="code">
<pre>
<code>[[module ListPages category=&quot;help&quot; separate=&quot;false&quot;]]
* %%title%%
[[/module]]</code>
</pre></div>
</div>
</div>
<p>And as you can see, all the help pages are automatically listed.</p>
<div class="alert alert-info">
<p>Note that this could only be done because all the help pages were in the &quot;help&quot; category!</p>
</div>
<p>Of course, ListPages is capable of searching for a variety of things, like date created, author, tags, and so on. Furthermore, Wikidot has multiple different modules that can make a wide range of tasks simpler. This page only gives you a taste of what is possible. For more, visit the <a href="/help:using-modules">Using Modules</a> help page and Wikidot's <a href="http://www.wikidot.com/doc-modules:start" target="_blank">Documentation</a>.</p>
<h1 id="toc5"><span>Good luck!</span></h1>
<p>Although there is much more to Wikidot, we hope that this overview gives you enough understanding to begin building your site. Be sure to consult the <a href="/help:_home">User Guide</a> for an official start up guide. Furthermore, explore the help pages below for more info about each topic.</p>
<div class="list-pages-box">    

<ul>
<li><a href="/help:creating-pages">Creating Pages</a></li>
<li><a href="/help:css-themes">CSS Themes</a></li>
<li><a href="/help:editing-pages">Editing Pages</a></li>
<li><a href="/help:first-time-user">First Time User</a></li>
<li><a href="/help:navigation-bars">Navigation Bars</a></li>
<li><a href="/help:quick-reference">Quick Reference</a></li>
<li><a href="/help:templates">Templates</a></li>
<li><a href="/help:using-modules">Using Modules</a></li>
</ul>

    
    
    
    </div>
<p>Finally, if you have any questions, do not be afraid to pose a question on the <a href="http://community.wikidot.com" target="_blank">Community Forums</a>. Wikidot experts are almost always available to help out with queries you may have.</p>
</div>




        
            <!-- floating video element -->
<div id="wad-dnd5e-floating-video" style="position: fixed; right: 0; bottom: 0;"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-floating-video', {
  "refreshTime": 30,
  "format": "floating",
  "mediaQuery": "(min-width: 1025px)"
  });
</script>
        
    


        
                        <!-- wikidot_bottom_300x250 -->
<div id="wad-dnd5e-below-content" class="wd-adunit wd-ad-np wd-adunit-below_content"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-below-content', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 300, 250 ] ],
  "report": {
    "enabled": true,
    "wording": "Report Ad",
    "position": "bottom-right"
  }
  });
</script>
                    
    


          
          <div class="page-info-break"></div>
          <div class="page-options-container"></div>
          <div id="action-area" style="display: none;"></div>
        </div>
      </div>
    </div>
  </div>
</main>
 
<footer class="footer-wrap" role="contentinfo">
  <div class="container footer">
    <div class="options" style="display: block; visibility: visible;">
    <a href="http://www.wikidot.com/doc" id="wikidot-help-button">Help</a>
    &nbsp;|
    <a href="http://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">Terms of Service</a>
    &nbsp;|
    <a href="http://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">Privacy</a>
    &nbsp;|
    <a href="javascript:;" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">Report a bug</a>
    &nbsp;|
    <a href="javascript:;" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">Flag as objectionable</a>
    <span id="consent-box" style="display:none">
        &nbsp;|
        <a href="javascript:;"  onclick="window.__cmp('showModal');">Update cookie settings</a>
    </span>

    <script>
    if (window["nitroAds"] && window["nitroAds"].loaded) {
        document.getElementById("consent-box").style.display = window["__tcfapi"] ? "" : "none";
        } else {
        document.addEventListener(
                "nitroAds.loaded",
                () =>
                (document.getElementById("consent-box").style.display = window["__tcfapi"] ? "" : "none")
                );
    }
    </script>
</div>
Powered by <a href="http://www.wikidot.com">Wikidot.com</a>
    <div class="license-area">Unless otherwise stated, the content of this page is licensed under <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a></div>
  </div>
  <div class="extrac-div-1"><span></span></div>
  <div class="extrac-div-2"><span></span></div>
  <div class="extrac-div-3"><span></span></div>
</footer>
 

</div> <!-- container-wrap -->
 
<div class="extra-div-1"><span></span></div>
<div class="extra-div-2"><span></span></div>
<div class="extra-div-3"><span></span></div>
<div class="extra-div-4"><span></span></div>
<div class="extra-div-5"><span></span></div>
<div class="extra-div-6"><span></span></div>
</div> <!-- container-wrap-wrap -->
</div>
<div id="dummy-ondomready-block" style="display: none;" ></div>
    <!-- Google Analytics load -->
    <script type="text/javascript">
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>




<div id="page-options-bottom-tips" style="display: none;">
    <div id="edit-button-hovertip">
        Click here to edit contents of this page.    </div>
</div>
<div id="page-options-bottom-2-tips"  style="display: none;">
    <div id="edit-sections-button-hovertip">
        Click here to toggle editing of individual sections of the page (if possible).         Watch headings for an &quot;edit&quot; link when available.    </div>
    <div id="edit-append-button-hovertip">
        Append content without editing the whole page source.    </div>
    <div id="history-button-hovertip">
        Check out how this page has evolved in the past.    </div>
    <div id="discuss-button-hovertip">
        If you want to discuss contents of this page - this is the easiest way to do it.    </div>
    <div id="files-button-hovertip">
        View and manage file attachments for this page.    </div>
    <div id="site-tools-button-hovertip">
        A few useful tools to manage this Site.    </div>
    <div id="backlinks-button-hovertip">
        See pages that link to and include this page.    </div>
    <div id="rename-move-button-hovertip">
        Change the name (also URL address, possibly the category) of the page.    </div>
    <div id="view-source-button-hovertip">
        View wiki source for this page without editing.    </div>
    <div id="parent-page-button-hovertip">  
        View/set parent page (used for creating breadcrumbs and structured layout).    </div>
            <div id="abuse-report-button-hovertip">
            Notify administrators if there is objectionable content in this page.        </div>
        <div id="bug-report-button-hovertip">
            Something does not work as expected? Find out what you can do.        </div>
        <div id="wikidot-help-button-hovertip">
            General Wikidot.com documentation and help section.        </div>
        <div id="wikidot-tos-button-hovertip">
            Wikidot.com Terms of Service - what you can, what you should not etc.        </div>
        <div id="wikidot-privacy-button-hovertip">
            Wikidot.com Privacy Policy.          
        </div>
    </div>
</body>
</html>