ESB training page

Minutes of the website training, a basic guide to editing our website

This page contains some basic information to prompt users of this website on how to add users and edit the ESB website. Suggested edits are welcome #Jack

  1. Adding New People: Before you can edit any content, you need to be given access to the "drupal" page. To do this, send someone a link to this page: where they have to login (using their helsinki login), then they can be given access by someone like Rose etc. N/B. When someone new signs up, we can make them a "content producer" - but we need to explore whether this gives a user sufficient rights to update their own text (can they add or delete pages or change the order of links etc…)
    1. To "add members", or adjust their access & editing rights, navigate to > View group > add people.
  2. Navigation: Once you have editing rights to the page, you will see a "Tools" tab in the top left of your screen when you login. There are lots of buttons here, on the left you can see buttons that allow you to add new types of pages. On the right there are links to administrative pages. But importantly, in the middle of this tool bar, is a "view content" button. This navigates you to a list where you can view all avaible of the content of this website. This will give you a list of all the current content, and where you can scroll through and click on the page you wish to edit. N/B. You can always navigate back through the Tools bar > view content of our page. This page for example, is hidden, and can only be found through the view content function, since we want it to only be available to our content producers.
  3. Editing, the basics: To edit any page, you first navigate there and then click "edit" at the top of the page. Here you can see from the title of the page from the title (“edit basic page etc..”). All this means is there are different menus that you have access to. N.B. No two people can edit the same page at the same time, a page will be locked for 30 mins while you’re editing. When you do this, you will see some menus on the left side of the page: Content, Menu settings, Meta Information & Revision information. First, let's focus on the content.
  4. Editing, creating content, the ATOM: Typically each page you will create or edit has a Title, a Body and then additional elements. Most things you will want to simply write in, and the word editing tools are fairly self-explanatory, e.g. ITALICS, BOLD & Underlining. However, in order to add images, links etc. we need to create "Atoms". Though this might seem tedious at first, the benefit of creating atoms is that they are highly modular & reusable. On the right of your screen now that you've entered the editing stage, you can see a new menu, each of which you can hover over and it will give you a little pop-up explanation (it's fairly intuitive). Here we can create many different types of ATOMS. If you create a simple image atom for example, you can import an image, give it a name, crop the image to size. IMPORTANT: You cannot edit your atoms, so if you screw up, delete the old atom, or make a new one named something different... e.g. Jack_2, Jack_3 etc...
  5. Some things to consider while editing & making new ATOMs:
    1. Whenever you make a new atom or page, while we're in this editing stage, pre-launch, you should include "ESB" at the start of every name. This way we can always search and find the pages & atoms that we're using. E.g. ESBPEOPLE, ESBTRAINING, ESBJACK etc.. This is because everyone who is editing their page on can see & use every ATOM you create. Therefore you want your atom to be searchable.
    2. There are two types of links, to internal or external content (on another website).
    3. DO NOT COPY from word directly, use the Paste from word function along the top of the editing bar! This has the added advantage of importing any links etc. that you embed in the text that you're editing on word.
  6. Where did I put that ATOM? To find any atom you or someone else has made, click on the little magnifying glass in the atoms bar, where you can search for atoms by name and type. To use atoms, use your cursor to click and drag the item to the left, the atoms window will retreat, and you can drop the image onto the page in your desired location.
  7. FLEXIBLE LINKS: Links are a great demonstration of the flexbility of this website editing software. Within the toolsbar you can see that there are LINKS & LINKS TO CONTENT. When you create a standard LINK you will see several tabs in the menu that pops up. From the Target tab, there is a drop down menu that lets you pick a new tab, or a pop-up window.   can edit a link (hover over the tools individually to find the correct one), in this case it’s just called “LINK”. From this there is an option in the second window (called target) to open a new window, rather than change the page.
  8. There is another link type (first page of link pop-up) and there you can set the link type to text anchor (somewhere further down in the text) or an email.  Interestingly, emails and webpage addresses will automatically transform into a link.
  9. If you view the content, you can see the base code as an html, where you can break the universities code and edit the pages however you like….
  10. Editing the front page. Create a content link atom - you can create text from the first part of the ingress and an image will be taken from the liftup.
  11. SOMME (social media links) atoms, the image looks like a funky letter “E” - very straight forwards, link to a twitter page where you show the first few tweet etc.
  12. List of Links - nicely formatted links, is another atom type which is cool.
  13. You can create an RSS feed by clicking on “feed atom”. To use this, you will need an RSS link. This can be obtained from many websites, but if you go to the top of someone’s publications on Tuhat,  you can see an RSS link there.
  14. You can edit menu links as well, near the edit links at the top of each page. There you can enable or disable pages that you don’t want to be publicly visible. Furthermore, in each page, you can edit the menu links to give a new menu link for a page.
  15. Each page should also have a keyword so that it’s searchable & more discoverable from the website!