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.
   All your posts must have a featured image and meet the following requirements:
   • Image resolution should only be 800x450 (preferred) or 1200x628 because these work well for Twitter cards and the digital signages.
     • If you must use a different resolution, do not go below 800x450 and the ratio should be between 3:2 to 2:1 in width:height.
   • Twitter cards: images with resolution lower than 800x450 tend to not show up until 7 to 30 days later
   • Digital signages: images with resolution lower than 800x450 is grainy (the most recent 5 posts will be selected for display)
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. Change the permalink to append "-test-1", i.e., the URL should end with "-test-1".
9. Click "Publish" button (at top-right) to publish the news.
10. Verify that the post shows up correctly in the following locations:
    • The home page: you should see the new posts listed at the top in the Latest News section. (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".)
    • Twitter cards (if used):
      1. If the post does not show up correctly, fix the post and change the permalink to end with "-test-2"
      2. Re-post and repeat using "-test-3", "-test-4", ... until success
      Note: Twitter caches content of a URL across all Twitter accounts for 7 to 30 days, so any changes to the URL's content may not reflect in Twitter until 7 to 30 days later. Using "-test-#" in the permalink will prevent Twitter from caching the final URL before verification is successful.
    • Digital signages:
      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
11. When the verification is successful, remove "-test-N" from the permalink and re-post on Twitter (if used).

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