https://wiki.ubc.ca/api.php?action=feedcontributions&user=CongzheXu&feedformat=atomUBC Wiki - User contributions [en]2024-03-29T09:51:38ZUser contributionsMediaWiki 1.39.6https://wiki.ubc.ca/index.php?title=Main_Page&diff=813623Main Page2023-12-12T20:39:43Z<p>CongzheXu: Homepage update</p>
<hr />
<div><div class="wiki-clf-home"><br />
<br />
<!-- Section: Welcome to UBC Wiki --><br />
<div class="clf-section bg-dark intro"><br />
<div id="home-logo"><br />
<h2>[[File:Ubcwiki_logo_2x.png|frameless]]</h2><br />
</div><br />
<div><br />
<h1 class="color-navy-blue homepage-title">Welcome to UBC Wiki</h1><br />
<p class="lead"><h2>a shared space for UBC students, staff, and faculty </h2><br />
<h2>created by UBC students, staff, and faculty</h2><br />
</div><br />
</p><br />
</div><br />
<!-- End Section: Welcome to UBC Wiki --><br />
<br />
<!-- Section: Homepage Actions --><br />
<div class="clf-section" id="homepage-actions"><br />
<div><br />
<h2>[[UBC_Wiki:Create_a_New_Page|Create]]</h2><br />
<p>Effortlessly develop open resources, course projects, maps, quizzes, and more<br />
</p><br />
</div><br />
<div><br />
<h2>[[Help:Contributing|Collaborate]]<br />
</h2><br />
<p>Work together to foster collective writing and knowledge sharing.<br />
</div><br />
<div><br />
<h2>[[Course|Teach and Learn]]</h2><br />
<p>Use the wiki in your teaching practice to support authentic, open learning. </p><br />
</div><br />
<div><br />
<h2>[[Documentation:UBC_Content_Management_System/CLF_Theme/How_to_embed_content_from_the_UBC_Wiki|Share]]</h2><br />
<p>Embed your content across platforms, add open licenses, and spread your knowledge!</p><br />
</div><br />
</div><br />
<!-- End Section: Homepage Actions --><br />
<br />
<!-- Section: Homepage Guides --><br />
<div class="clf-section bg-dark" id="homepage-guides"><br />
<div id="whats-new"><br />
<h2>What's New</h2><br />
{{UBC Wiki:Featured article/Current}}<br />
</div><br />
<div><br />
<div id="did-you-know"><br />
<h2>Did You Know?</h2><br />
<ul><br />
<li>...that you run your [[Help:Using_the_UBC_Wiki_for_Course_Work|whole course on the wiki]]?</li><br />
<li>...that the UBC Wiki can have [[Help:Quiz|quizzes]]?</li><br />
<li>...that you can use the UBC Wiki to [[Help:Maps|create collaborative maps]]?</li><br />
</ul><br />
</div><br />
<div id="how-to-use-wiki"><br />
<h2>How To Use UBC Wiki</h2><br />
<div><small>[[UBC Wiki:About|Overview]]&nbsp;'''•''' [[Help:Contents|Help]]&nbsp;'''•'''<br />
[[Help:Formatting|Formatting]]&nbsp;'''•''' [[UBC Wiki:FAQs|Questions]]&nbsp;'''•''' [[UBC Wiki:Explore|Explore]]</small></div><br />
</div><br />
</div><br />
</div><br />
<!-- End Section: Homepage Guides --><br />
<br />
<!-- Section: Homepage Wiki Spaces --><br />
<div class="clf-section" id="homepage-wiki-spaces"><br />
<h2>Wiki Organization - Wiki Spaces </h2><br />
<div class="homepage-wiki-spaces-boxes"><br />
<div class="homepage-wiki-spaces-box"><br />
<div><br />
<h3>[[Main Space|Main]]</h3><br />
<p class="lead">The [[Main Space|root of the wiki]] is open space reserved for articles relating to UBC.<br />
It<br />
is primarily a community area for knowledge sharing about all aspects of the University.</p><br />
</div><br />
<div><br />
[[Main Space|See main space]] or create below:<br />
<inputbox><br />
type=create<br />
default=<br />
width=50<br />
editintro=Template:New Page Intro<br />
useve=true<br />
</inputbox><br />
</div><br />
</div><br />
<div class="homepage-wiki-spaces-box"><br />
<div><br />
<h3>[[Course]]</h3><br />
<p class="lead">Course-based content or activities should go into the [[Course]] space. See [[help:Using the UBC Wiki for Course Work|Using the UBC Wiki for Course Work]] for more information on how to add<br />
pages<br />
to this space.</p><br />
</div><br />
<div><br />
[[Course|See course space]]<br />
<inputbox><br />
type=create<br />
default=Course:<br />
width=30<br />
preload=Template:Course Page3<br />
editintro=Template:New Course Intro2<br />
buttonlabel=Create Page<br />
useve=yes<br />
</inputbox><br />
</div><br />
</div><br />
<div class="homepage-wiki-spaces-box"><br />
<div><br />
<h3>[[Documentation]]</h3><br />
<p class="lead">The [[Documentation| Documentation space]] is provided for documentation, support<br />
guides,<br />
technical manuals, and other similar content. Here is an<br />
[[Documentation:Faculty_Resource_Guide|example]] of how it can be used.</p><br />
</div><br />
<div><br />
[[Documentation|See documentation space]]<br />
<inputbox><br />
type=create<br />
default=Documentation:<br />
width=50<br />
editintro=Template:New Documentation Intro<br />
buttonlabel=Create Page<br />
useve=true<br />
</inputbox><br />
</div><br />
</div><br />
<div class="homepage-wiki-spaces-box"><br />
<div><br />
<h3>[[Sandbox]]</h3><br />
<p class="lead">The [[Sandbox| Sandbox]] is your notebook; it's a place to work, do projects,<br />
collaborate,<br />
experiment, or just play with the Wiki.</p><br />
</div><br />
<div><br />
[[Sandbox|See sandbox space]]<br />
<inputbox><br />
type=create<br />
default=Sandbox:<br />
width=50<br />
editintro=Template:New Sandbox Intro<br />
buttonlabel=Create Page<br />
useve=true<br />
</inputbox><br />
</div><br />
</div><br />
</div><br />
</div><br />
<!-- End Section: Homepage Wiki Spaces --><br />
<br />
</div><br />
__NOTOC__ __NOEDITSECTION__</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=MediaWiki:Common.css&diff=813622MediaWiki:Common.css2023-12-12T20:39:25Z<p>CongzheXu: </p>
<hr />
<div>/* UBC HEADER styles */<br />
<br />
#ubc7-logo, #ubc7-apom a, #ubc7-wordmark-block, #ubc7-global-utility button span, #ubc7-global-utility-no-script, #ubc7-okanagan-campus, #ubc7-vancouver-campus, #ubc7-signature a, .ubc7-carousel-control, #ubc7-ql-apom span, #ubc7-ql-mobile span, .ubc7-arrow {<br />
background-image: url(https://cdn.ubc.ca/clf/7.0.4/img/ubc7-clf-sprite-blue.png);<br />
background-repeat: no-repeat;<br />
}<br />
<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.127659574468085%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid:after {<br />
clear: both;<br />
}<br />
.row-fluid:before, .row-fluid:after {<br />
display: table;<br />
line-height: 0;<br />
content: "";<br />
}<br />
[class*="span"] {<br />
float: left;<br />
min-height: 1px;<br />
margin-left: 20px;<br />
}<br />
.row-fluid [class*="span"]:first-child {<br />
margin-left: 0;<br />
}<br />
.row-fluid .span1 {<br />
width: 6.382978723404255%;<br />
overflow: hidden;<br />
}<br />
.row-fluid .span2 {<br />
width: 14.893617021276595%;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.46808510638297%;<br />
margin: 0 !important;<br />
}<br />
div#mw-head, div#mw-panel {<br />
top: 148px !important;<br />
}<br />
#ubc7-header {<br />
border-top: 3px solid #002145;<br />
background-color: #fff;<br />
width: 100%;<br />
}<br />
#ubc7-logo {<br />
background-position: 25px -115px;<br />
background-repeat: no-repeat;<br />
margin: 0 auto;<br />
min-width: 95px;<br />
}<br />
#ubc7-logo a, #ubc7-apom a, #ubc7-wordmark a, #ubc7-signature a, .ubc7-campus, .hide-text {<br />
overflow: hidden;<br />
text-indent: 200%;<br />
white-space: nowrap;<br />
}<br />
#ubc7-header .span1, #ubc7-header .span9 {<br />
height: 95px;<br />
}<br />
#ubc7-header .span1 {<br />
width: 95px;<br />
}<br />
#ubc7-logo, #ubc7-apom, #ubc7-wordmark {<br />
height: 100%;<br />
}<br />
#ubc7-logo a, #ubc7-apom a, #ubc7-wordmark a {<br />
display: block;<br />
height: 100%;<br />
width: 100%;<br />
}<br />
#ubc7-apom a {<br />
background-position: -73px -115px;<br />
border-left: 1px solid #d7e0e7;<br />
min-width: 160px;<br />
}<br />
#ubc7-wordmark-block {<br />
background-position: -72px -115px;<br />
border-left: 1px solid #d7e0e7;<br />
width: 91.48936170212765%;<br />
max-width: 800px;<br />
position: relative;<br />
}<br />
#ubc7-global-utility {<br />
display: none;<br />
}<br />
#ubc7-unit {<br />
background: #002145;<br />
height: 60px;<br />
box-shadow: inset 0 -10px 10px -10px #222;<br />
-moz-box-shadow: inset 0 -10px 10px -10px #222;<br />
-webkit-box-shadow: inset 0 -10px 10px -10px #222;<br />
height: 60px;<br />
overflow: hidden;<br />
width: 100%;<br />
font-family: Arial,Sans-Serif!important;<br />
}<br />
#ubc7-unit-name a {<br />
display: block;<br />
line-height: 60px;<br />
padding-left: 15px;<br />
}<br />
#ubc7-unit-name a, #ubc7-unit-name a:hover {<br />
color: #fff!important;<br />
text-decoration: none!important;<br />
text-shadow: 1px 1px #222;<br />
}<br />
li#pt-login a {<br />
background-image: url(images/e/e3/Cwl_button.png);<br />
width: 83px;<br />
display: inline-block;<br />
height: 35px;<br />
text-indent: -9999px;<br />
overflow: hidden;<br />
}<br />
#pt-userpage, #pt-anonuserpage {<br />
background-position: left .45rem;<br />
}<br />
#p-personal li {<br />
line-height: 2.6;<br />
}<br />
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all {<br />
div#p-logo a {<br />
background-image: url(/images/d/d5/Ubcwiki_logo_2x.png);<br />
background-size: 115px 128px;<br />
}<br />
} <br />
@media screen and (min-width: 767px) {<br />
#ubc7-unit-name {<br />
font-size: 20px;<br />
}<br />
div#mw-head, div#mw-panel {<br />
top: 158px !important;<br />
}<br />
}<br />
@media screen and (min-width: 1200px) {<br />
div#mw-panel, div#mw-head {<br />
top: 178px !important;<br />
}<br />
#ubc7-header, #ubc7-header .span1, #ubc7-header .span9 {<br />
height: 115px;<br />
}<br />
#ubc7-header .span1 {<br />
margin: 0;<br />
width: 115px;<br />
}<br />
#ubc7-logo {<br />
background-position: 46px 14px;<br />
margin-left: -15px;<br />
<br />
min-width: 115px;<br />
<br />
}<br />
#ubc7-apom a {<br />
background-position: -84px 14px;<br />
min-width: 200px;<br />
}<br />
#ubc7-wordmark-block {<br />
background-position: -83px 14px;<br />
width: 91.45299145299145%;<br />
}<br />
#ubc7-unit-name {<br />
font-size: 20px;<br />
}<br />
}<br />
@media (min-width: 1200px) {<br />
.row-fluid [class*="span"] {<br />
margin-left: 2.564102564102564%;<br />
}<br />
.row-fluid .span1 {<br />
width: 5.982905982905983%;<br />
}<br />
.row-fluid [class*="span"] {<br />
display: block;<br />
float: left;<br />
width: 100%;<br />
min-height: 30px;<br />
margin-left: 2.564102564102564%;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
}<br />
.row-fluid .span9 {<br />
width: 74.35897435897436%;<br />
}<br />
}<br />
@media screen and (max-width: 979px) {<br />
#ubc7-header .span1 {<br />
display: none;<br />
}<br />
#ubc7-wordmark-block {<br />
background-position: 20px -205px;<br />
border-left: 0;<br />
margin-left: 0;<br />
}<br />
}<br />
@media screen and (max-width: 767px) {<br />
#ubc7-wordmark-block {<br />
background-position: 20px -276px;<br />
}<br />
#ubc7-unit {<br />
height: 50px;<br />
}<br />
#ubc7-unit-name {<br />
font-size: 18px;<br />
}<br />
#ubc7-unit-name a {<br />
line-height: 50px;<br />
}<br />
}<br />
<br />
@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: '3/2'), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {<br />
#ubc7-logo, #ubc7-apom a, #ubc7-wordmark-block, #ubc7-global-utility button span, #ubc7-global-utility-no-script, #ubc7-okanagan-campus, #ubc7-vancouver-campus, #ubc7-signature a, .ubc7-carousel-control, #ubc7-ql-apom span, #ubc7-ql-mobile span, .ubc7-arrow {<br />
background-image: url(https://cdn.ubc.ca/clf/7.0.4/img/ubc7-clf-sprite-blue-2x.png)!important;<br />
background-size: 1500px!important;<br />
}<br />
}<br />
/* end UBC HEADER styles <br />
/* Remove Main Page title */<br />
body.page-Main_Page h1.firstHeading {<br />
display:none;<br />
}<br />
/* Photo of the day */<br />
#mp-pod #RSSMainBody {<br />
margin: auto;<br />
}<br />
/**********************************************************************/<br />
/* Stuff below are copied from EN wikipedia. Should clean it up ASAP. */<br />
/* Main page fixes */<br />
#interwiki-completelist {<br />
font-weight: bold;<br />
}<br />
body.page-Main_Page #ca-delete {<br />
display: none !important;<br />
}<br />
body.page-Main_Page #mp-topbanner {<br />
clear: both;<br />
}<br />
/* Edit window toolbar */<br />
#toolbar {<br />
height: 22px;<br />
margin-bottom: 6px;<br />
}<br />
/* Margins for <ol> and <ul> */<br />
#content ol, #content ul, #mw_content ol, #mw_content ul {<br />
margin-bottom: 0.5em;<br />
}<br />
/* Make the list of references in [[Template:Reflist]] smaller */<br />
.references-small {<br />
font-size: 90%;<br />
}<br />
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */<br />
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */<br />
/* column-count is from the CSS3 module "CSS Multi-column Layout" */<br />
/* Please ignore any validator errors caused by these two lines */<br />
.references-2column {<br />
font-size: 90%;<br />
-moz-column-count: 2;<br />
column-count: 2;<br />
}<br />
/* Highlight clicked reference in blue to help navigation */<br />
ol.references > li:target, sup.reference:target, cite:target {<br />
background-color: #DEF;<br />
}<br />
/* Ensure refs in table headers and the like aren't bold or italic */<br />
sup.reference {<br />
font-weight: normal;<br />
font-style: normal;<br />
}<br />
/* Styling for citations */<br />
cite {<br />
font-style: normal;<br />
word-wrap: break-word;<br />
}<br />
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */<br />
@media screen, handheld, projection {<br />
cite *.printonly {<br />
display: none;<br />
}<br />
}<br />
/* wikitable/prettytable class for skinning normal tables */<br />
table.wikitable, table.prettytable {<br />
margin: 1em 1em 1em 0;<br />
background: #f9f9f9;<br />
border: 1px #aaa solid;<br />
border-collapse: collapse;<br />
}<br />
.wikitable th, .wikitable td, .prettytable th, .prettytable td {<br />
border: 1px #aaa solid;<br />
padding: 0.2em;<br />
}<br />
.wikitable th, .prettytable th {<br />
background: #f2f2f2;<br />
text-align: center;<br />
}<br />
.wikitable caption, .prettytable caption {<br />
font-weight: bold;<br />
}<br />
/* Default skin for navigation boxes */<br />
table.navbox {<br />
/* Navbox container style */<br />
border: 1px solid #aaa;<br />
width: 100%;<br />
margin: auto;<br />
clear: both;<br />
font-size: 88%;<br />
text-align: center;<br />
padding: 1px;<br />
}<br />
table.navbox + table.navbox {<br />
/* Single pixel border between adjacent navboxes */<br />
margin-top: -1px;<br />
/* (doesn't work for IE6, but that's okay) */<br />
}<br />
.navbox-title, .navbox-abovebelow, table.navbox th {<br />
text-align: center;<br />
/* Title and above/below styles */<br />
padding-left: 1em;<br />
padding-right: 1em;<br />
}<br />
.navbox-group {<br />
/* Group style */<br />
white-space: nowrap;<br />
text-align: right;<br />
font-weight: bold;<br />
padding-left: 1em;<br />
padding-right: 1em;<br />
}<br />
.navbox, .navbox-subgroup {<br />
background: #fdfdfd;<br />
/* Background color */<br />
}<br />
.navbox-list {<br />
border-color: #fdfdfd;<br />
/* Must match background color */<br />
}<br />
.navbox-title, table.navbox th {<br />
background: #ccccff;<br />
/* Level 1 color */<br />
}<br />
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {<br />
background: #ddddff;<br />
/* Level 2 color */<br />
}<br />
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {<br />
background: #e6e6ff;<br />
/* Level 3 color */<br />
}<br />
.navbox-even {<br />
background: #f7f7f7;<br />
/* Even row striping */<br />
}<br />
.navbox-odd {<br />
background: transparent;<br />
/* Odd row striping */<br />
}<br />
.collapseButton {<br />
/* 'show'/'hide' buttons created dynamically */<br />
float: right;<br />
/* by the CollapsibleTables javascript in */<br />
font-weight: normal;<br />
/* [[MediaWiki:Common.js]]are styled here */<br />
text-align: right;<br />
/* so they can be customised. */<br />
width: auto;<br />
}<br />
.navbox .collapseButton {<br />
/* In navboxes, the show/hide button balances */<br />
width: 6em;<br />
/* the vde links from [[Template:Tnavbar]], */<br />
}<br />
/* so they need to be the same width. */<br />
/* Infobox template style */<br />
.infobox {<br />
border: 1px solid #aaa;<br />
background-color: #f9f9f9;<br />
color: black;<br />
margin: 0.5em 0 0.5em 1em;<br />
padding: 0.2em;<br />
float: right;<br />
clear: right;<br />
}<br />
.infobox td, .infobox th {<br />
vertical-align: top;<br />
}<br />
.infobox caption {<br />
font-size: larger;<br />
}<br />
.infobox.bordered {<br />
border-collapse: collapse;<br />
}<br />
.infobox.bordered td, .infobox.bordered th {<br />
border: 1px solid #aaa;<br />
}<br />
.infobox.bordered .borderless td, .infobox.bordered .borderless th {<br />
border: 0;<br />
}<br />
.infobox.sisterproject {<br />
width: 20em;<br />
font-size: 90%;<br />
}<br />
.infobox.standard-talk {<br />
border: 1px solid #c0c090;<br />
background-color: #f8eaba;<br />
}<br />
.infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th {<br />
border: 1px solid #c0c090;<br />
}<br />
/* styles for bordered infobox with merged rows */<br />
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {<br />
border: 0;<br />
border-top: 1px solid #aaa;<br />
border-right: 1px solid #aaa;<br />
}<br />
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {<br />
border: 0;<br />
border-right: 1px solid #aaa;<br />
}<br />
/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc. */<br />
.infobox.geography {<br />
text-align: left;<br />
border-collapse: collapse;<br />
line-height: 1.2em;<br />
font-size: 90%;<br />
}<br />
.infobox.geography td, .infobox.geography th {<br />
border-top: solid 1px #aaa;<br />
padding: 0.4em 0.6em 0.4em 0.6em;<br />
}<br />
.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th {<br />
border-top: solid 1px #aaa;<br />
padding: 0.4em 0.6em 0.2em 0.6em;<br />
}<br />
.infobox.geography .mergedrow td, .infobox.geography .mergedrow th {<br />
border: 0;<br />
padding: 0 0.6em 0.2em 0.6em;<br />
}<br />
.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th {<br />
border-top: 0;<br />
border-bottom: solid 1px #aaa;<br />
padding: 0 0.6em 0.4em 0.6em;<br />
}<br />
.infobox.geography .maptable td, .infobox.geography .maptable th {<br />
border: 0;<br />
padding: 0;<br />
}<br />
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */<br />
.redirect-in-category, .allpagesredirect {<br />
font-style: italic;<br />
}<br />
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */<br />
div.listenlist {<br />
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");<br />
padding-left: 40px;<br />
}<br />
/* Style rules for media list templates */<br />
div.medialist {<br />
min-height: 50px;<br />
margin: 1em;<br />
background-position: top left;<br />
background-repeat: no-repeat;<br />
}<br />
div.medialist ul {<br />
list-style-type: none;<br />
list-style-image: none;<br />
margin: 0;<br />
}<br />
div.medialist ul li {<br />
padding-bottom: 0.5em;<br />
}<br />
div.medialist ul li li {<br />
font-size: 91%;<br />
padding-bottom: 0;<br />
}<br />
/* Change the external link icon to an Adobe icon for all PDF files in browsers that support these CSS selectors, like Mozilla and Opera */<br />
#content a[href$=".pdf"].external, #content a[href*=".pdf?"].external, #content a[href*=".pdf#"].external, #content a[href$=".PDF"].external, #content a[href*=".PDF?"].external, #content a[href*=".PDF#"].external, #mw_content a[href$=".pdf"].external, #mw_content a[href*=".pdf?"].external, #mw_content a[href*=".pdf#"].external, #mw_content a[href$=".PDF"].external, #mw_content a[href*=".PDF?"].external, #mw_content a[href*=".PDF#"].external {<br />
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") center right no-repeat;<br />
padding-right: 16px;<br />
}<br />
/* Change the external link icon to an Adobe icon anywhere the PDFlink class is used (notably Template:PDFlink). This works in IE, unlike the above. */<br />
#content span.PDFlink a, #mw_content span.PDFlink a {<br />
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") center right no-repeat;<br />
padding-right: 17px;<br />
}<br />
/* Remove link styling. Already defined in monobook and modern, but not defined in the other skins. Bug 18708 */<br />
#content .plainlinks a, #mw_content .plainlinks a {<br />
background: none !important;<br />
padding: 0 !important;<br />
<br />
}<br />
/*Used only for MER Wiki*/<br />
.plainlink .android a{<br />
color: white; <br />
}<br />
/* Content in columns with CSS instead of tables [[Template:Columns]] */<br />
div.columns-2 div.column {<br />
float: left;<br />
width: 50%;<br />
min-width: 300px;<br />
}<br />
div.columns-3 div.column {<br />
float: left;<br />
width: 33.3%;<br />
min-width: 200px;<br />
}<br />
div.columns-4 div.column {<br />
float: left;<br />
width: 25%;<br />
min-width: 150px;<br />
}<br />
div.columns-5 div.column {<br />
float: left;<br />
width: 20%;<br />
min-width: 120px;<br />
}<br />
/* Make sure that "external references" from templates like [[Template:Ref]] do not get URL expansion, not even when printed. The anchor itself has class "external autonumber" and the url expansion is inserted when printing (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the ":after" pseudo-element. */<br />
<br />
.nourlexpansion a.external.text:after, .nourlexpansion a.external.autonumber:after {<br />
display: none !important;<br />
}<br />
/* Messagebox templates */<br />
.messagebox {<br />
border: 1px solid #aaa;<br />
background-color: #f9f9f9;<br />
width: 80%;<br />
margin: 0 auto 1em auto;<br />
padding: .2em;<br />
}<br />
.messagebox.merge {<br />
border: 1px solid #c0b8cc;<br />
background-color: #f0e5ff;<br />
text-align: center;<br />
}<br />
.messagebox.cleanup {<br />
border: 1px solid #9f9fff;<br />
background-color: #efefff;<br />
text-align: center;<br />
}<br />
.messagebox.standard-talk {<br />
border: 1px solid #c0c090;<br />
background-color: #f8eaba;<br />
margin: 4px auto;<br />
}<br />
/* For old WikiProject banners inside banner shells. */<br />
.mbox-inside .standard-talk, .messagebox.nested-talk {<br />
border: 1px solid #c0c090;<br />
background-color: #f8eaba;<br />
width: 100%;<br />
margin: 2px 0;<br />
padding: 2px;<br />
}<br />
.messagebox.small {<br />
width: 238px;<br />
font-size: 85%;<br />
float: right;<br />
clear: both;<br />
margin: 0 0 1em 1em;<br />
line-height: 1.25em;<br />
}<br />
.messagebox.small-talk {<br />
width: 238px;<br />
font-size: 85%;<br />
float: right;<br />
clear: both;<br />
margin: 0 0 1em 1em;<br />
line-height: 1.25em;<br />
background: #F8EABA;<br />
}<br />
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */<br />
th.mbox-text, td.mbox-text {<br />
/* The message body cell(s) */<br />
border: none;<br />
padding: 0.25em 0.9em;<br />
/* 0.9em left/right */<br />
width: 100%;<br />
/* Make all mboxes the same width regardless of text length */<br />
}<br />
td.mbox-image {<br />
/* The left image cell */<br />
border: none;<br />
padding: 2px 0 2px 0.9em;<br />
/* 0.9em left, 0px right */<br />
text-align: center;<br />
}<br />
td.mbox-imageright {<br />
/* The right image cell */<br />
border: none;<br />
padding: 2px 0.9em 2px 0;<br />
/* 0px left, 0.9em right */<br />
text-align: center;<br />
}<br />
td.mbox-empty-cell {<br />
/* An empty narrow cell */<br />
border: none;<br />
padding: 0px;<br />
width: 1px;<br />
}<br />
/* Article message box styles */<br />
table.ambox {<br />
margin: 0px 10%;<br />
/* 10% = Will not overlap with other elements */<br />
border: 1px solid #aaa;<br />
border-left: 10px solid #1e90ff;<br />
/* Default "notice" blue */<br />
background: #fbfbfb;<br />
}<br />
table.ambox + table.ambox {<br />
/* Single border between stacked boxes. */<br />
margin-top: -1px;<br />
}<br />
.ambox th.mbox-text, .ambox td.mbox-text {<br />
/* The message body cell(s) */<br />
padding: 0.25em 0.5em;<br />
/* 0.5em left/right */<br />
}<br />
.ambox td.mbox-image {<br />
/* The left image cell */<br />
padding: 2px 0 2px 0.5em;<br />
/* 0.5em left, 0px right */<br />
}<br />
.ambox td.mbox-imageright {<br />
/* The right image cell */<br />
padding: 2px 0.5em 2px 0;<br />
/* 0px left, 0.5em right */<br />
}<br />
table.ambox-notice {<br />
border-left: 10px solid #1e90ff;<br />
/* Blue */<br />
}<br />
table.ambox-speedy {<br />
border-left: 10px solid #b22222;<br />
/* Red */<br />
background: #fee;<br />
/* Pink */<br />
}<br />
table.ambox-delete {<br />
border-left: 10px solid #b22222;<br />
/* Red */<br />
}<br />
table.ambox-content {<br />
border-left: 10px solid #f28500;<br />
/* Orange */<br />
}<br />
table.ambox-style {<br />
border-left: 10px solid #f4c430;<br />
/* Yellow */<br />
}<br />
table.ambox-move {<br />
border-left: 10px solid #9932cc;<br />
/* Purple */<br />
}<br />
table.ambox-protection {<br />
border-left: 10px solid #bba;<br />
/* Gray-gold */<br />
}<br />
/* Image message box styles */<br />
table.imbox {<br />
margin: 4px 10%;<br />
border-collapse: collapse;<br />
border: 3px solid #1e90ff;<br />
/* Default "notice" blue */<br />
background: #fbfbfb;<br />
}<br />
.imbox .mbox-text .imbox {<br />
/* For imboxes inside imbox-text cells. */<br />
margin: 0 -0.5em;<br />
/* 0.9 - 0.5 = 0.4em left/right. */<br />
}<br />
.mbox-inside .imbox {<br />
/* For imboxes inside other templates. */<br />
margin: 4px;<br />
}<br />
table.imbox-notice {<br />
border: 3px solid #1e90ff;<br />
/* Blue */<br />
}<br />
table.imbox-speedy {<br />
border: 3px solid #b22222;<br />
/* Red */<br />
background: #fee;<br />
/* Pink */<br />
}<br />
table.imbox-delete {<br />
border: 3px solid #b22222;<br />
/* Red */<br />
}<br />
table.imbox-content {<br />
border: 3px solid #f28500;<br />
/* Orange */<br />
}<br />
table.imbox-style {<br />
border: 3px solid #f4c430;<br />
/* Yellow */<br />
}<br />
table.imbox-move {<br />
border: 3px solid #9932cc;<br />
/* Purple */<br />
}<br />
table.imbox-protection {<br />
border: 3px solid #bba;<br />
/* Gray-gold */<br />
}<br />
table.imbox-license {<br />
border: 3px solid #88a;<br />
/* Dark gray */<br />
background: #f7f8ff;<br />
/* Light gray */<br />
}<br />
table.imbox-featured {<br />
border: 3px solid #cba135;<br />
/* Brown-gold */<br />
}<br />
/* Category message box styles */<br />
table.cmbox {<br />
margin: 3px 10%;<br />
border-collapse: collapse;<br />
border: 1px solid #aaa;<br />
background: #DFE8FF;<br />
/* Default "notice" blue */<br />
}<br />
table.cmbox-notice {<br />
background: #D8E8FF;<br />
/* Blue */<br />
}<br />
table.cmbox-speedy {<br />
margin-top: 4px;<br />
margin-bottom: 4px;<br />
border: 4px solid #b22222;<br />
/* Red */<br />
background: #FFDBDB;<br />
/* Pink */<br />
}<br />
table.cmbox-delete {<br />
background: #FFDBDB;<br />
/* Red */<br />
}<br />
table.cmbox-content {<br />
background: #FFE7CE;<br />
/* Orange */<br />
}<br />
table.cmbox-style {<br />
background: #FFF9DB;<br />
/* Yellow */<br />
}<br />
table.cmbox-move {<br />
background: #E4D8FF;<br />
/* Purple */<br />
}<br />
table.cmbox-protection {<br />
background: #EFEFE1;<br />
/* Gray-gold */<br />
}<br />
/* Other pages message box styles */<br />
table.ombox {<br />
margin: 4px 10%;<br />
border-collapse: collapse;<br />
border: 1px solid #aaa;<br />
/* Default "notice" gray */<br />
background: #f9f9f9;<br />
}<br />
table.ombox-notice {<br />
border: 1px solid #aaa;<br />
/* Gray */<br />
}<br />
table.ombox-speedy {<br />
border: 2px solid #b22222;<br />
/* Red */<br />
background: #fee;<br />
/* Pink */<br />
}<br />
table.ombox-delete {<br />
border: 2px solid #b22222;<br />
/* Red */<br />
}<br />
table.ombox-content {<br />
border: 1px solid #f28500;<br />
/* Orange */<br />
}<br />
table.ombox-style {<br />
border: 1px solid #f4c430;<br />
/* Yellow */<br />
}<br />
table.ombox-move {<br />
border: 1px solid #9932cc;<br />
/* Purple */<br />
}<br />
table.ombox-protection {<br />
border: 2px solid #bba;<br />
/* Gray-gold */<br />
}<br />
/* Talk page message box styles */<br />
table.tmbox {<br />
margin: 4px 10%;<br />
border-collapse: collapse;<br />
border: 1px solid #c0c090;<br />
/* Default "notice" gray-brown */<br />
background: #f8eaba;<br />
}<br />
.mediawiki .mbox-inside .tmbox {<br />
/* For tmboxes inside other templates. The "mediawiki" */<br />
margin: 2px 0;<br />
/* class ensures that this declaration overrides other */<br />
width: 100%;<br />
/* For Safari and Opera */<br />
/* styles (including mbox-small above) */<br />
}<br />
.mbox-inside .tmbox.mbox-small {<br />
/* "small" tmboxes should not be small when */<br />
line-height: 1.5em;<br />
/* also "nested", so reset styles that are */<br />
font-size: 100%;<br />
/* set in "mbox-small" above. */<br />
}<br />
table.tmbox-speedy {<br />
border: 2px solid #b22222;<br />
/* Red */<br />
background: #fee;<br />
/* Pink */<br />
}<br />
table.tmbox-delete {<br />
border: 2px solid #b22222;<br />
/* Red */<br />
}<br />
table.tmbox-content {<br />
border: 2px solid #f28500;<br />
/* Orange */<br />
}<br />
table.tmbox-style {<br />
border: 2px solid #f4c430;<br />
/* Yellow */<br />
}<br />
table.tmbox-move {<br />
border: 2px solid #9932cc;<br />
/* Purple */<br />
}<br />
table.tmbox-protection, table.tmbox-notice {<br />
border: 1px solid #c0c090;<br />
/* Gray-brown */<br />
}<br />
/* Disambig and set index box styles */<br />
table.dmbox {<br />
clear: both;<br />
margin: 0.9em 1em;<br />
border-top: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
background: transparent;<br />
}<br />
/* Footer and header message box styles */<br />
table.fmbox {<br />
clear: both;<br />
margin: 0.2em 0;<br />
width: 100%;<br />
border: 1px solid #aaa;<br />
background: #f9f9f9;<br />
/* Default "system" gray */<br />
}<br />
table.fmbox-system {<br />
background: #f9f9f9;<br />
}<br />
table.fmbox-warning {<br />
border: 1px solid #bb7070;<br />
/* Dark pink */<br />
background: #ffdbdb;<br />
/* Pink */<br />
}<br />
table.fmbox-editnotice {<br />
background: transparent;<br />
}<br />
/* Div based "warning" style fmbox messages. */<br />
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon {<br />
clear: both;<br />
margin: 0.2em 0;<br />
border: 1px solid #bb7070;<br />
background: #ffdbdb;<br />
padding: 0.25em 0.9em;<br />
}<br />
/* Div based "system" style fmbox messages. Used in [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */<br />
div.mw-lag-warn-normal, div.noarticletext, div.fmbox-system {<br />
clear: both;<br />
margin: 0.2em 0;<br />
border: 1px solid #aaa;<br />
background: #f9f9f9;<br />
padding: 0.25em 0.9em;<br />
}<br />
/* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */<br />
body.mediawiki table.mbox-small {<br />
/* For the "small=yes" option. */<br />
clear: right;<br />
float: right;<br />
margin: 4px 0 4px 1em;<br />
width: 238px;<br />
font-size: 88%;<br />
line-height: 1.25em;<br />
}<br />
body.mediawiki table.mbox-small-left {<br />
/* For the "small=left" option. */<br />
margin: 4px 1em 4px 0;<br />
width: 238px;<br />
border-collapse: collapse;<br />
font-size: 88%;<br />
line-height: 1.25em;<br />
}<br />
/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The second declarations reset the styles for all browsers except IE6, which chokes on the empty comment tags. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */<br />
.IPA {<br />
font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, "DejaVu Sans", Code2000, "TITUS Cyberbit Basic", "Arial Unicode MS", "Lucida Sans Unicode", "Chrysanthi Unicode";<br />
font-family <br />
/**/<br />
: inherit;<br />
}<br />
.Unicode {<br />
font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Free Sans", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";<br />
font-family <br />
/**/<br />
: inherit;<br />
}<br />
.latinx {<br />
font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";<br />
font-family <br />
/**/<br />
: inherit;<br />
}<br />
.polytonic {<br />
font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;<br />
font-family <br />
/**/<br />
: inherit;<br />
}<br />
#wpSave {<br />
font-weight: bold;<br />
}<br />
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */<br />
.hiddenStructure {<br />
display: inline ! important;<br />
color: #f00;<br />
background-color: #0f0;<br />
}<br />
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests see .hidden-redlink on http://meta.wikimedia.org/wiki/MediaWiki:Common.css */<br />
.check-icon a.new {<br />
display: none;<br />
speak: none;<br />
}<br />
/* Removes underlines from links */<br />
.nounderlines a {<br />
text-decoration: none;<br />
}<br />
/* Remove underline from IPA links */<br />
.IPA a:link, .IPA a:visited {<br />
text-decoration: none;<br />
}<br />
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */<br />
div.NavFrame {<br />
margin: 0;<br />
padding: 4px;<br />
border: 1px solid #aaa;<br />
text-align: center;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
}<br />
div.NavFrame + div.NavFrame {<br />
border-top-style: none;<br />
border-top-style: hidden;<br />
}<br />
div.NavPic {<br />
background-color: #fff;<br />
margin: 0;<br />
padding: 2px;<br />
float: left;<br />
}<br />
div.NavFrame div.NavHead {<br />
height: 1.6em;<br />
font-weight: bold;<br />
background-color: #ccf;<br />
position: relative;<br />
}<br />
div.NavFrame p {<br />
font-size: 100%;<br />
}<br />
div.NavFrame div.NavContent {<br />
font-size: 100%;<br />
}<br />
div.NavFrame div.NavContent p {<br />
font-size: 100%;<br />
}<br />
div.NavEnd {<br />
margin: 0;<br />
padding: 0;<br />
line-height: 1px;<br />
clear: both;<br />
}<br />
a.NavToggle {<br />
position: absolute;<br />
top: 0;<br />
right: 3px;<br />
font-weight: normal;<br />
font-size: 90%;<br />
}<br />
/* Coloured watchlist numbers */<br />
.mw-plusminus-pos {<br />
color: #006400;<br />
}<br />
/* dark green */<br />
.mw-plusminus-neg {<br />
color: #8B0000;<br />
}<br />
/* dark red */<br />
/* Hatnotes and disambiguation notices */<br />
.rellink, .dablink {<br />
font-style: italic;<br />
padding-left: 2em;<br />
margin-bottom: 0.5em;<br />
}<br />
.rellink i, .dablink i {<br />
font-style: normal;<br />
}<br />
/* Style for horizontal UL lists */<br />
.horizontal ul {<br />
padding: 0;<br />
margin: 0;<br />
}<br />
.horizontal li {<br />
padding: 0 0.6em 0 0.4em;<br />
display: inline;<br />
border-right: 1px solid;<br />
}<br />
.horizontal li:last-child {<br />
border-right: none;<br />
padding-right: 0;<br />
}<br />
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox;<br />
incompatible in IE6. */<br />
.listify td {<br />
display: list-item;<br />
}<br />
.listify tr {<br />
display: block;<br />
}<br />
.listify table {<br />
display: block;<br />
}<br />
/* Geographical coordinates defaults. See [[Template:Coord/link]] for how these are used. The classes "geo", "longitude", and "latitude" are used by the [[Geo microformat]]. */<br />
.geo-default, .geo-dms, .geo-dec {<br />
display: inline;<br />
}<br />
.geo-nondefault, .geo-multi-punct {<br />
display: none;<br />
}<br />
.longitude, .latitude {<br />
white-space: nowrap;<br />
}<br />
/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */<br />
.nonumtoc .tocnumber {<br />
display: none;<br />
}<br />
.nonumtoc #toc ul, .nonumtoc .toc ul {<br />
line-height: 1.5em;<br />
list-style: none;<br />
margin: .3em 0 0;<br />
padding: 0;<br />
}<br />
.nonumtoc #toc ul ul, .nonumtoc .toc ul ul {<br />
margin: 0 0 0 2em;<br />
}<br />
/* Allow limiting of which header levels are shown in a TOC;<br />
<div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS). */<br />
.toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 {<br />
display: none;<br />
}<br />
/* Styling for Template:Quote */<br />
blockquote.templatequote {<br />
margin-top: 0;<br />
}<br />
blockquote.templatequote div.templatequotecite {<br />
line-height: 1em;<br />
text-align: left;<br />
padding-left: 2em;<br />
margin-top: 0;<br />
}<br />
blockquote.templatequote div.templatequotecite cite {<br />
font-size: 85%;<br />
}<br />
div.user-block {<br />
padding: 5px;<br />
border: 1px solid #A9A9A9;<br />
background-color: #FFEFD5;<br />
}<br />
/* Prevent line breaks in silly places: 1) links when we don't want them to 2) HTML formulae 3) Ref tags with group names <ref group="Note"> --> "[Note 1]" */<br />
.nowraplinks a, span.texhtml, sup.reference a {<br />
white-space: nowrap;<br />
}<br />
/* For template documentation */<br />
.template-documentation {<br />
clear: both;<br />
margin: 1em 0 0 0;<br />
border: 1px solid #aaa;<br />
background-color: #ecfcf4;<br />
padding: 5px;<br />
}<br />
.thumbinner {<br />
min-width: 100px;<br />
}<br />
/* Inline divs in ImageMaps (code borrowed from de.wiki) */<br />
.imagemap-inline div {<br />
display: inline;<br />
}<br />
/* Increase the height of the image upload box */<br />
#wpUploadDescription {<br />
height: 13em;<br />
}<br />
/* Reduce line-height for <sup> and <sub> */<br />
sup, sub {<br />
line-height: 1em;<br />
}<br />
/* The backgrounds for galleries. */<br />
#content .gallerybox div.thumb {<br />
background-color: #F9F9F9;<br />
/* Light gray padding */<br />
}<br />
/* Put a chequered background behind images, only visible if they have transparency */<br />
.gallerybox .thumb img, #file img {<br />
background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;<br />
}<br />
/* But no chequered background on articles, user pages or portals. */<br />
.ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img {<br />
background: white;<br />
}<br />
/* Prevent floating boxes from overlapping any category listings, file histories, edit previews, and edit [Show changes] views */<br />
#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff {<br />
clear: both;<br />
}<br />
table.collapsed tr.collapsable {<br />
display: none;<br />
}<br />
.collapseButton {<br />
/* 'show'/'hide' buttons created dynamically by the */<br />
float: right;<br />
/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */<br />
font-weight: normal;<br />
/* are styled here so they can be customised. */<br />
text-align: right;<br />
width: auto;<br />
}<br />
/* Selectively hide headers in WikiProject banners */<br />
.wpb .wpb-header {<br />
display: none;<br />
}<br />
.wpbs-inner .wpb .wpb-header {<br />
display: block;<br />
}<br />
/* for IE */<br />
.wpbs-inner .wpb .wpb-header {<br />
display: table-row;<br />
}<br />
/* for real browsers */<br />
.wpbs-inner .wpb-outside {<br />
display: none;<br />
}<br />
/* hide things that should only display outside shells */<br />
#p-coll-create_a_book {<br />
display: none;<br />
}<br />
/* hidden */<br />
.hidden {<br />
display:none <br />
}<br />
<br />
/** Notification center comment out after notification deleted<br />
.top-header-notify {<br />
height: 100px;<br />
padding: 10px;<br />
border: 1px solid #008000;<br />
text-align: center;<br />
font-size: 85%;<br />
background: #d2f8d2;<br />
}<br />
.top-header-notify h1 {<br />
text-transform: uppercase;<br />
}<br />
div#mw-head, div#mw-panel {<br />
top: 270px !important;<br />
}<br />
@media screen and (min-width: 767px) {<br />
div#mw-head, div#mw-panel {<br />
top: 280px !important;<br />
}<br />
}<br />
@media screen and (min-width: 1200px) {<br />
div#mw-panel, div#mw-head {<br />
top: 300px !important;<br />
}<br />
}<br />
<br />
end Notification center comment out after notification deleted **/<br />
<br />
<br />
/** change media upload message <br />
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.oo-ui-pageLayout.oo-ui-pageLayout-active {<br />
color: #fff;<br />
text-indent: -9000px;<br />
}<br />
<br />
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.oo-ui-pageLayout.oo-ui-pageLayout-active:after {<br />
content: 'Please go to this url to upload: https://wiki.ubc.ca/Special:UploadWizard';<br />
display: block;<br />
color: #222!important;<br />
text-indent: initial;<br />
}<br />
/*Wrap long citation URL */<br />
<br />
span.reference-text {<br />
overflow-wrap: break-word;<br />
}<br />
<br />
<br />
/** change media upload message end **/<br />
<br />
/*Suppress Citation error*/<br />
.cs1-visible-error.error.citation-comment,.error.mw-ext-cite-error{<br />
display:none;<br />
}<br />
<br />
/*Wrap citation line*/<br />
<br />
.mw-parser-output span.cs1-visible-error {<br />
display: none;<br />
}<br />
<br />
.cs1-maint.citation-comment{<br />
display:none;<br />
}<br />
<br />
/*legend CSS*/<br />
/* {{pp-template}} */<br />
<br />
.legend {<br />
page-break-inside: avoid;<br />
break-inside: avoid-column;<br />
}<br />
<br />
.legend-color {<br />
display: inline-block;<br />
min-width: 1.25em;<br />
height: 1.25em;<br />
line-height: 1.25;<br />
margin: 1px 0;<br />
text-align: center;<br />
border: 1px solid black;<br />
background-color: transparent;<br />
color: black;<br />
}<br />
<br />
.legend-text {/*empty for now, but part of the design!*/}<br />
<br />
/** Notification center DELETE after notification deleted<br />
.top-header-notify {<br />
height: 100px;<br />
padding: 10px;<br />
border: 1px solid #008000;<br />
text-align: center;<br />
font-size: 85%;<br />
background: #d2f8d2;<br />
}<br />
.top-header-notify h1 {<br />
text-transform: uppercase;<br />
}<br />
div#mw-head, div#mw-panel {<br />
top: 270px !important;<br />
}<br />
@media screen and (min-width: 767px) {<br />
div#mw-head, div#mw-panel {<br />
top: 280px !important;<br />
}<br />
}<br />
@media screen and (min-width: 1200px) {<br />
div#mw-panel, div#mw-head {<br />
top: 300px !important;<br />
}<br />
}<br />
end Notification center DELETE after notification deleted **/<br />
<br />
/** Homepage **/<br />
<br />
body .homepage-title{<br />
font-size: 3rem;<br />
}<br />
<br />
.color-navy-blue, .color-navy-blue a{<br />
color: #002145;<br />
}<br />
<br />
.wiki-clf-home :where(h1,h2,h3,h4,h5,h6) {<br />
color: #002145;<br />
}<br />
<br />
.wiki-clf-home .mw-ui-button.mw-ui-progressive:not(:disabled){<br />
background-color: #fff;<br />
color: #002145;<br />
border-color: #002145;<br />
font-weight: normal;<br />
}<br />
<br />
.wiki-clf-home .mw-inputbox-createbox:required:invalid ~ .mw-ui-button{<br />
background-color: #c8ccd1;<br />
border-color: #c8ccd1;<br />
color: #fff;<br />
}<br />
<br />
.wiki-clf-home .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br />
background-color: #002145;<br />
border-color: #002145;<br />
color:#fff;<br />
}<br />
<br />
.clf-section{<br />
padding: 1.5rem 1rem;<br />
}<br />
<br />
.clf-section :where(h1,h2,h3,h4,h5,h6){<br />
margin-top: 0 !important;<br />
border-bottom: 0;<br />
}<br />
<br />
.bg-dark {<br />
background: #F9F9F9;<br />
}<br />
<br />
.wiki-clf-home ul{<br />
margin-left: 0;<br />
padding-left: 12px;<br />
}<br />
<br />
.wiki-clf-home li{<br />
padding-left: 8px;<br />
}<br />
<br />
.wiki-clf-home .intro{<br />
display: grid;<br />
grid-template-columns: 130px 1fr;<br />
grid-gap: 30px;<br />
}<br />
<br />
.wiki-clf-home #home-logo img{<br />
width: 100%;<br />
height: auto;<br />
}<br />
<br />
#homepage-actions{<br />
display: grid;<br />
grid-template-columns: repeat(4, 1fr);<br />
grid-gap: 15px;<br />
}<br />
<br />
@media (max-width: 1000px) {<br />
#homepage-actions{<br />
grid-template-columns: repeat(2, 1fr);<br />
}<br />
}<br />
<br />
#homepage-guides{<br />
display: grid;<br />
grid-template-columns: repeat(2, 1fr);<br />
grid-gap: 30px;<br />
}<br />
<br />
#how-to-use-wiki{<br />
margin-top: 1rem;<br />
}<br />
<br />
.homepage-wiki-spaces-boxes{<br />
display: grid;<br />
grid-template-columns: repeat(2, 1fr);<br />
grid-gap: 4rem;<br />
}<br />
<br />
.homepage-wiki-spaces-boxes .mw-inputbox-input {<br />
display: block;<br />
width: 100%;<br />
margin-bottom: 1.2rem;<br />
}<br />
<br />
.homepage-wiki-spaces-boxes .mw-inputbox-input+br{<br />
display: none;<br />
}<br />
<br />
.homepage-wiki-spaces-box{<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
/** End Homepage **/</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:WordPress/Plugins/Gravity_Forms&diff=743621Documentation:WordPress/Plugins/Gravity Forms2023-02-23T18:20:17Z<p>CongzheXu: </p>
<hr />
<div>''Gravity Forms'' can be used to create online forms that site visitors can fill out and an email notification will be sent to the author each time a form is submitted. An example of such a form could ask users to fill out information for an upcoming event.<br />
<br />
==Important Notice==<br />
When using Gravity Forms, do not store/collect any sensitive information. Sensitive information includes student numbers, CWL information, and private personal information. Furthermore, please don't use Gravity Forms for mission-critical information; even though we keep database backups, data loss still might occur.<br />
<br />
==Form Setup==<br />
Log in to your site, if you haven't already done so. <br />
<br />
===Activate Gravity Forms===<br />
# Select '''Dashboard -> Plugins''' and scroll down to [http://www.gravityforms.com/ Gravity Forms]. On the right, there should be a link to activate the plugin for your site ([[Documentation:WordPress/Plugins/Enabling Plugins|Enabling Plugins]]).<br />
# A new menu item should appear in the menu bar found on the left side called Forms.<br />
<br />
===Add a New Form===<br />
# Go to Dashboard -> Forms -> New Form.<br />
# Create your form. Check out this video: [http://vimeo.com/13584326 Using Gravity Forms] (video duration 4:23 min).<br />
# Save the form.<br />
<br />
===Optional: Confirmation Notice===<br />
# Go to Dashboard -> Forms -> Edit Forms and select the form you wish to change<br />
# Click on the "Form Settings" selection in the gray header menu<br />
# Select the "Confirmation" tab and edit the confirmation text field<br />
#* If you also wish to add any of the information submitted through the form (ex: name):<br />
#*# Select the "Text" radio button on the "Confirmation" tab<br />
#*# Enter the text that you'd like to precede the form item (name example: "Thank you, ")<br />
#*# Select the form item you'd like to have appear in the confirmation message from the "Insert from field" dropdown<br />
#*#* Your message in the text field should look similar to this: "Thank you, {Name (First):3.3}"<br />
# Alternately, you can also link to an '''internal or external page''' upon confirmation by selecting the "Page" or "Redirect" radio button respectively<br />
<br />
===Embed the form onto a page===<br />
# Either create a new Page or edit an existing Page: ''Dashboard -> Pages -> New Page'' or ''Dashboard -> Pages -> Pages''.<br />
# Add the form to the page. Use the gray button between the page title and page body. Note: This is shown in the video above.<br />
# Save the Page.<br />
<br />
===Receive emails from the form===<br />
# Go to ''Dashboard -> Forms -> Edit Forms''.<br />
# Mouse over the name of the form you just created. You should be able to see a "Notifications" link appear below your form's name. Click it. <br />
# Under the "Notification to Administrator" heading select the "Enable email notification to administrators" checkbox and fill out the form. <br />
# Scroll down and save the form.<br />
<br />
===Test the form===<br />
# Go to the page that you just created and fill out your form. Check that you received an email with the information you entered.<br />
# Check if the form has a new entry. Go to ''Dashboard -> Forms -> Edit Forms'' and check the Entries column, or go to ''Dashboard -> Forms -> Entries'' and select the form you just created.<br />
<br />
=== Add reCAPTCHA(optional) ===<br />
Any web form showing on your site without protection has the potential to cause spams on daily basis. It is recommended to install Google reCAPTCHA for sites on UBC CMS that uses Gravity Forms.<br />
# To start using reCAPTCHA, you need to [https://www.google.com/recaptcha/admin/create sign up for an API key pair] for your site. Under reCAPTCHA type, please choose reCAPTCHA V3. Under domains, If your site has not been domain mapped yet, please add the domain that provided by UBC CMS team after the site creation. '''(please do not include protocols such as http:// or https://)'''. If your site has been domain mapped, please make sure to add both the domain provided by CMS team and the primary domain that your site is currently using'''(please do not include protocols such as http:// or https://)'''. As an example, for the main CMS website, '''cms.ubc.ca''', we would add the two domains as following: '''cms.ubc.ca''' and '''cms2.sites.olt.ubc.ca''' -- neither have a protocol, and neither end with a forward slash. Google doesn't make it obvious, but it is very picky about getting the domains exactly correct. Once all the information are correctly filled on the page, please click the submit button. You will then receive a pair of 'Site Key' and 'Secret Key' from Google.<br />
# Login to your site's Dashboard an go to 'Plugins'. Search for 'Gravity Forms reCAPTCHA Add-On' and activate it. <br />
# Go to Dashboard -> Forms -> Settings. Under 'reCAPTCHA' tab and below 'reCAPTCHA v3' section. Paste in the key pair received from step 1) and click 'Save Settings' button at the very bottom of the page.<br />
<br />
==Troubleshooting==<br />
Solutions to common Gravity Forms problems:<br />
==='''If you didn't get the entry email'''===<br />
Wait a bit, it might take up to half an hour to get the email. Check your spam to make sure it didn't go in there.<br />
<br />
===Do Gravity Forms support submission preview?===<br />
Gravity Forms do not support submission preview. According to this [http://www.gravityhelp.com/forums/topic/post-preview post], the submission preview feature was supposed to be part of the 1.3 release.<br />
<br />
==Tips==<br />
===Conditional shortcode with Gravity Forms:===<br />
https://gravitywiz.com/gravity-forms-conditional-shortcode/<br />
====Sample Usage: Show Content Only if Value Exists====<br />
<pre><br />
[gravityforms action="conditional" merge_tag="{My Field:1}" condition="isnot" value=""]<br /><br />
My Field Label: {My Field:1}<br /><br />
[/gravityforms]<br />
</pre><br />
==See Also==<br />
[http://www.gravityhelp.com/frequently-asked-questions/ Gravity Form FAQ's]<br />
<br />
[http://www.gravityhelp.com/documentation/page/Gravity_Forms_Documentation Vendor Documentation]<br />
<br />
[[Category:WordPress]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:WordPress/Plugins/Gravity_Forms&diff=743620Documentation:WordPress/Plugins/Gravity Forms2023-02-23T18:13:23Z<p>CongzheXu: </p>
<hr />
<div>''Gravity Forms'' can be used to create online forms that site visitors can fill out and an email notification will be sent to the author each time a form is submitted. An example of such a form could ask users to fill out information for an upcoming event.<br />
<br />
==Important Notice==<br />
When using Gravity Forms, do not store/collect any sensitive information. Sensitive information includes student numbers, CWL information, and private personal information. Furthermore, please don't use Gravity Forms for mission-critical information; even though we keep database backups, data loss still might occur.<br />
<br />
==Form Setup==<br />
Log in to your site, if you haven't already done so. <br />
<br />
===Activate Gravity Forms===<br />
# Select '''Dashboard -> Plugins''' and scroll down to [http://www.gravityforms.com/ Gravity Forms]. On the right, there should be a link to activate the plugin for your site ([[Documentation:WordPress/Plugins/Enabling Plugins|Enabling Plugins]]).<br />
# A new menu item should appear in the menu bar found on the left side called Forms.<br />
<br />
===Add a New Form===<br />
# Go to Dashboard -> Forms -> New Form.<br />
# Create your form. Check out this video: [http://vimeo.com/13584326 Using Gravity Forms] (video duration 4:23 min).<br />
# Save the form.<br />
<br />
===Optional: Confirmation Notice===<br />
# Go to Dashboard -> Forms -> Edit Forms and select the form you wish to change<br />
# Click on the "Form Settings" selection in the gray header menu<br />
# Select the "Confirmation" tab and edit the confirmation text field<br />
#* If you also wish to add any of the information submitted through the form (ex: name):<br />
#*# Select the "Text" radio button on the "Confirmation" tab<br />
#*# Enter the text that you'd like to precede the form item (name example: "Thank you, ")<br />
#*# Select the form item you'd like to have appear in the confirmation message from the "Insert from field" dropdown<br />
#*#* Your message in the text field should look similar to this: "Thank you, {Name (First):3.3}"<br />
# Alternately, you can also link to an '''internal or external page''' upon confirmation by selecting the "Page" or "Redirect" radio button respectively<br />
<br />
===Embed the form onto a page===<br />
# Either create a new Page or edit an existing Page: ''Dashboard -> Pages -> New Page'' or ''Dashboard -> Pages -> Pages''.<br />
# Add the form to the page. Use the gray button between the page title and page body. Note: This is shown in the video above.<br />
# Save the Page.<br />
<br />
===Receive emails from the form===<br />
# Go to ''Dashboard -> Forms -> Edit Forms''.<br />
# Mouse over the name of the form you just created. You should be able to see a "Notifications" link appear below your form's name. Click it. <br />
# Under the "Notification to Administrator" heading select the "Enable email notification to administrators" checkbox and fill out the form. <br />
# Scroll down and save the form.<br />
<br />
===Test the form===<br />
# Go to the page that you just created and fill out your form. Check that you received an email with the information you entered.<br />
# Check if the form has a new entry. Go to ''Dashboard -> Forms -> Edit Forms'' and check the Entries column, or go to ''Dashboard -> Forms -> Entries'' and select the form you just created.<br />
<br />
=== Add reCAPTCHA(optional) ===<br />
Any web form showing on your site without protection has the potential to cause spams on daily basis. It is recommended to install Google reCAPTCHA for sites on UBC CMS that uses Gravity Forms.<br />
# To start using reCAPTCHA, you need to [https://www.google.com/recaptcha/admin/create sign up for an API key pair] for your site. Under reCAPTCHA type, please choose reCAPTCHA V3. Under domains, If your site has not been domain mapped yet, please add the domain that provided by UBC CMS team after the site creation. Eg, ctlt-test-2021.sites.olt.ubc.ca'''(please do not include protocols such as http:// or https://)'''. If your site has been domain mapped, please make sure to add both the domain provided by CMS team and the primary domain that your site is currently using'''(please do not include protocols such as http:// or https://)'''. Once all the information are correctly filled on the page, please click the submit button. You will then receive a pair of 'Site Key' and 'Secret Key' from Google.<br />
# Login to your site's Dashboard an go to 'Plugins'. Search for 'Gravity Forms reCAPTCHA Add-On' and activate it. <br />
# Go to Dashboard -> Forms -> Settings. Under 'reCAPTCHA' tab and below 'reCAPTCHA v3' section. Paste in the key pair received from step 1) and click 'Save Settings' button at the very bottom of the page.<br />
<br />
==Troubleshooting==<br />
Solutions to common Gravity Forms problems:<br />
==='''If you didn't get the entry email'''===<br />
Wait a bit, it might take up to half an hour to get the email. Check your spam to make sure it didn't go in there.<br />
<br />
===Do Gravity Forms support submission preview?===<br />
Gravity Forms do not support submission preview. According to this [http://www.gravityhelp.com/forums/topic/post-preview post], the submission preview feature was supposed to be part of the 1.3 release.<br />
<br />
==Tips==<br />
===Conditional shortcode with Gravity Forms:===<br />
https://gravitywiz.com/gravity-forms-conditional-shortcode/<br />
====Sample Usage: Show Content Only if Value Exists====<br />
<pre><br />
[gravityforms action="conditional" merge_tag="{My Field:1}" condition="isnot" value=""]<br /><br />
My Field Label: {My Field:1}<br /><br />
[/gravityforms]<br />
</pre><br />
==See Also==<br />
[http://www.gravityhelp.com/frequently-asked-questions/ Gravity Form FAQ's]<br />
<br />
[http://www.gravityhelp.com/documentation/page/Gravity_Forms_Documentation Vendor Documentation]<br />
<br />
[[Category:WordPress]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/CLF_Theme/Slideshow&diff=743552Documentation:UBC Content Management System/CLF Theme/Slideshow2023-02-21T17:50:30Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}The ''[slideshow]'' [[Documentation:UBC_Content_Management_System/What_is_a_shortcode%3F|shortcode]] is used to make Spotlight Rotation appear anywhere in your site. <br />
<br />
By default Spotlight Rotation is set to appear on the Frontpage, however you can insert it on any page by using a shortcode:<br />
<br />
[slideshow width="560" height="300"] <br />
<br />
(Note: width and height parameters correspond to image width and size). <br />
<br />
Parameters:<br />
<br />
*width="pixel dimesions" <br />
*height="pixel dimesions"<br />
*category="category slug"<br />
*lookandfeel="Type of slideshow to use. Possible values include: <i>standard</i>, <i>gallery</i>, <i>blank</i>, <i>multi</i>, <i>transparent</i>, <i>basic-sliding</i> (See [[Documentation:UBC_Content_Management_System/CLF_Theme/How_to_insert_a_Spotlight_Rotation_in_a_Page|How to insert Spotlight rotation in a page]] for the look-and-feel previews)"<br />
*maxslides="Number of slides"<br />
*timeout="Number of seconds between slides"<br />
*speed="Speed of slide transition in miliseconds"<br />
*effect= Type of transition effect. Possible values include: fade, growX, scrollHorz, turnLeft, uncover"<br />
*slider_margin="true/false"<br />
*slider_remove_link_to_image="true/false"<br />
*read_more_text="Default - Read More - Change to customize"<br />
*order_by="date,title"<br />
*order="asc, desc"<br />
*remove_link_to="true/false"<br />
<br />
Sample Shortcodes:<br />
<br />
[slideshow width="560" height="300" category="spotlight" lookandfeel="gallery"]<br />
<br />
[slideshow width="560" height="300" category="news" lookandfeel="multi" timeout="5"]<br />
<br />
[[File:Slideshow_Shortcode.jpg|thumb|none|500px|Sample Slideshow Shortcode]]<br />
[[File:4990811443_e7e0d58816_b.jpg|thumb|none|500px|The slideshow on the page]]<br />
<br />
For additional information on how to add or update spotlight images to posts, please refer to sample instructions provided by the UBC Library at <br />
http://wiki.ubc.ca/Library:WordPress_and_Wiki_Tutorial#Create_a_Carousel<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=739816Documentation:UBC Content Management System/Knowledge Repository2023-01-04T23:08:19Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
<br />
==== How to integrate Query Loop block with facets created by FacetWP plugin? ====<br />
FacetWP is an WordPress plugin that provides advanced Ajax-based filtering system. Before dive into the Query Loop integration, please make sure that you understand what facet is and how the plugin works. For more information, please go to https://facetwp.com/help-center/.<br />
<br />
<br />
In short words, the integration is intended to replace 'Facet Template' with 'Query Loop' block. Below is what the steps are in order to create a filtering system using FacetWP plugin and Query Loop block.<br />
<br />
1. Enable 'FacetWP Addon - Query Block Integration' plugin. If you do not have permission to enable it, please contact UBC CMS team by submit a support ticket at https://support.cms.ubc.ca/submit-question-form/.<br />
<br />
2. Create facets and display them on the page using shortcodes. https://facetwp.com/help-center/facets/.<br />
<br />
3. Create a Query Loop block and ensure the Query Loop block and the facets have shared contents. For example, if a facet is filtering based on Post Category, but the Query Loop block is pull Pages instead of Posts, then the facet won't be able to work as expect. For more information on how to set up Query Loop block, please read https://wordpress.com/support/site-editing/theme-blocks/query-loop-block/.<br />
<br />
4. Once the Query Loop block is create, click the 'Document Overview' button on the top-left corner. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.05_AM.png|alt=|none|thumb|500x500px|Facetwp Query Loop block integration - Document Overview]]<br />
5. Expand Query Loop block and select the Post Template block. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.14_AM.png|alt=|none|thumb|501x501px|Facetwp query loop block integration]]<br />
6. Within the block setting on the right side panel, check 'Switch to FacetWP Template'. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.24_AM.png|alt=|none|thumb|501x501px|Facetwp Query Loop block integration - Select Post Template Block]]<br />
7. The FacetWP plugin should now automatically detect the Query Loop block as its template for filtering.<br />
<br />
==== How to add site-wide custom CSS? ====<br />
On UBC CMS, our team installed a plugin called 'Custom CSS'. The plugin allows site administrators to add custom CSS code that will affect every single page on your site. The plugin can be activated at Dashboard -> Plugins. Once the plugin is activated, go to Dashboard -> Appearance -> Custom CSS to add CSS code.<br />
<br />
===== While using the Custom CSS plugin, how to make sure the code affect both the frontend and block editor? =====<br />
Go to Dashboard -> Appearance -> Custom CSS. Within 'Settings' metabox on the right side of the page, select 'Include CSS in the block editor' checkbox. Once the checkbox is selected, the custom CSS saved on the page will affect both frontend and block editor.<br />
<br />
===== I have 'Include CSS in the block editor' checkbox select. Why some of the CSS code does work in the block editor, some of the code doesn't. =====<br />
There are a couple of reasons:<br />
<br />
# The HTML markup between the frontend and the block editor are quite different because the block editor includes content editing functionality that require extra markups to accomplish. Therefore, please inspect the page element and make sure the CSS selector is still correct in the editing page.<br />
# There are additional CSS files enqueued to the admin pages that might affect your CSS code because of [https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity Specificity]. Try using a CSS selector with higher specificity value or [https://developer.mozilla.org/en-US/docs/Web/CSS/important add '!important' to the end of the property rule].<br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=739815Documentation:UBC Content Management System/Knowledge Repository2023-01-04T23:05:12Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
<br />
==== How to integrate Query Loop block with facets created by FacetWP plugin? ====<br />
FacetWP is an WordPress plugin that provides advanced Ajax-based filtering system. Before dive into the Query Loop integration, please make sure that you understand what facet is and how the plugin works. For more information, please go to https://facetwp.com/help-center/.<br />
<br />
<br />
In short words, the integration is intended to replace 'Facet Template' with 'Query Loop' block. Below is what the steps are in order to create a filtering system using FacetWP plugin and Query Loop block.<br />
<br />
1. Enable 'FacetWP Addon - Query Block Integration' plugin. If you do not have permission to enable it, please contact UBC CMS team by submit a support ticket at https://support.cms.ubc.ca/submit-question-form/.<br />
<br />
2. Create facets and display them on the page using shortcodes. https://facetwp.com/help-center/facets/.<br />
<br />
3. Create a Query Loop block and ensure the Query Loop block and the facets have shared contents. For example, if a facet is filtering based on Post Category, but the Query Loop block is pull Pages instead of Posts, then the facet won't be able to work as expect. For more information on how to set up Query Loop block, please read https://wordpress.com/support/site-editing/theme-blocks/query-loop-block/.<br />
<br />
4. Once the Query Loop block is create, click the 'Document Overview' button on the top-left corner. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.05_AM.png|alt=|none|thumb|500x500px|Facetwp Query Loop block integration - Document Overview]]<br />
5. Expand Query Loop block and select the Post Template block. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.14_AM.png|alt=|none|thumb|501x501px|Facetwp query loop block integration]]<br />
6. Within the block setting on the right side panel, check 'Switch to FacetWP Template'. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.24_AM.png|alt=|none|thumb|501x501px|Facetwp Query Loop block integration - Select Post Template Block]]<br />
7. The FacetWP plugin should now automatically detect the Query Loop block as its template for filtering.<br />
<br />
==== How to add site-wide custom CSS? ====<br />
On UBC CMS, our team installed a plugin called 'Custom CSS'. The plugin allows site administrators to add custom CSS code that will affect every single page on your site. The plugin can be activated at Dashboard -> Plugins. Once the plugin is activated, go to Dashboard -> Appearance -> Custom CSS to add CSS code.<br />
<br />
===== While using the Custom CSS plugin, how to make sure the code affect both the frontend and block editor? =====<br />
Go to Dashboard -> Appearance -> Custom CSS. Within 'Settings' metabox on the right side of the page, select 'Include CSS in the block editor' checkbox. Once the checkbox is selected, the custom CSS saved on the page will affect both frontend and block editor.<br />
<br />
===== I have 'Include CSS in the block editor' checkbox select. Why some of the CSS code does work in the block editor, some of the code doesn't. =====<br />
There are a couple of reasons:<br />
<br />
# The HTML markup between the frontend and the block editor are quite different because the block editor includes content editing functionality that require extra markups to accomplish. Therefore, please inspect the page element and make sure the CSS selector is still correct in the editing page.<br />
# There are additional CSS file enqueued to the admin pages that might affect your CSS code because of [https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity Specificity]. Try using a CSS selector with higher specificity value or [https://developer.mozilla.org/en-US/docs/Web/CSS/important add '!important' to the end of the property rule].<br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=739814Documentation:UBC Content Management System/Knowledge Repository2023-01-04T23:04:07Z<p>CongzheXu: Add custom CSS plugin documentation</p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
<br />
==== How to integrate Query Loop block with facets created by FacetWP plugin? ====<br />
FacetWP is an WordPress plugin that provides advanced Ajax-based filtering system. Before dive into the Query Loop integration, please make sure that you understand what facet is and how the plugin works. For more information, please go to https://facetwp.com/help-center/.<br />
<br />
<br />
In short words, the integration is intended to replace 'Facet Template' with 'Query Loop' block. Below is what the steps are in order to create a filtering system using FacetWP plugin and Query Loop block.<br />
<br />
1. Enable 'FacetWP Addon - Query Block Integration' plugin. If you do not have permission to enable it, please contact UBC CMS team by submit a support ticket at https://support.cms.ubc.ca/submit-question-form/.<br />
<br />
2. Create facets and display them on the page using shortcodes. https://facetwp.com/help-center/facets/.<br />
<br />
3. Create a Query Loop block and ensure the Query Loop block and the facets have shared contents. For example, if a facet is filtering based on Post Category, but the Query Loop block is pull Pages instead of Posts, then the facet won't be able to work as expect. For more information on how to set up Query Loop block, please read https://wordpress.com/support/site-editing/theme-blocks/query-loop-block/.<br />
<br />
4. Once the Query Loop block is create, click the 'Document Overview' button on the top-left corner. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.05_AM.png|alt=|none|thumb|500x500px|Facetwp Query Loop block integration - Document Overview]]<br />
5. Expand Query Loop block and select the Post Template block. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.14_AM.png|alt=|none|thumb|501x501px|Facetwp query loop block integration]]<br />
6. Within the block setting on the right side panel, check 'Switch to FacetWP Template'. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.24_AM.png|alt=|none|thumb|501x501px|Facetwp Query Loop block integration - Select Post Template Block]]<br />
7. The FacetWP plugin should now automatically detect the Query Loop block as its template for filtering.<br />
<br />
==== How to add site-wide custom CSS? ====<br />
On UBC CMS, our team installed a plugin called 'Custom CSS'. The plugin allows site administrators to add custom CSS code that will affect every single page on your site. The plugin can be activated at Dashboard -> Plugins. Once the plugin is activated, go to Dashboard -> Appearance -> Custom CSS to add CSS code.<br />
<br />
===== While using the Custom CSS plugin, how to make sure the code affect both the frontend and block editor? =====<br />
Go to Dashboard -> Appearance -> Custom CSS. Within 'Settings' metabox on the right side of the page, select 'Include CSS in the block editor' checkbox. Once the checkbox is selected, the custom CSS saved on the page will affect both frontend and block editor.<br />
<br />
===== I have 'Include CSS in the block editor' checkbox select. Why some of the CSS code does work in the block editor, some of the code doesn't. =====<br />
There are a couple of reasons:<br />
<br />
# The HTML markup between the frontend and the block editor are quite different because the block editor includes content editing functionality that require extra markups to accomplish. Therefore, please inspect the page element and make sure the CSS selector is still correct in the editing page.<br />
# There are different CSS file enqueued to the admin pages that might affect your CSS code because of [https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity Specificity]. Try using a CSS selector with higher specificity value or [https://developer.mozilla.org/en-US/docs/Web/CSS/important add '!important' to the end of the property rule].<br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=739126Documentation:UBC Content Management System/Knowledge Repository2022-12-19T16:53:50Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
<br />
==== How to integrate Query Loop block with facets created by FacetWP plugin? ====<br />
FacetWP is an WordPress plugin that provides advanced Ajax-based filtering system. Before dive into the Query Loop integration, please make sure that you understand what facet is and how the plugin works. For more information, please go to https://facetwp.com/help-center/.<br />
<br />
<br />
In short words, the integration is intended to replace 'Facet Template' with 'Query Loop' block. Below is what the steps are in order to create a filtering system using FacetWP plugin and Query Loop block.<br />
<br />
1. Enable 'FacetWP Addon - Query Block Integration' plugin. If you do not have permission to enable it, please contact UBC CMS team by submit a support ticket at https://support.cms.ubc.ca/submit-question-form/.<br />
<br />
2. Create facets and display them on the page using shortcodes. https://facetwp.com/help-center/facets/.<br />
<br />
3. Create a Query Loop block and ensure the Query Loop block and the facets have shared contents. For example, if a facet is filtering based on Post Category, but the Query Loop block is pull Pages instead of Posts, then the facet won't be able to work as expect. For more information on how to set up Query Loop block, please read https://wordpress.com/support/site-editing/theme-blocks/query-loop-block/.<br />
<br />
4. Once the Query Loop block is create, click the 'Document Overview' button on the top-left corner. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.05_AM.png|alt=|none|thumb|500x500px|Facetwp Query Loop block integration - Document Overview]]<br />
5. Expand Query Loop block and select the Post Template block. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.14_AM.png|alt=|none|thumb|501x501px|Facetwp query loop block integration]]<br />
6. Within the block setting on the right side panel, check 'Switch to FacetWP Template'. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.24_AM.png|alt=|none|thumb|501x501px|Facetwp Query Loop block integration - Select Post Template Block]]<br />
7. The FacetWP plugin should now automatically detect the Query Loop block as its template for filtering.<br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=739125Documentation:UBC Content Management System/Knowledge Repository2022-12-19T16:52:47Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
<br />
==== How to integrate Query Loop block with facets created by FacetWP plugin? ====<br />
FacetWP is an WordPress plugin that provides advanced Ajax-based filtering system. Before dive into the Query Loop integration, please make sure that you understand what facet is and how the plugin works. For more information, please go to https://facetwp.com/help-center/.<br />
<br />
<br />
In short words, the integration is intended to replace 'Facet Template' with 'Query Loop' block. Below is what the steps are in order to create a filtering system using FacetWP plugin and Query Loop block.<br />
<br />
1. Enable 'FacetWP Addon - Query Block Integration' plugin. If you do not have permission to enable it, please contact UBC CMS team by submit a support ticket at https://support.cms.ubc.ca/submit-question-form/.<br />
<br />
2. Create facets and display them on the page using shortcodes. https://facetwp.com/help-center/facets/.<br />
<br />
3. Create a Query Loop block and ensure the Query Loop block and the facets have shared contents. For example, if a facet is filtering based on Post Category, but the Query Loop block is pull Pages instead of Posts, then the facet won't be able to work as expect. For more information on how to set up Query Loop block, please read https://wordpress.com/support/site-editing/theme-blocks/query-loop-block/.<br />
<br />
4. Once the Query Loop block is create, click the 'Document Overview' button on the top-left corner. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.05_AM.png|alt=|none|thumb|500x500px|Facetwp Query Loop block integration - Document Overview]]<br />
5. Expand Query Loop block and select the Post Template block. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.24_AM.png|alt=|none|thumb|501x501px|Facetwp Query Loop block integration - Select Post Template Block]]<br />
6. Within the block setting on the right side panel, check 'Switch to FacetWP Template'. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.14_AM.png|alt=|none|thumb|501x501px|Facetwp query loop block integration]]<br />
7. The FacetWP plugin should now automatically detect the Query Loop block as its template for filtering.<br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=739124Documentation:UBC Content Management System/Knowledge Repository2022-12-19T16:51:39Z<p>CongzheXu: Added FacetWP Query Loop block integraton</p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
<br />
==== How to integrate Query Loop block with facets created by FacetWP plugin? ====<br />
FacetWP is an WordPress plugin that provides advanced Ajax-based filtering system. Before dive into the Query Loop integration, please make sure that you understand what facet is and how the plugin works. For more information, please go to https://facetwp.com/help-center/.<br />
<br />
<br />
In short words, the integration is intended to replace 'Facet Template' with 'Query Loop' block. Below is what the steps are in order to create a filtering system using FacetWP plugin and Query Loop block.<br />
<br />
1. Enable 'FacetWP Addon - Query Block Integration' plugin. If you do not have permission to enable it, please contact UBC CMS team by submit a support ticket at https://support.cms.ubc.ca/submit-question-form/.<br />
<br />
2. Create facets and display them on the page using shortcodes. https://facetwp.com/help-center/facets/.<br />
<br />
3. Create a Query Loop block and ensure the Query Loop block and the facets have shared contents. For example, if a facet is filtering Post Category, but the Query Loop block is pull Pages instead of Posts, then the facet won't be able to work as expect. For more information on how to set up Query Loop block, please read https://wordpress.com/support/site-editing/theme-blocks/query-loop-block/.<br />
<br />
4. Once the Query Loop block is create, click the 'Document Overview' button on the top-left corner. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.05_AM.png|alt=|none|thumb|500x500px|Facetwp Query Loop block integration - Document Overview]]<br />
5. Expand Query Loop block and select the Post Template block. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.24_AM.png|alt=|none|thumb|501x501px|Facetwp Query Loop block integration - Select Post Template Block]]<br />
6. Within the block setting on the right side panel, check 'Switch to FacetWP Template'. <br />
[[File:Screen_Shot_2022-12-19_at_8.33.14_AM.png|alt=|none|thumb|501x501px|Facetwp query loop block integration]]<br />
7. The FacetWP plugin should now automatically detect the Query Loop block as its template for filtering.<br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-12-19_at_8.34.47_AM.png&diff=739123File:Screen Shot 2022-12-19 at 8.34.47 AM.png2022-12-19T16:39:38Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Facetwp query loop block integration}}<br />
|date=2022-12-19<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-12-19_at_8.33.05_AM.png&diff=739122File:Screen Shot 2022-12-19 at 8.33.05 AM.png2022-12-19T16:39:37Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Facetwp query loop block integration}}<br />
|date=2022-12-19<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-12-19_at_8.33.14_AM.png&diff=739121File:Screen Shot 2022-12-19 at 8.33.14 AM.png2022-12-19T16:39:37Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Facetwp query loop block integration}}<br />
|date=2022-12-19<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-12-19_at_8.33.24_AM.png&diff=739120File:Screen Shot 2022-12-19 at 8.33.24 AM.png2022-12-19T16:39:37Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Facetwp query loop block integration}}<br />
|date=2022-12-19<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=727515Documentation:UBC Content Management System/Knowledge Repository2022-08-08T17:41:39Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, WordPress will use the default domain that provided by CMS team as part of the file URL, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress has decides not to embed the file and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=727514Documentation:UBC Content Management System/Knowledge Repository2022-08-08T17:39:14Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, the domain of the file URL that WordPress will use is the default URL provided by CMS team, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|none|thumb]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress decides not to embed and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=727513Documentation:UBC Content Management System/Knowledge Repository2022-08-08T17:38:20Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, the domain of the file URL that WordPress will use is the default URL provided by CMS team, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
<br />
[[File:Screen_Shot_2022-08-08_at_10.24.49_AM.png|alt=|frameless|200x200px]]<br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress decides not to embed and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=727512Documentation:UBC Content Management System/Knowledge Repository2022-08-08T17:37:44Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, the domain of the file URL that WordPress will use is the default URL provided by CMS team, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.49 AM.png|thumb|alt=|none|200x200px]]However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress decides not to embed and will only provide link to download. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb|alt=|none]]In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. [[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px|alt=|none]]<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=727511Documentation:UBC Content Management System/Knowledge Repository2022-08-08T17:36:17Z<p>CongzheXu: </p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
[[File:Screen Shot 2022-08-08 at 10.24.49 AM.png|thumb]]<br />
This often happens if your site is domain mapped. When you embed a file using the file block, the domain of the file URL that WordPress will use is the default URL provided by CMS team, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
<br />
[[File:Screen Shot 2022-08-08 at 10.24.54 AM.png|thumb]]<br />
[[File:Screen Shot 2022-08-08 at 10.14.32 AM.png|thumb|247x247px]] <br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress decides not to embed and will only provide link to download. <br />
<br />
In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. <br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=727510Documentation:UBC Content Management System/Knowledge Repository2022-08-08T17:33:22Z<p>CongzheXu: Add documentation for an issue where an domain mapped site on cms, the file block failed to show embed pdf</p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==== When using the 'file' block to embed a PDF file with the block editor, the embed is correctly showing on preview, but not on the live page. ====<br />
This often happens if your site is domain mapped. When you embed a file using the file block, the domain of the file URL that WordPress will use is the default URL provided by CMS team, eg site-name.sites.olt.ubc.ca. This will not cause any problem when you preview the page because the preview is using the same domain site-name.sites.olt.ubc.ca. <br />
<br />
[[:File:Screen Shot 2022-08-08 at 10.24.49 AM.png|File:Screen Shot 2022-08-08 at 10.24.49 AM.png]] <br />
<br />
However, on a live page, the embed will not show up because your live domain is different from the domain that is part of the file URL. And for security reasons, WordPress decides not to embed and will only provide link to download. <br />
<br />
[[:File:Screen Shot 2022-08-08 at 10.24.54 AM.png|File:Screen Shot 2022-08-08 at 10.24.54 AM.png]] <br />
<br />
In order to fix that, you will need to manually change the file URL from using the default domain to the live domain. Please select the file block and a toolbar will show up. Click the three dots button for more options and click 'Edit as HTML'. Replace the domain from 'site-name.sites.olt.ubc.ca' to your live domain 'yourdomain.ubc.ca'. <br />
<br />
[[:File:Screen Shot 2022-08-08 at 10.14.32 AM.png|File:Screen Shot 2022-08-08 at 10.14.32 AM.png]] <br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-08-08_at_10.24.54_AM.png&diff=727509File:Screen Shot 2022-08-08 at 10.24.54 AM.png2022-08-08T17:27:34Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Screenshot of file block not working on the frontend}}<br />
|date=2022-08-08<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-08-08_at_10.24.49_AM.png&diff=727508File:Screen Shot 2022-08-08 at 10.24.49 AM.png2022-08-08T17:27:34Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Screenshot of file block is working in the preview}}<br />
|date=2022-08-08<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=File:Screen_Shot_2022-08-08_at_10.14.32_AM.png&diff=727504File:Screen Shot 2022-08-08 at 10.14.32 AM.png2022-08-08T17:22:37Z<p>CongzheXu: Uploaded own work with UploadWizard</p>
<hr />
<div>=={{int:filedesc}}==<br />
{{Information<br />
|description={{en|1=Gutenberg file block embed not showing on live page}}<br />
|date=2022-08-08<br />
|source={{own}}<br />
|author=[[User:CongzheXu|CongzheXu]]<br />
|permission=<br />
|other versions=<br />
}}<br />
<br />
=={{int:license-header}}==<br />
{{self|cc-by-sa-4.0}}</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/How_to/How_do_I_add_a_new_user_to_my_site%3F&diff=725650Documentation:UBC Content Management System/How to/How do I add a new user to my site?2022-07-04T18:27:03Z<p>CongzheXu: Updated the text of the invite user menu item</p>
<hr />
<div>{{Infobox CMS}}<br />
__TOC__<br />
<br />
==Foreword & Caution==<br />
Before you add ANY user to a WordPress site, they need to have a CMS account (if using Blogs, then user must have a Blogs account).<br />
If the user does not have a CMS account, then they cannot be added to a site, and will cause confusion to parties involved.<br />
<br />
Best practise:<br />
<br />
1) make sure user has an account. If not, get them to create an account (go to cms.ubc.ca to do so)<br />
<br />
2) send invite / follow instructions in the below scenarios<br />
<br />
<br />
==Overview==<br />
If you wish to add a user to the site:<br />
# Login to you site<br />
# Go to Dashboard -> Users -> Invite User OR go to Dashboard -> Users and click on the Add New button found at the top of the page<br />
Users can only be added through an '''email address''' Once you've entered the Add New User page, please do one of the following:<br />
<br />
==Requirements==<br />
A user must have a valid CWL, email address and a CMS account to be added to a UBC CMS site. The diagram below offers an overview into the process for adding a user.<br />
[[File:CMS Add user.jpg]]<br />
*Sign in or register a CMS account:<br />
**http://cms.ubc.ca/<br />
*Info on creating a CWL<br />
**https://it.ubc.ca/services/accounts-passwords/campus-wide-login-cwl#support<br />
*CWL creation tool<br />
**https://www.cwl.ubc.ca/SignUp/cwlsubscribe/SelfSubscribeIndex.do<br />
<br />
==Adding Users Through Email Address==<br />
# Enter the preferred email address of the person you wish to add<br />
#* If you wish to add more than one user at a time, separate each entry by a semicolon character (";")<br />
# Select whether you want the user(s) to have an Administrator, Editor, Author, Contributor, or Subscriber role from the Role drop-down menu<br />
#* '''IMPORTANT:''' please visit the following [http://codex.wordpress.org/Roles_and_Capabilities page] for a detailed overview of each role: [http://codex.wordpress.org/Roles_and_Capabilities WordPress Roles and Capabilities]<br />
# ''Optional:'' If you wish, you can also set an expiry date to the invitation by selecting the desired time period in the Expiration drop-down menu (this can be a good safety precaution)<br />
# Click on the Add User button; the user(s) should receive an invitation email shortly<br />
# Wait for the user(s) to accept their invitation and create their account<br />
<br />
'''WARNING:''' Adding multiple users at once means that they will all have the same '''role''' and '''invitation expiry date'''. Users with differing roles should be added individually.<br />
<br />
'''NOTE:''' Email addresses can be added simultaneously as long as they are separated by a semicolon (";").<br />
<br />
==Adding Non-UBC users==<br />
The UBC CMS platform requires that users have a UBC Campus Wide Log-in (CWL) in order to log-in to the platform. However, it's a fairly straight forward process to sponsor guest UBC CWL accounts. More information on the process of sponsoring a guest account can be found at http://it.ubc.ca/cwl/support/tutorials/sponsor_guest.shtml.<br />
<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Knowledge_Repository&diff=724936Documentation:UBC Content Management System/Knowledge Repository2022-06-28T19:41:46Z<p>CongzheXu: Added documentation for tablepress jquery issue</p>
<hr />
<div>{{Infobox CMS}}<br />
This is an informal page for documenting specific questions that are asked about the CMS WordPress service.<br />
<br />
==Links==<br />
<br />
====Is it possible to shorten or change an internal link on my site?====<br />
You can use redirection plugin to redirect a link to a specific url. For example, you can set up [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection]] to have <br />
''yoursite.ubc.ca/apps'' to redirect to the post at ''yoursite.ubc.ca/apps/2011/0652558/student_applications''. You can find the [[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_configure_the_Redirection_plugin%3F|redirection plugin]] at Dashboard > Tools > Redirection.<br />
<br />
<br />
==SEO==<br />
<br />
====I need a Google Sitemap, why isn't there a Google Sitemap Plugin?====<br />
<br />
Do you need a Google Site Map? According to experts (Google) small sites say less than a hundred pages do not need a sitemap your content will get indexed. See support thread for [http://productforums.google.com/forum/#!category-topic/webmasters/crawling-indexing--ranking/_cA46A_RMTQ details] . Also Google Sitemap does not work on a WordPress multisite install which CMS is so for those reasons we will not be adding this feature to the service.<br />
<br />
==Images, Files, PDFs, Videos and Other Media==<br />
<br />
====Is there any way to create folders in the Media Library so I can organize the images/PDFs?====<br />
<br />
Unfortunately, there is no way to create folders in the Media Library.<br />
<br />
====I have lots of PDF documents I want on my site. Can they be hosted on the CMS server or will I have to continue to maintain them myself?====<br />
<br />
PDFs can be uploaded into the WordPress Media Library. When they are in the MediaLibrary, WordPress will assign the file a specific URL. You can then use that url to create direct links to the files.<br />
<br />
====How can I create an image gallery on my site?====<br />
<br />
In order to enable the gallery functionality, simply do the following:<br />
<br />
#Go to the page or post you'd like to add the gallery to<br />
#Click on the "Add an Image" button (found next to "Upload/Insert")<br />
#Select all the images you'd like to add from you computer and click "Save all changes"<br />
#Click on the "Gallery" tab and arrange all the images in the order you'd like them to appear in (if you click on the "Show" link you can also edit each of the images' attributes as well)<br />
#Click "Insert gallery" to insert the gallery into your post<br />
#Click on the "Update" button to update your page/post<br />
<br />
'''See also:'''<br />
<br />
[http://en.support.wordpress.com/images/gallery/ Visual step by step guide to WordPress galleries]<br />
<br />
[http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/ WordPress gallery FAQ and overview]<br />
<br />
====Can I upload videos into CMS?====<br />
<br />
Rather than upload videos into CMS/WordPress, you should instead upload the videos to a streaming media service (such as YouTube or Kaltura) and then embed them into your website.<br />
<br />
====How do I add a Twitter feed?====<br />
<br />
'''Using the default RSS widget:'''<br />
# Go to the Dashboard -> Appearance -> Widgets (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "RSS" widget into the primary widget area<br />
# Enter your twitter RSS feed URL (it should be in the following format: "http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=account-name" where "account-name" is the twitter account you wish to pull content from)<br />
# Enter a title for your feed and decide on any of the additional settings offered by the widget<br />
# Click on the "Save" button<br />
<br />
'''Using the Twitter profile widget:'''<br />
# Go to the [http://twitter.com/about/resources/widgets Twitter Widgets page]<br />
# Select ''Widgets for... -> My Website''<br />
# Click on the Profile Widget link (or you can choose one of the others for different purposes like the search widget)<br />
# Select the profile to follow and adjust the settings to your preference (you can click on the ''Test Settings'' button to see what your settings will look like)<br />
# Click on the ''Finish & Grab Code'' button and copy the embed code that appears on the page<br />
# Go to Dashboard -> Appearance -> Widgets on your site (make sure the theme you're using has a widget area and you have that widget area enabled)<br />
# Drag and drop the "Text" widget into the primary widget area<br />
# Paste your embed code into the content area and give the widget a title<br />
# Click on the ''Save'' button<br />
<br />
==Custom Coding==<br />
<br />
====How do we change the site's stylesheet or add our own css?====<br />
<br />
If you would like to use CSS to add custom style to your site, you can do so using the Custom CSS plug-in. You'll first need to activate the plug-in by going to ''Dashboard -> Tools -> Plugins'' and then clicking on activate next to the Custom CSS plug-in. After reloading the dashboard, you'll then see a CSS link at ''Dashboard -> Appearance -> Custom CSS'' which takes you to a page where you can add custom styles.<br />
<br />
==Widgets==<br />
<br />
==Administration==<br />
<br />
====How can I add non-UBC parties to a site?====<br />
<br />
If you'd like to invite a non-UBC party to your site, you'll have to set up a guest CWL for them first. To learn how to sponsor a guest, follow this [http://it.ubc.ca/service_catalogue/accounts/cwl/tutorials/sponsor.html link].<br />
<br />
Once you have completed this step, you can follow the instructions on this [[Documentation:UBC Content Management System/How to/How do I add a new user to my site?|page]].<br />
<br />
== Frequently Asked Questions ==<br />
<br />
==== When using the TablePress plugin, the table is unable to be saved if the number of the total row or total column is changed. The error message shows 'Saving failed: AJAX call successful, internal saving process failed.'. ====<br />
On March 9th, 2021, the TablePress plugin has released version 1.13 which uses newer version of the jQuery library 3.x. This change could cause site owners unable to save tables within the TablePress plugin if the changes includes any forms of table row/column addition or deletion. The recommended solution is to go to site Dashboard -> Tools -> jQuery Migrate and change 'jQuery Version' from 'Legacy 1.12.4-wp' to 'Default from WordPress'. If the problem persists after applied the recommended solution, please contact lt.hub@ubc.ca. <br />
<br />
==Final Steps==<br />
<br />
[[Category:UBC CMS]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:WordPress/Plugins/Gravity_Forms&diff=722863Documentation:WordPress/Plugins/Gravity Forms2022-06-06T18:05:59Z<p>CongzheXu: Updated Google reCAPTCHA documentation</p>
<hr />
<div>''Gravity Forms'' can be used to create online forms that site visitors can fill out and an email notification will be sent to the author each time a form is submitted. An example of such a form could ask users to fill out information for an upcoming event.<br />
<br />
==Important Notice==<br />
When using Gravity Forms, do not store/collect any sensitive information. Sensitive information includes student numbers, CWL information, and private personal information. Furthermore, please don't use Gravity Forms for mission-critical information; even though we keep database backups, data loss still might occur.<br />
<br />
==Form Setup==<br />
Log in to your site, if you haven't already done so. <br />
<br />
===Activate Gravity Forms===<br />
# Select '''Dashboard -> Plugins''' and scroll down to [http://www.gravityforms.com/ Gravity Forms]. On the right, there should be a link to activate the plugin for your site ([[Documentation:WordPress/Plugins/Enabling Plugins|Enabling Plugins]]).<br />
# A new menu item should appear in the menu bar found on the left side called Forms.<br />
<br />
===Add a New Form===<br />
# Go to Dashboard -> Forms -> New Form.<br />
# Create your form. Check out this video: [http://vimeo.com/13584326 Using Gravity Forms] (video duration 4:23 min).<br />
# Save the form.<br />
<br />
===Optional: Confirmation Notice===<br />
# Go to Dashboard -> Forms -> Edit Forms and select the form you wish to change<br />
# Click on the "Form Settings" selection in the gray header menu<br />
# Select the "Confirmation" tab and edit the confirmation text field<br />
#* If you also wish to add any of the information submitted through the form (ex: name):<br />
#*# Select the "Text" radio button on the "Confirmation" tab<br />
#*# Enter the text that you'd like to precede the form item (name example: "Thank you, ")<br />
#*# Select the form item you'd like to have appear in the confirmation message from the "Insert from field" dropdown<br />
#*#* Your message in the text field should look similar to this: "Thank you, {Name (First):3.3}"<br />
# Alternately, you can also link to an '''internal or external page''' upon confirmation by selecting the "Page" or "Redirect" radio button respectively<br />
<br />
===Embed the form onto a page===<br />
# Either create a new Page or edit an existing Page: ''Dashboard -> Pages -> New Page'' or ''Dashboard -> Pages -> Pages''.<br />
# Add the form to the page. Use the gray button between the page title and page body. Note: This is shown in the video above.<br />
# Save the Page.<br />
<br />
===Receive emails from the form===<br />
# Go to ''Dashboard -> Forms -> Edit Forms''.<br />
# Mouse over the name of the form you just created. You should be able to see a "Notifications" link appear below your form's name. Click it. <br />
# Under the "Notification to Administrator" heading select the "Enable email notification to administrators" checkbox and fill out the form. <br />
# Scroll down and save the form.<br />
<br />
===Test the form===<br />
# Go to the page that you just created and fill out your form. Check that you received an email with the information you entered.<br />
# Check if the form has a new entry. Go to ''Dashboard -> Forms -> Edit Forms'' and check the Entries column, or go to ''Dashboard -> Forms -> Entries'' and select the form you just created.<br />
<br />
=== Add reCAPTCHA(optional) ===<br />
Any web form showing on your site without protection has the potential to cause spams on daily basis. It is recommended to install Google reCAPTCHA for sites on UBC CMS that uses Gravity Forms.<br />
# To start using reCAPTCHA, you need to [https://www.google.com/recaptcha/admin/create sign up for an API key pair] for your site. Under reCAPTCHA type, please choose reCAPTCHA V3. Under domains, If your site has not been domain mapped yet, please add the URL that provided by UBC CMS team after the site creation. Eg, ctlt-test-2021.sites.olt.ubc.ca. If your site has been domain mapped, please make sure to add both the URL provided by CMS team and the primary domain that your site is currently using. Once all the information are correctly filled on the page, please click the submit button. You will then receive a pair of 'Site Key' and 'Secret Key' from Google.<br />
# Login to your site's Dashboard an go to 'Plugins'. Search for 'Gravity Forms reCAPTCHA Add-On' and activate it. <br />
# Go to Dashboard -> Forms -> Settings. Under 'reCAPTCHA' tab and below 'reCAPTCHA v3' section. Paste in the key pair received from step 1) and click 'Save Settings' button at the very bottom of the page.<br />
<br />
==Troubleshooting==<br />
Solutions to common Gravity Forms problems:<br />
==='''If you didn't get the entry email'''===<br />
Wait a bit, it might take up to half an hour to get the email. Check your spam to make sure it didn't go in there.<br />
<br />
===Do Gravity Forms support submission preview?===<br />
Gravity Forms do not support submission preview. According to this [http://www.gravityhelp.com/forums/topic/post-preview post], the submission preview feature was supposed to be part of the 1.3 release.<br />
<br />
==Tips==<br />
===Conditional shortcode with Gravity Forms:===<br />
https://gravitywiz.com/gravity-forms-conditional-shortcode/<br />
====Sample Usage: Show Content Only if Value Exists====<br />
<pre><br />
[gravityforms action="conditional" merge_tag="{My Field:1}" condition="isnot" value=""]<br /><br />
My Field Label: {My Field:1}<br /><br />
[/gravityforms]<br />
</pre><br />
==See Also==<br />
[http://www.gravityhelp.com/frequently-asked-questions/ Gravity Form FAQ's]<br />
<br />
[http://www.gravityhelp.com/documentation/page/Gravity_Forms_Documentation Vendor Documentation]<br />
<br />
[[Category:WordPress]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:UBC_Content_Management_System/Managing_People_Profiles_and_Directories&diff=707637Documentation:UBC Content Management System/Managing People Profiles and Directories2021-11-26T21:23:00Z<p>CongzheXu: /* [profilenavigation] shortcode */</p>
<hr />
<div>{{Infobox CMS}}<br />
Public profiles can be managed and displayed on a site through the use of the ''Profile Custom Content Type'' plugin.<br />
<br />
Profiles can be centrally managed by the site administrator(s) as well as by users who have been given appropriate permissions.<br />
<br />
== Setup ==<br />
<br />
# From the Dashboard, select ''Tools'' -> ''Plugins'', then scroll down to ''Profile Custom Content Type'' and click the activate link on the right.<br />
# A menu item called ''Profiles'' should appear in the left sidebar.<br />
<br />
== Usage ==<br />
<br />
Typically you will first decide what kind of information you want to display and how you want to organize profiles and set up a profile form and page layout following the instructions below.<br />
<br />
After this your users can fill out or edit their profiles by logging in and going to ''Profiles''->''Public Profile''<br />
<br />
== Configuration ==<br />
<br />
[[File:Profile CCT Settings About.png|thumb|400px|The profile settings about page.]]<br />
<br />
Customization and configuration settings can be found in ''Profiles'' -> ''Settings'' on the dashboard.<br />
<br />
The settings section is separated into tabs, which are described in further detail in the following sections.<br />
<br />
Initially the About tab will be displayed which contains an overview of how to set everything up.<br />
<br />
=== Form Builder ===<br />
<br />
[[File:Profile CCT Settings Form.png|thumb|400px|The Form Builder tab]]<br />
<br />
To customize the form your users will fill in, go to ''Profiles'' -> ''Settings'' and select the ''Form'' tab. <br />
<br />
On the left you will see a list of fields you can add to your form, and in the rest of the space a preview of the form layout is displayed. Adding, removing, and rearranging fields can all be done simply by dragging and dropping. There are 3 sections here where fields can be placed, the main area, the sidebar and a tabbed area beneath the main area. Any number of tabs can be added to hold fields.<br />
<br />
*To add a field, simply drag it from the side column into the form preview where you want that field to go.<br />
*To remove a field, drag it from the preview back to the side column.<br />
*To move fields around you can drag them to a different spot in the preview.<br />
<br />
Most of the form fields can be further customized by clicking on the Edit button seen in the corner of a field. From here you can hide individual input boxes and add a description, such as instructions to the users who will be filling out the form.<br />
<br />
Many fields have an ''Add another'' button, allowing a user to add multiple values. This can be disabled for a particular field by clicking on its ''Edit'' link. The ''Add another'' buttons are not active on the form builder page.<br />
<br />
Please note that form layout and the public profile page layout displayed on the site can be customized independently from each other. This means adding a field to the form won't automatically add it to the Profile view.<br />
<br />
Need more fields? Additional custom fields can be created from the ''Profiles'' -> ''Settings'' page in the ''Fields'' Tab. When you create a field you can select an existing one for it to behave like, or you can use a generic text or textarea input.<br />
<br />
=== Order Profiles ===<br />
Currently the Profile plugin enables profiles to be order by any order that you wish. <br />
Go to Profile -> Order Profiles.<br />
<br />
Here you can drag and drop the profiles into a specific order. Or designate an order using the numbers to the left of each profile. You can also use the First Name and Last Name links at the top of the page, to quickly sort by first or last name.<br />
<br />
This order will display by default on archives pages and search results, unless another ordering is specified.<br />
<br />
=== Profile View and List View Builder ===<br />
<br />
Two different profile layouts can be configured, the ''List View'' intended for displaying a list of people, probably with only basic information, and the ''Profile View'', intended for displaying more details on an individual person.<br />
<br />
Editing these views is similar to using the form builder, you can drag and drop fields you want to display. Fields that are included in the form view will be highlighted blue in the left column to make it easier to identify the fields you are currently collecting and probably want to display.<br />
<br />
If you hover over one of the fields in the preview area, there is again an edit button in the corner which you can use to customize how the fields will display. All fields contain a variety of CSS selectors too so you can fully customize how profiles look with some simple CSS.<br />
<br />
=== Taxonomies ===<br />
<br />
[[File:Profile-taxonomy.png|thumb|300px|Managing taxonomies]]<br />
<br />
Taxonomies work like [[Documentation:UBC_Content_Management_System/Tags|tags]] and [[Documentation:UBC_Content_Management_System/Categories|categories]] in WordPress, you can use them to categorize and filter profiles.<br />
<br />
To add taxonomies, ''Profiles'' -> ''Settings'' and select the ''Taxonomy'' tab.<br />
<br />
Any taxonomies that are created need to be added to the form, just like any other field.<br />
<br />
They will also show up on the List and Profile view builder screen as a field you can add, so you can make the profile display the categories the person is assigned.<br />
<br />
Lastly, they will also show up in the admin sidebar menu under ''Profiles'' for administrators, here you can manage terms related to each taxonomy.<br />
<br />
=== Settings ===<br />
<br />
Miscellaneous settings for the plugin can be found at ''Profiles'' -> ''Settings'' in the ''Settings'' tab. Here you can change the profile picture size and permission settings, as well as profile ordering and customizing how users can filter profiles on a profile list page.<br />
<br />
Note that profile pictures that have already been uploaded will not be adjusted automatically if you change the size settings, so it's best to decide on a size before profiles are added.<br />
<br />
==== Permissions ====<br />
[[File:Profile CCT Settings Permisions.png|thumb|650px|Default permissions]]<br />
<br />
There are several different permissions that can be granted to users under the Settings tab. However, none of these permissions will allow access to the Profile -> Settings page. Only administrators may manage the plugin.<br />
* '''Enable public profile''', allows the user to have, and edit a single profile.<br />
* '''Create multiple profiles''', allows the user manage multiple profiles, as well as see the full list of profiles. They will only be able to modify profiles which they are the author of.<br />
* '''Manage all profiles''', the user will be able to edit any profile, regardless of author. They will also be able to create new profiles and assign them to other authors.<br />
* '''Publish profile''', users without this permission will have to have their profiles reviewed and published by users that do have this permission.<br />
* '''Read private profile''', the user will be able to read private profiles.<br />
* '''Delete own profile''', allows the user to delete any profile that he is the author of.<br />
* '''Delete all profiles''', allows the user to delete any profile, regardless of author.<br />
<br />
== Managing Profiles ==<br />
<br />
=== Creating a Profile ===<br />
<br />
[[File:Profile-public-profile.png|thumb|280px|Where your users can go to edit their profiles]]<br />
<br />
You can create a new profile by going to ''Profiles'' -> ''Add New'' in the dashboard.<br />
<br />
Here you will be presented with the form that was built in the settings page. <br />
<br />
If you have your users fill in their own profiles, they will log in and click ''Edit Public Profile'' to enter their information. By default if a users role is ''Subscriber'' or ''Contributor'' they will be able to fill in their profile information and save it, ''but not publish it.'' This can be changed in the ''Settings'' tab in ''Profiles''->''Settings'' under ''Permissions''<br />
<br />
=== Managing Profiles ===<br />
<br />
Under ''Profiles'' -> ''Profiles'' a list of all profiles will be displayed, as well as links to edit, view or delete.<br />
<br />
==Displaying profiles and people lists on your site==<br />
<br />
The plugin will automatically generate pages for individual profiles as well as lists of people.<br />
<br />
Typically a persons profile will be found at ''example.ubc.ca/person/firstname-lastname''<br />
<br />
A list of all profiles can be found at ''example.ubc.ca/person/''<br />
<br />
Lists of people tagged/categorized by a taxonomy can be found at ''example.ubc.ca/{taxonomy-name}/{taxonomy-value}'', for example, if you have a taxonomy called 'role' and terms like student, staff, faculty etc, a list of all students would be displayed on ''example.ubc.ca/role/student''<br />
<br />
===Displaying profiles with shortcodes===<br />
<br />
If you want to integrate profile information into other pages and posts and display profile lists based on more elaborate criteria, the plugin offers 2 [[Documentation:UBC_Content_Management_System/Shortcodes|shortcodes]] to enable this functionality.<br />
<br />
==== [profile] shortcode ====<br />
<br />
The [profile] shortcode can be used to display a single profile.<br />
usage: [profile person="''slug''"] where ''slug'' typically is of the format ''firstname-lastname''<br />
<br />
By default, it will display the full profile view (as configured at Profiles -> Settings -> Profile View), but you can also pass in the parameter display="list" to show the list view instead.<br />
example: [profile person="bob-smith" display="list"] will show Bob Smith's profile and display the list view only rather than the full view.<br />
<br />
==== [profilelist] shortcode ====<br />
<br />
The [profilelist] shortcode enables you to display lists of people anywhere on the site.<br />
<br />
By default it will display ''all'' the profiles, and it will use the list view (as configured at Profiles -> Settings -> List View)<br />
<br />
You can also filter by taxonomy, for example, if you have a taxonomy called 'role' you could use [profilelist role="student"] to display a list of profiles with the role 'student' assigned to them. You can filter on multiple taxonomies as well. Example: [profilelist role="student" school="UBC"] would return students from UBC. <br />
By default if multiple criteria are specified then only profiles matching ''all'' of the criteria will be displayed. You can add query="or" to the shortcode to display profiles matching ''any'' one of the criteria instead.<br />
<br />
You can also display an arbitrary list of people by using [profilelist include="12, 20, 23, 25"] where you pass in a list of numbers corresponding to profile IDs<br />
<br />
The [profilelist] shortcode also can take display="full" to show full profiles instead of the list view, as well as display="name" to only show a list of names.<br />
<br />
You can limit the number of profiles displayed by adding the "limit" parameter; [profilelist orderby="3"]<br />
<br />
To display your list based on the order in the Order Profiles page, set the "orderby" parameter to "menu_order" as follows: [profilelist orderby="menu_order"]. You can also sort the profiles using any of the following orderby parameters instead,<br />
* last_name, order by the profile's last name.<br />
* date, arrange by the date the profile was created.<br />
* random, arranges the posts into a random order. Use this in conjunction with the "limit" parameter to display a list of random profiles.<br />
<br />
To display your list based on last name, set the "orderby" parameter to "last_name": [profilelist orderby="last_name"]<br />
<br />
==== [profilefield] shortcode ====<br />
<br />
This shortcode can only be used on a profile page. It pulls specific fields from the profile and render it at the shortcode. The display will mirror the settings that you configure in the Profile View Builder. These are the available parameters for the profilefield shortcode<br />
* type, set the id of the field that you want to get. (eg. name, bio, email, clone_lab_phone, phone)<br />
* show, determines which parts of a field are displayed. This corresponds to the "show / hide input area" checkboxes when you edit a field in the Profile View Builder. So for example, for the "name" field type, the valid options are "salutations", "middle", and "credentials". The show parameter should be set to a comma separated list of the sections that you want to display, and will override the settings that you configured on the Profile View Builder.<br />
* html, if you set html="false" then all html tags will be stripped out of the field. Allowing you to just get the information.<br />
* width, the width of this field. Valid options are "full", "one-third", "two-third", or "half". Note that if html=false then this option will do nothing.<br />
<br />
eg. [profilefield type=name show="salutations, middle", html=false] will show the profile's salutations as well as first, last, and middle name. The text will not be wrapped in any html, and so will not have the usual header tags.<br />
<br />
===Profile Navigation===<br />
[[File:Profile CCT Settings Navigation.png|thumb|300px|The available options for profile navigation]]<br />
<br />
A customizable widget is available to search and filter the profiles. Go to Appearance -> Widget and drag the Profile Navigation widget to one of the content areas on the right. This will display a widget with several filtering options that you can configure in the Profile CCT Plugin's settings tab.<br />
<br />
==== [profilesearch] shortcode ====<br />
Display a search box (with jquery-ui Autocomplete) to search for profiles by name.<br />
<br />
==== [profilenavigation] shortcode ====<br />
Displays profile navigation. If no parameters are supplied it'll rely on the options set in the settings page. If at least one parameter is supplied then the global settings will be ignored<br />
* display_searchbox=true to show the search box<br />
* display_alphabet=true to show the letter list<br />
* display_orderby=true to show the orderby field<br />
* display_tax="comma separated list of taxonomies" to show dropdowns to filter by those taxonomies. The slug of the taxonomy starts with 'profile_cct_'. For example, if you created a taxonomy called 'department', then the slug of the taxonomy you should put in the shortcode is 'profile_cct_department'.<br />
<br />
eg. [profilenavigation display_searchbox="true" display_tax="location, position"] will show a searchbox as well as two dropdown menus to filter by the two specified taxonomies<br />
<br />
==Assigning profiles to a user account==<br />
If you set the editor field of a profile to a user on the site, that user can edit their own profile.<br />
<br />
#In the dashboard of your site, click the Profiles menu.<br />
#Scroll or use the search feature to find the correct Profile.<br />
#“Edit” the profile.<br />
#On the right column, scroll down until you see the “Author” box.<br />
#In the dropdown list, choose the matching account name.<br />
#“Update” the profile.<br />
<br />
You are done! Instruct the new user to log in with their CWL from cms.ubc.ca, then edit their profile.<br />
<br />
== Notes & Tricks ==<br />
If a profile requires a name that has characters that isn't accepted (aka you can't type it into the field) , you could try cutting and pasting the name (including special characters) into the field. <br />
<br />
== Bugs ==<br />
<br />
The Profile plugin is still under development. If you encounter any unexpected behaviour please email cms.support@ubc.ca with as much detail as possible about what you were trying to do and what went wrong.</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:WordPress/Plugins/Gravity_Forms&diff=630995Documentation:WordPress/Plugins/Gravity Forms2021-03-10T19:51:42Z<p>CongzheXu: /* Add reCAPTCHA(optional) */</p>
<hr />
<div>''Gravity Forms'' can be used to create online forms that site visitors can fill out and an email notification will be sent to the author each time a form is submitted. An example of such a form could ask users to fill out information for an upcoming event.<br />
<br />
==Important Notice==<br />
When using Gravity Forms, do not store/collect any sensitive information. Sensitive information includes student numbers, CWL information, and private personal information. Furthermore, please don't use Gravity Forms for mission-critical information; even though we keep database backups, data loss still might occur.<br />
<br />
==Form Setup==<br />
Log in to your site, if you haven't already done so. <br />
<br />
===Activate Gravity Forms===<br />
# Select '''Dashboard -> Plugins''' and scroll down to [http://www.gravityforms.com/ Gravity Forms]. On the right, there should be a link to activate the plugin for your site ([[Documentation:WordPress/Plugins/Enabling Plugins|Enabling Plugins]]).<br />
# A new menu item should appear in the menu bar found on the left side called Forms.<br />
<br />
===Add a New Form===<br />
# Go to Dashboard -> Forms -> New Form.<br />
# Create your form. Check out this video: [http://vimeo.com/13584326 Using Gravity Forms] (video duration 4:23 min).<br />
# Save the form.<br />
<br />
===Optional: Confirmation Notice===<br />
# Go to Dashboard -> Forms -> Edit Forms and select the form you wish to change<br />
# Click on the "Form Settings" selection in the gray header menu<br />
# Select the "Confirmation" tab and edit the confirmation text field<br />
#* If you also wish to add any of the information submitted through the form (ex: name):<br />
#*# Select the "Text" radio button on the "Confirmation" tab<br />
#*# Enter the text that you'd like to precede the form item (name example: "Thank you, ")<br />
#*# Select the form item you'd like to have appear in the confirmation message from the "Insert from field" dropdown<br />
#*#* Your message in the text field should look similar to this: "Thank you, {Name (First):3.3}"<br />
# Alternately, you can also link to an '''internal or external page''' upon confirmation by selecting the "Page" or "Redirect" radio button respectively<br />
<br />
===Embed the form onto a page===<br />
# Either create a new Page or edit an existing Page: ''Dashboard -> Pages -> New Page'' or ''Dashboard -> Pages -> Pages''.<br />
# Add the form to the page. Use the gray button between the page title and page body. Note: This is shown in the video above.<br />
# Save the Page.<br />
<br />
===Receive emails from the form===<br />
# Go to ''Dashboard -> Forms -> Edit Forms''.<br />
# Mouse over the name of the form you just created. You should be able to see a "Notifications" link appear below your form's name. Click it. <br />
# Under the "Notification to Administrator" heading select the "Enable email notification to administrators" checkbox and fill out the form. <br />
# Scroll down and save the form.<br />
<br />
===Test the form===<br />
# Go to the page that you just created and fill out your form. Check that you received an email with the information you entered.<br />
# Check if the form has a new entry. Go to ''Dashboard -> Forms -> Edit Forms'' and check the Entries column, or go to ''Dashboard -> Forms -> Entries'' and select the form you just created.<br />
<br />
=== Add reCAPTCHA(optional) ===<br />
<br />
# To start using reCAPTCHA, you need to [https://www.google.com/recaptcha/admin/create sign up for an API key pair] for your site. Under reCAPTCHA type, please choose reCAPTCHA v2 since Gravity Forms does not support v3 keys. If you would like a visible reCAPTCHA which will ask user to check every time, please select '"I'm not a robot" tickbox'. Alternatively, if you prefer to use an invisible reCAPTCHA, please select 'Invisible reCAPTCHA badge'. Under domains, If your site is not domain mapped, please add the default URL that CMS team has provided after the site creation. Eg, ctlt-test-2021.sites.olt.ubc.ca. If your site is domain mapped, please make sure to add both the default URL and the primary domain that you used on the site to the list.<br />
# Once the API Key is created, you will receive 'Site Key' and 'Secret Key' from Google. Please go back to WordPress Dashboard -> Forms -> Settings. At the bottom of the page where it says reCAPTCHA Settings. Please paste Site Key and Secret Key inside the fields below. Make sure you choose the correct type based on your Google reCAPTCHA type you set earlier and save the settings.<br />
# Add reCAPTCHA field to your forms. Go to edit one of your forms. Under 'Advanced Fields', please add 'CAPTCHA' field to your form.<br />
<br />
==Troubleshooting==<br />
Solutions to common Gravity Forms problems:<br />
==='''If you didn't get the entry email'''===<br />
Wait a bit, it might take up to half an hour to get the email. Check your spam to make sure it didn't go in there.<br />
<br />
===Do Gravity Forms support submission preview?===<br />
Gravity Forms do not support submission preview. According to this [http://www.gravityhelp.com/forums/topic/post-preview post], the submission preview feature was supposed to be part of the 1.3 release.<br />
<br />
==Tips==<br />
===Conditional shortcode with Gravity Forms:===<br />
https://gravitywiz.com/gravity-forms-conditional-shortcode/<br />
====Sample Usage: Show Content Only if Value Exists====<br />
<pre><br />
[gravityforms action="conditional" merge_tag="{My Field:1}" condition="isnot" value=""]<br /><br />
My Field Label: {My Field:1}<br /><br />
[/gravityforms]<br />
</pre><br />
==See Also==<br />
[http://www.gravityhelp.com/frequently-asked-questions/ Gravity Form FAQ's]<br />
<br />
[http://www.gravityhelp.com/documentation/page/Gravity_Forms_Documentation Vendor Documentation]<br />
<br />
[[Category:WordPress]]</div>CongzheXuhttps://wiki.ubc.ca/index.php?title=Documentation:WordPress/Plugins/Gravity_Forms&diff=630994Documentation:WordPress/Plugins/Gravity Forms2021-03-10T19:51:07Z<p>CongzheXu: Add steps to set up recaptcha</p>
<hr />
<div>''Gravity Forms'' can be used to create online forms that site visitors can fill out and an email notification will be sent to the author each time a form is submitted. An example of such a form could ask users to fill out information for an upcoming event.<br />
<br />
==Important Notice==<br />
When using Gravity Forms, do not store/collect any sensitive information. Sensitive information includes student numbers, CWL information, and private personal information. Furthermore, please don't use Gravity Forms for mission-critical information; even though we keep database backups, data loss still might occur.<br />
<br />
==Form Setup==<br />
Log in to your site, if you haven't already done so. <br />
<br />
===Activate Gravity Forms===<br />
# Select '''Dashboard -> Plugins''' and scroll down to [http://www.gravityforms.com/ Gravity Forms]. On the right, there should be a link to activate the plugin for your site ([[Documentation:WordPress/Plugins/Enabling Plugins|Enabling Plugins]]).<br />
# A new menu item should appear in the menu bar found on the left side called Forms.<br />
<br />
===Add a New Form===<br />
# Go to Dashboard -> Forms -> New Form.<br />
# Create your form. Check out this video: [http://vimeo.com/13584326 Using Gravity Forms] (video duration 4:23 min).<br />
# Save the form.<br />
<br />
===Optional: Confirmation Notice===<br />
# Go to Dashboard -> Forms -> Edit Forms and select the form you wish to change<br />
# Click on the "Form Settings" selection in the gray header menu<br />
# Select the "Confirmation" tab and edit the confirmation text field<br />
#* If you also wish to add any of the information submitted through the form (ex: name):<br />
#*# Select the "Text" radio button on the "Confirmation" tab<br />
#*# Enter the text that you'd like to precede the form item (name example: "Thank you, ")<br />
#*# Select the form item you'd like to have appear in the confirmation message from the "Insert from field" dropdown<br />
#*#* Your message in the text field should look similar to this: "Thank you, {Name (First):3.3}"<br />
# Alternately, you can also link to an '''internal or external page''' upon confirmation by selecting the "Page" or "Redirect" radio button respectively<br />
<br />
===Embed the form onto a page===<br />
# Either create a new Page or edit an existing Page: ''Dashboard -> Pages -> New Page'' or ''Dashboard -> Pages -> Pages''.<br />
# Add the form to the page. Use the gray button between the page title and page body. Note: This is shown in the video above.<br />
# Save the Page.<br />
<br />
===Receive emails from the form===<br />
# Go to ''Dashboard -> Forms -> Edit Forms''.<br />
# Mouse over the name of the form you just created. You should be able to see a "Notifications" link appear below your form's name. Click it. <br />
# Under the "Notification to Administrator" heading select the "Enable email notification to administrators" checkbox and fill out the form. <br />
# Scroll down and save the form.<br />
<br />
===Test the form===<br />
# Go to the page that you just created and fill out your form. Check that you received an email with the information you entered.<br />
# Check if the form has a new entry. Go to ''Dashboard -> Forms -> Edit Forms'' and check the Entries column, or go to ''Dashboard -> Forms -> Entries'' and select the form you just created.<br />
<br />
=== Add reCAPTCHA(optional) ===<br />
1. To start using reCAPTCHA, you need to [https://www.google.com/recaptcha/admin/create sign up for an API key pair] for your site. Under reCAPTCHA type, please choose reCAPTCHA v2 since Gravity Forms does not support v3 keys. If you would like a visible reCAPTCHA which will ask user to check every time, please select '"I'm not a robot" tickbox'. Alternatively, if you prefer to use an invisible reCAPTCHA, please select 'Invisible reCAPTCHA badge'. Under domains, If your site is not domain mapped, please add the default URL that CMS team has provided after the site creation. Eg, ctlt-test-2021.sites.olt.ubc.ca. If your site is domain mapped, please make sure to add both the default URL and the primary domain that you used on the site to the list.<br />
<br />
2. Once the API Key is created, you will receive 'Site Key' and 'Secret Key' from Google. Please go back to WordPress Dashboard -> Forms -> Settings. At the bottom of the page where it says reCAPTCHA Settings. Please paste Site Key and Secret Key inside the fields below. Make sure you choose the correct type based on your Google reCAPTCHA type you set earlier and save the settings.<br />
<br />
3. Add reCAPTCHA field to your forms. Go to edit one of your forms. Under 'Advanced Fields', please add 'CAPTCHA' field to your form.<br />
<br />
==Troubleshooting==<br />
Solutions to common Gravity Forms problems:<br />
==='''If you didn't get the entry email'''===<br />
Wait a bit, it might take up to half an hour to get the email. Check your spam to make sure it didn't go in there.<br />
<br />
===Do Gravity Forms support submission preview?===<br />
Gravity Forms do not support submission preview. According to this [http://www.gravityhelp.com/forums/topic/post-preview post], the submission preview feature was supposed to be part of the 1.3 release.<br />
<br />
==Tips==<br />
===Conditional shortcode with Gravity Forms:===<br />
https://gravitywiz.com/gravity-forms-conditional-shortcode/<br />
====Sample Usage: Show Content Only if Value Exists====<br />
<pre><br />
[gravityforms action="conditional" merge_tag="{My Field:1}" condition="isnot" value=""]<br /><br />
My Field Label: {My Field:1}<br /><br />
[/gravityforms]<br />
</pre><br />
==See Also==<br />
[http://www.gravityhelp.com/frequently-asked-questions/ Gravity Form FAQ's]<br />
<br />
[http://www.gravityhelp.com/documentation/page/Gravity_Forms_Documentation Vendor Documentation]<br />
<br />
[[Category:WordPress]]</div>CongzheXu