News or Announcements

How to add a news post

1. Login to Wordpress
2. Dashboard > Posts
3. Click "Add New" (at the top)
4. Enter the title in the top input box.
5. Enter the article in the next input box (the WYSIWYG editor)
6. Click "Set featured image" (at right-bottom) and either select an image from the Media Library or upload a new image. Click "Set featured image" button to select the image. Featured images must meet the following requirements (to allow them to look good on the digital signages in the Engineering buildings):
   • First off, all your news posts must have a featured image because only news posts with a featured image (the 5 most recent posts) will be selected for presentation on the digital signages.
   • The ratio of featured news images should be approximately between 3:2 to 2:1 in width:height.
   • The resolution of featured images should be at minimum 800x450 if used for Twitter card and maximum 1200x628 so we do not get any grainy image on the digital signages.
7. Select "announcements" and/or "research_news" in the Category section.
   When those categories are available, you need to check either or both of the categories depending on the content. Otherwise, the news won't show up.
8. Click "Publish" button (at top-right) to publish the news now. If you want to publish at a later date, click "Edit" next to "Publish immediately", set the date, click "Ok", and click "Schedule".
   Once you've published, you can see how your news images look on the digital signages by clicking on your department's link in one of the following links:
   http://www.engineering.ucla.edu/signage-spotlight
   http://www.bioeng.ucla.edu/signage-spotlight
   http://www.cee.ucla.edu/signage-spotlight
   http://www.chemeng.ucla.edu/signage-spotlight
   http://www.cs.ucla.edu/signage-spotlight
   http://www.ee.ucla.edu/signage-spotlight
   http://www.mae.ucla.edu/signage-spotlight
   http://www.mse.ucla.edu/signage-spotlight
   http://www.seasoasa.ucla.edu/signage-spotlight
   http://www.seasnet.ucla.edu/signage-spotlight
   http://signagehost.seas.ucla.edu/signage-spotlight-fame
   http://signagehost.seas.ucla.edu/signage-spotlight-esuc
   http://signagehost.seas.ucla.edu/signage-spotlight-weucla
9. Go to the home page and you should see the new news listed at the top in the Latest News section (if you published immediately). Currently the latest 5 news are displayed and there is a link at the bottom to "Enter Newsroom". If you do not see the news you've added, then the Latest News section could be set up wrong, so please read the section "How to set up the Latest News section".

How to set up the Latest News section

By default, this should have already been set up for you and you should not have to do this. However, if something is wrong, please follow the steps below.

1. Dashboard > Pages
2. Change "All categories" in the filter dropdown to "front_page" and click Filter.
3. Mouse over the title "Home - Front page" and click "Edit" underneath.
4. In the 2nd section, in the 1st Text module, look for the triple bar and click on it.
5. Go to the Text tab and enter exactly the following:

   <h4>Latest News</h4>
   
   <hr/>
   
   [display-posts posts_per_page="5" include_excerpt="false" image_size="thumbnail" wrapper="div"]
   
   <div style="clear:both">
   <a href="/newsroom">Enter Newsroom &gt;</a>
   </div>
   

6. Save
7. Update

Updated 20160901