Skip to main content Skip to navigation

Centre for Interdisciplinary Methodologies

Guide to Adding a News Item

Guide to Adding a News Item

This guide will help you add an item to the CIM News Page and sharing it on the @cimethods Twitter feed.

Before you create a new item, you'll need to make sure you have a relevant photo or icon to use and a brief summary of the news, in 120 characters or fewer.

Create a News Page

First we need to create the page to display the news item.

  1. Go to the CIM News section of the website
  2. Click the 'edit' button in the top right corner (you must be logged in to the website to do this)
  3. Select 'create a new page'
  4. Add a title
  5. Deselect 'show in local navigation'
  6. Create your new page

screen_shot_2018-10-30_at_13.42.04.png

Add Content

After creating your page, you should see the following screen. Select the first link, which will take you to your new page.

newspage3

You'll see your page, which will say "this page has no content".

You can now add to your news item.

newsitem4

  1. Click the 'edit' button, and select 'more', at the bottom
  2. Ensure 'JScript editor' is selected on the drop down menu, and click 'Edit centre content'
  3. Add all of your news content, using the editting banner at the top to change the text type, add links, images, etc
  4. Add an image to be previewed when the page is Tweeted. Go to 'Insert a... image' and upload from 'Your Computer'. Make a note of the file name, including the extension (ie myphoto.jpg)
  5. Click 'publish' (or 'preview', then 'publish') to save your changes. You'll be redirected to the 'edit > more' page

newsitem5

newsitem5

Add HTML to Share on Twitter

CIM news items are shared to the @cimethods Twitter feed. You'll now need to add to the HTML of the page so the card displayed on the tweet is correct. This sounds more complicated than it is!

  1. This time, select 'Raw editor' on the drop down menu and again click 'Edit centre content'. This time you will be taken to the HTML editor.
  2. You'll need to copy the following sections of HTML, and paste into the section called <head>, labelled:
<!-- Put custom CSS, Javascript, etc. here -->

Copy and paste these sections directly, they create the post which will be shared on Twitter:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@cimethods" />

Now copy the following, and add your news item title where shown, within the quotations. This must be less than 120 characters for Twitter.

<meta name="twitter:title" content="Your 120 character Tweet" />

Then add the following, with your news item description:

<meta name="twitter:description" content="Your Tweet Description" />

Finally, add the link to the image, which will be shown on the Twitter card. Make sure you add the link to your news item and the correct file name.

<meta name="twitter:image" content="https://warwick.ac.uk/fac/cross_fac/cim/news/your-news-page/your-image.jpg" />

Make sure this last line is followed by </head>, then click 'Publish' to finalise your changes. If you want to make sure it's worked and see how it will look on Twitter, go to this Twitter card validator and type in the web address of your news page.

Also, include the open graph metatags for linked in. So all of the content for the head is:


<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@cimethods" />
<meta name="twitter:title" content="Your 120 character Tweet" />
<meta name="twitter:description" content="Your Tweet Description" />
<meta name="twitter:image" content="https://warwick.ac.uk/fac/cross_fac/cim/news/your-news-page/your-image.jpg" />

<meta property="og:title" content=" Title of the article"/>
<meta property="og:image" content="//media.example.com/ 1234567.jpg"/>
<meta property="og:description" content="Description that will show in the preview"/>
<meta property="og:url" content="//www.example.com/URL of the article"/>

Add your News Item to the CIM News Page

Now you've created the page, you can link to it on the main News feed.

  1. Making sure you have the full web address of your news page, return to CIM News
  2. Click the 'create new item' button on the right; this will take you to the following screen
  3. Add a Title, your Image and an Abstract, which will appear as a summary for your news item
  4. Select 'use a pre-existing web page for this item's detail', and add the full web address into the 'URL' box
  5. Select any further options (if the item needs to be removed after a set date, or if it should be pinned to the top of the News feed), then scroll to the bottom of the page and click 'Save'.
  6. You'll be returned to the News page, where your item will now be visible. Clicking the title or image will take you to the full page created.

newsitem7

Tweeting the News Item

You will need to manually tweet out the news item.

  1. Ask the academic to provide you with the text they want you to tweet.
  2. Go to https://www.twitter.com
  3. Log in with the username Cimethods. You can request the password from James Tripp.
  4. Copy and paste the provided tweet text into Twitter. If you are including the News item URL then you should see a Twitter card displaying relevant details from the HTML above.

Once you have sent out the Tweet then it should appear on the CIM front page in the Latest Tweets section.