{{{edit-button 'writing_web.html' 'section'}}} {{#markdown}} ## Web content: creating and editing This page will tell you who creates content, where you must go to create or edit content, and how to use the editors. ### Buttons, links, readmore [Add content on when to use each] ### Who creates content on the EMBL-EBI website? ### Need help? ### Where website content "lives" Content on the EMBL-EBI website is entered in one of two places: a programatically accesible content database and the www.ebi.ac.uk website itself. **The content database** focuses on descriptions of people and resources, which may appear in many places on the website, e.g.: - Everything about a service: short description, who runs it, etc. - Logo (two versions) - Descriptions of people and groups - Everything about individuals in a team, including photos - Photos and bios of speakers at events Login at content.ebi.ac.uk/login with your Shibboleth credentials **The www.ebi.ac.uk website** contains mainly static and not reusable content, e.g.: - News from your service - Custom team pages - Special unique page content, such as the /about page Login at www.ebi.ac.uk/login with your Shibboleth credentials
## Details on specific content types - People pages - Resources - Teams - Service News - New pages ### People pages [Resides on Content database] All information about people - whether they are staff or visiting speakers - lives in the content database. Updating information about staff is fairly self-explanatory, but the biography field should be approached carefully. People often participate in events, which will have an event web page. That page will pull photos and bios from the content database, and display them all together. This presents a good opportunity to check bios for consistency, in terms of grammar, length and the order in which work experience is presented. For an example, see the [BioBeat 2015 event page](http://www.ebi.ac.uk/about/events/2015/biobeat15-translating-genomics-biobusiness). ### Resources [Resides on Content database] Information about resources is displayed in many different places on the website, for example in result lists. Filling in and updating information about a resource in the content database is fairly self explanatory. The "Popular" box determines whether a resource goes to the top of a list on various pages. The Cluster Heads determine whether a resource is "popular". Be sure to enter in three contacts if you can - these are the people the web team or others might contact if something does not seem right, or has gone out of date. Resource descriptions also include links to modules in Train Online - do update these when you create new online courses. The "maintainer" is the person who will actually be updating these descriptions. ### Teams [Resides on Content database] Team descriptions show up on GTL pages, among other places. Updating this content is fairly self-explanatory. ### Service news [Resides on www.ebi.ac.uk webiste] Service teams are warmly encouraged to enter service updates, like new releases and spotlight features, into the EMBL-EBI website. Using this feature showcases our diverse services in one place (and one RSS feed) and makes it easier to send content directly to the @EMBLEBI Twitter feed. It is also a good way to alert External Relations of important developments, which may require further promotion. If you do not create service news often, it is a good idea to sit with someone in External Relations who can walk you through it. There are plenty of things to watch out for with this content type, for example the Summary field is for text that shows up on lists, but this is not open by default. Stuff like that. Questions to address before you get started: - What is your service news cycle? Who writes it, and who has sign-off? - Which channels are you using to post your news? - Does your service have a newsletter, and if so how do people sign up for it? - Do you track how people read your news, or track newsletter opens/clicks? Things to look out for with this content type: Adding services news to the EMBL-EBI website Adding service news to the EMBL-EBI website External Relations is very happy to help you put together service news items! E-mail comms@ebi.ac.uk ### New pages [Resides on www.ebi.ac.uk webiste] If you do not add new pages often to the EMBL-EBI website, it is best to sit with someone in the External Relations or Web Development team, as there are many quirks and pitfalls to watch out for. For example, click Save often - and look out for that button shifting about. 1. From your dashboard, select Add content. If you want a blank page, select Basic page. 1. If you want a page with a pre-defined layout (like the research or about pages), select **Panel**. (This section will focus on creating Panels.) 1. Select 'EBI' from the Category menu. The About layout is your most generic choice here. 1. Enter the title of the page - this will show up in the header (the coloured band right up top). 1. Select your team name from the list. 1. Enter tags and a description. The description will show up on a Google search result page. 1. Fill in the url, for example research/bergman/software/textio and Save the page. 1. Go to **Panel content**. 1. Create new content in each area by clicking on the cog and selecting 'Add content'. 1. The list you will see mainly shows categories of reusable content that people have created. 1. If you are making new content, select New custom content from the end of the list. 1. If you are on a sidebar and wish to add a highlight, for example for EIPODs, select Highlights and insert the one you want. 1. If you wish to add your team's Twitter widget, select it from the Widgets area. After you create a piece of content, be sure to Save the Panel. Be careful here - the Save box shifts about. #### Styling boxes Style the boxes by selecting the cog on the right of each small 'pane'. To style a box as "Intro" (grey, with a big, underlined title), edit the content. For the pane title itself, put <none> in the box. In the WYSIWYG write the title and style it <h2>. Save it. In the panel view, click the cog on the right of the box and select the Intro style. If you are making sidebar content, use Shortcuts-transparent. Panel screen shot {{/markdown}}