{"id":7377,"date":"2009-10-16T10:32:03","date_gmt":"2009-10-16T14:32:03","guid":{"rendered":"http:\/\/www.bu.edu\/tech\/?page_id=7377"},"modified":"2013-04-11T13:53:13","modified_gmt":"2013-04-11T17:53:13","slug":"the-headline-thumbnail","status":"publish","type":"page","link":"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/custom-news\/the-headline-thumbnail\/","title":{"rendered":"The Headline Thumbnail"},"content":{"rendered":"

This plugin has been deprecated in favor of BU Post Details for Flexi Themes<\/a>. Please contact us<\/a> if you’re interested in moving your site to a Flexi Theme<\/a><\/em><\/span><\/p>\n

Prerequisites:<\/h3>\n

Before using headline thumbnails, they must be enabled on your site by the IS&T WordPress administrators.<\/p>\n

Overview<\/h2>\n

You can add an image to a news post as its headline thumbnail. You can then display that thumbnail where you have news feeds using the news shortcode<\/a>. You can also use it next to your headlines on the custom news page template<\/a>.<\/p>\n

Headline thumbnails used on a news feed look like this:<\/p>\n

\"shortcode_thumb\"<\/a><\/p>\n

Headline thumbnails on the custom news page look like this:<\/p>\n

\"headline_thumbs\"<\/a><\/p>\n

Headline thumbnails can be used in several ways. They add an interesting visual element to your page to draw the reader into the story. They also break up long sections of text in news listings. If your news posts don’t often have photos, you can use headline thumbnails to create a unique graphic for each of your news categories.<\/p>\n

The thumbnails are easy to use by specifying the thumbnail image in a special settings box below the page content editor in WordPress. (Note that the headline thumbnail function is not related to the thumbnail size option in the Media Library.)<\/p>\n

Adding a Headline Thumbnail to Your News Post<\/h2>\n
    \n
  1. Open your news post in the WordPress editor.<\/li>\n
  2. Scroll down past the content editing section until you find the box for Headline Thumbnail.<\/strong> Click the Add Image<\/strong> button.\"thumb1\"
    \n<\/a><\/li>\n
  3. Locate the image in your Media Library. If your image has not been added to your Media Library yet, upload it now.
    \n    \"ml-tab\"
    \n<\/a><\/li>\n
  4. When you have located the image in your Media Library, open the image properties box by clicking the Show<\/strong> link. (Note:<\/strong> if your image was not previously uploaded, you will be taken directly to the image properties box after uploading.)
    \n    \"ml-show\"
    \n<\/a><\/li>\n
  5. With image properties box open, click the Add Thumbnail<\/strong> button.
    \n    \"thumb2\"
    \n<\/a><\/li>\n
  6. WordPress returns you to your page editor, and your thumbnail image is displayed in the associated box.
    \n    \"thumb3\"
    \n<\/a><\/li>\n
  7. Type a brief description of the image for the Alternate Text<\/strong>, and save your page.<\/li>\n<\/ol>\n

    Remove a Headline Thumbnail<\/h2>\n

    To remove a headline thumbnail, open the news post in the WordPress editor, scroll down to the Headline Thumbnail<\/strong> box and click the Remove<\/strong> Image<\/strong> button (see the screenshot in step #6, above).<\/p>\n","protected":false},"excerpt":{"rendered":"

    This plugin has been deprecated in favor of BU Post Details for Flexi Themes. Please contact us if you’re interested in moving your site to a Flexi Theme Prerequisites: Before using headline thumbnails, they must be enabled on your site by the IS&T WordPress administrators. Overview You can add an image to a news post…<\/p>\n","protected":false},"author":1301,"featured_media":0,"parent":6649,"menu_order":2,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/7377"}],"collection":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/users\/1301"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/comments?post=7377"}],"version-history":[{"count":12,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/7377\/revisions"}],"predecessor-version":[{"id":64796,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/7377\/revisions\/64796"}],"up":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/6649"}],"wp:attachment":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/media?parent=7377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}