Page tree
Skip to end of metadata
Go to start of metadata

This page provides guidance to Web Editors on how to create and support staff profiles pages on departmental websites.

Creating a profile page

Staff can find guidance on how to complete their profile page online.

  1. Create a new staff page in CMS
  2. Copy staff profile template content into new page

 

 

 

Creating new staff page in CMS

  1. Select 'New'
  2. Select the resource type to 'Folder' - click Continue
  3. Set 'Name' as the member of staff members name (formatting: firstname-lastname) and select 'Basic page' - click Continue
  4. Enter Title to staff members name (formatting: Firstname Lastname) - click Finish
  5. Set 'Template' to 'Standard page V3' - click Continue
  6. Set Title to staff members name (formatting: Firstname Lastname)
  7. Set Keywords
  8. Set Description

Module box types

Latest publications
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Latest publications</h5>
<div class="cf">
<p><img width="62" height="100" class="right" alt="" src="#" /></p>
<p><a href="#">Book title</a></p>
</div>
<div class="cf">
<p><img width="62" height="100" class="right" alt="" src="#" /></p>
<p><a href="#">Book title</a></p>
</div>
<p>{{boxoutBottom}}</p>
Video
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Video (Bath website)</h5>
<div class="videoThumb"><img width="200" height="110" src="#" alt="" />  <a href="#moduleVideo1" class="videoLightbox">&nbsp;</a></div>
<div class="videoLightboxContainer">
<div id="moduleVideo1">
<p>{{video:videoid=XXXX:lightbox=true}}</p>
</div>
</div>
<p class="attributor">Caption about the video.</p>
<p>{{boxoutBottom}}</p>
Research membership
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Research membership</h5>
<ul>
    <li><a title="#" href="#">Research group 1</a></li>
    <li><a title="#" href="#">Research group 2</a></li>
    <li><a title="#" href="#">Research group 3</a></li>
</ul>
<p>{{boxoutBottom}}</p>
Image gallery
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Image gallery</h5>
<a title="Image caption." href="#" class="lightbox"><img width="200" height="100" alt="" src="#" /></a>
<p>Photo of relevant research or recent activity, including caption text.</p>
<p>{{boxoutBottom}}</p>
Recent news
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Recent news</h5>
<p>{{news:items=3:path=#:type=small}}</p>
<p><a title="News" href="#">View departmental news  &raquo;</a></p>
<p>{{boxoutBottom}}</p>
Consultancy
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Consultancy</h5>
<p>I am a highly skilled consultant with extensive experience in;</p>
<ul>
    <li>X</li>
    <li>Y</li>
    <li>Z</li>
</ul>
<p>Please <a href="#">email me</a> discuss potential projects</p>
<p>{{boxoutBottom}}</p>
PhD supervision
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>PhD supervision</h5>

<p>I am interested in supervising new PhD students researching these topics:</p>
<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
</ul>
<p><strong>Research project opportunities</strong></p>
<ul>
    <li><a title="" href="#">Research Project Title</a></li>
</ul>
<p><a href="#" title="">More research opportunities &raquo;</a></p>
<p>{{boxoutBottom}}</p>

Inaugural lecture
<!--MODULE BOX-->
<p>{{boxoutTop}}</p>
<h5>Inaugural lecture</h5>
<img alt="" src="#" />
<p>Summary of the lecture.</p>
<p><a href="#bannerAudio" class="videoLightbox">Listen to the lecture &raquo;</a></p>
<div class="videoLightboxContainer">
<div id="bannerAudio">
<p><iframe width="500" height="90" frameborder="0" name="audio">
</iframe></p>
<h3>Inaugural Lecture: Title</h3>
<p>Summary of the lecture.</p>
<p><a href="#" target="audio">Play lecture &raquo;</a> | <a href="#">Download audio</a> | <a title="" href="#">Read news article</a></p>
</div>
</div>
<p>{{boxoutBottom}}</p>

 

 

 

Setting for top-level department staff listings folder

Set bath.jcustom:

  • /common/js/lightbox.js,/common/js/flowplayer/flowplayer-streaming-config-v3.js, /common/js/flowplayer/commercial/flowplayer.js,

Set bath.macros:

  • streamingvideo,lightbox,videolightbox

Set bath.scustom:

  • /hss/nav/staff-profile.css, /common/css/fancybox/jquery.fancybox-1.3.4.css,
  • No labels