Difference between revisions of "How to Use HelpWiki Page Layouts"

From Help Wiki
Line 66: Line 66:
 
|Title2='''Two Column/Sidebar'''  
 
|Title2='''Two Column/Sidebar'''  
 
|Content2=  
 
|Content2=  
[[File:Screen Shot 2017-08-22 at 2.52.41 PM.png|150px|thumbnail|none|Two Column/Sidebar Template]]
+
<pre>
 +
__NOTOC__
 +
{{TwoColumn|lead=
 +
Succinct description of what this page is about. Could be two lines worth but shorter is better.
 +
|content=
 +
===Page Content===
 +
====Task heading (optional)====
 +
#
 +
#
 +
#
 +
#
 +
|sidebar=
 +
====Sidebar information====
 +
*Links to related content
 +
 
 +
----
 +
====Pages that utilize this template====
 +
*[[New_student_first_time_login_(activation)|New student first time login (activation)]]
 +
*[[Class_List_Overview|Class List Overview]]
 +
*[[Getting_Started_with_Email|Getting Started With Email ]]
 +
 
 +
----
 +
{{GetHelp}}
 +
 
 +
}}
 +
</pre>
 
*Two Column is the official name of the template that is used within the syntax, but it is also refered to as sidebar becuase it is preformated to include a sidebar  
 
*Two Column is the official name of the template that is used within the syntax, but it is also refered to as sidebar becuase it is preformated to include a sidebar  
 
*
 
*

Revision as of 17:57, 22 August 2017


How to Use Page Layouts to Design your Help Wiki Page.


Page Layouts Using Templates

  • Templates allow the user to format pages into preexisting layouts without needing to know HTML.

How to set up a template

  • There are two steps to utilize templates when creating pages in the Evergreen HelpWiki
Step One: Copy and paste template syntax.
  1. Navigate from the home page to the category Web Publishing and click Wiki Admin
  2. From the Wiki Admin catagory, click on the subcategory Page Layouts
  3. Select the page that utilizes the template you want to use for your page
  4. From the template page navigate to the ... icon and select edit source
  5. Highlight the syntax in the editing box included in the curly brackets
Links to templates you can use
Where to click to find the Edit Source button
Copy and paste the text in red to utilize templates in your page
Step Two: Utilize the template to format your page
  1. Navigate back to your page and select Edit Source
  2. Paste the syntax you copied from the template example page into the editing box for your page
  3. Follow the instructions included in the syntax in order to fill in the template with your content


You can contact Academic technologies if you need any help creating a MediaWiki page

Editing pages built using templates

Pages using layout template cannot be edited via visual editor. To enable Visual Editor editing, you'll want to convert your page from template format to HTML using the subst command.

  • input subst: right before the start of the template and save the page.
  • The template syntax will be replaced by the html layout tags


Syntax to flatten TwoColumn template would look like

{{subst:TwoColumn ...
}}

When To Use a Template

Basic

__NOTOC__
{{Basic
|lead=
Lead text / brief overview of the page content. 
|content=
===Page Content===
====Task heading (optional)====
#
#
#
#
}}
  • The basic template can be utilized on pages that you want to keep relativly unformatted
  • The template includes formatting for imputing a block of content but does not include formatting for adding a sidebar or more than one section for content.
  • If you want to add additional styling to the page see Help:Templates- MediaWiki or Help:Magic words - Media Wiki

Two Column/Sidebar

__NOTOC__
{{TwoColumn|lead= 
Succinct description of what this page is about. Could be two lines worth but shorter is better.
|content=
===Page Content===
====Task heading (optional)====
#
#
#
#
|sidebar=
====Sidebar information====
*Links to related content

----
====Pages that utilize this template====
*[[New_student_first_time_login_(activation)|New student first time login (activation)]]
*[[Class_List_Overview|Class List Overview]]
*[[Getting_Started_with_Email|Getting Started With Email ]]

----
{{GetHelp}}

}}
  • Two Column is the official name of the template that is used within the syntax, but it is also refered to as sidebar becuase it is preformated to include a sidebar

Landing

Landing page 1st half
Sidebar Template 2nd half


More About Page Layouts

The default Evergreen MediaWiki skin (Chameleon) is a bootstrap-based skin. Understanding the Bootstrap 3.0 classes available for grid-based page layouts could help you better understand how the pages are structured.
https://helpwiki.evergreen.edu/wiki/index.php?title=How_to_Use_HelpWiki_Page_Layouts&diff=next&oldid=35210&printable=yes
helpwiki.evergreen.edu
crawl=CC-MAIN-2022-21
32754
application/http; msgtype=response
sha1:L6CECFOB6HJN3TICA2N4TUSWXXMEDP4R
<urn:uuid:e81da8cb-1a58-4071-8385-44a28e277a30>
2022-05-27T15:24:34Z
192.211.26.62
text/html
sha1:NTHWUYQCCAC4O2LS4MYFSZXXVXW2C375
<urn:uuid:81ae0042-9d87-4e9c-b00b-3be1d1af21cb>
https://helpwiki.evergreen.edu/wiki/index.php?title=How_to_Use_HelpWiki_Page_Layouts&diff=next&oldid=35210&printable=yes
response
<urn:uuid:8cf71026-185a-4306-8379-2914b277afb8>
isPartOf: CC-MAIN-2022-21
publisher: Common Crawl
description: Wide crawl of the web for May 2022
operator: Common Crawl Admin (info@commoncrawl.org)
hostname: ip-10-67-67-209
software: Apache Nutch 1.18 (modified, https://github.com/commoncrawl/nutch/)
robots: checked via crawler-commons 1.3-SNAPSHOT (https://github.com/crawler-commons/crawler-commons)
format: WARC File Format 1.1
conformsTo: https://iipc.github.io/warc-specifications/specifications/warc-format/warc-1.1/